:root{--bg:#f4f5f7;--fg:#1c1f23;--muted:#6b7280;--field:#fff;--field-border:#c9ced6;--accent:#3a6fd8;--folder:#9aa3ad;--folder-dark:#7f8892}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--fg);place-items:center;margin:0;padding:16px;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;display:grid}main{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:420px;display:flex}.stage{place-items:center;height:210px;display:grid}.folder{transform-origin:50% 90%;width:168px;position:relative}.folder svg{width:100%;height:auto;display:block;overflow:visible}.back{fill:var(--folder-dark);transition:fill .45s}.front{fill:var(--folder);transition:fill .45s}.folder:after{content:"";background:radial-gradient(#00000038,#0000 70%);height:14px;position:absolute;bottom:-10px;left:12%;right:12%}.glyph{filter:drop-shadow(0 2px 3px #00000040);pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:56px;line-height:1;display:flex;position:absolute;inset:32.95% 0 5.68%}input{text-align:center;width:100%;font:inherit;color:var(--fg);background:var(--field);border:1px solid var(--field-border);border-radius:8px;outline:none;padding:9px 12px;font-size:16px}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent)}body.booting .stage,body.booting input,body.booting .alts{display:none}.alts{flex-wrap:wrap;justify-content:center;gap:8px;min-height:40px;display:flex}.alts button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:13px;display:flex}.alts button:hover{color:var(--fg);border-color:var(--accent)}.alts .em{font-size:17px}.status{min-height:1.5em;color:var(--muted);text-align:center;margin:0;font-family:Palatino,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:14px;font-style:italic}