:root{color-scheme:light;--ink:#514c44;--plate:#faf9f3cd;--line:#776c571b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:radial-gradient(ellipse at 50% 40%,#f3f1eb 0%,#ddd9d0 68%,#cbc6ba 100%);transition:background .5s;color:var(--ink)}body.night{color-scheme:dark;--ink:#ddd7ca;--plate:#242b34d9;--line:#ffffff18;background:radial-gradient(ellipse at 50% 40%,#36404a 0%,#202832 68%,#151d27 100%)}#stage,#view{width:100%;height:100%;display:block}#view{touch-action:none;outline:none}#view:focus-visible{box-shadow:inset 0 0 0 2px #aa9365}nav{position:fixed;left:50%;bottom:max(23px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:7px;background:var(--plate);border:1px solid #ffffff35;border-radius:18px;box-shadow:0 8px 35px #16100613;backdrop-filter:blur(20px);opacity:0;transition:opacity .4s}body.ready nav{opacity:1}button{border:0;background:transparent;color:inherit;width:43px;height:43px;border-radius:12px;display:grid;place-items:center;cursor:pointer;transition:background .18s,transform .18s}button:hover{background:var(--line)}button:active{transform:scale(.93)}button[aria-pressed=true]{background:var(--line)}button:focus-visible{outline:2px solid #a58d58;outline-offset:2px}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}nav i{height:22px;width:1px;background:var(--line);margin:0 3px}#loading{position:fixed;left:calc(50% - 55px);bottom:63px;width:110px;height:2px;background:#80745824;overflow:hidden;border-radius:2px;transition:opacity .4s}#loading span{display:block;height:100%;width:0;background:#8c7952;transition:width .15s}body.ready #loading{opacity:0;pointer-events:none}#retry{position:fixed;left:calc(50% - 25px);top:calc(50% - 25px);width:50px;height:50px;background:var(--plate)}#retry[hidden]{display:none}@media(max-width:600px){nav{bottom:max(17px,env(safe-area-inset-bottom));gap:1px;padding:5px}button{width:40px;height:40px}#loading{bottom:50px}}
:root .folder{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;color:inherit;text-decoration:none}.folder:hover{background:var(--line)}.folder:focus-visible{outline:2px solid #a58d58;outline-offset:2px}