:root{color-scheme:light;--bg:#f5f5f7;--surface:#fff;--surface-2:#ececf1;--text:#161618;--muted:#77777e;--line:rgba(60,60,67,.12);--accent:#007aff;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#000;--surface:#1d1d1f;--surface-2:#161617;--text:#f5f5f7;--muted:#98989d;--line:rgba(255,255,255,.14);--accent:#2997ff}}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:15px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;background:radial-gradient(circle at 90% 0,rgba(0,122,255,.09),transparent 32%),var(--bg);-webkit-font-smoothing:antialiased}.shell{width:min(100%,760px);min-height:100dvh;margin:auto;padding:calc(18px + var(--safe-top)) 16px calc(96px + var(--safe-bottom))}header{padding:4px 3px 23px}.eyebrow{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}h1{margin:3px 0 0;font-size:30px;line-height:1.1;letter-spacing:-.045em}.page{display:none;min-height:calc(100dvh - 170px);padding:23px;border:1px solid var(--line);border-radius:28px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 18px 55px rgba(0,0,0,.06);animation:appear .2s ease}.page.active{display:block}.page h2{margin:0;font-size:27px;letter-spacing:-.04em}.page p{margin:7px 0 0;color:var(--muted)}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.dock{position:fixed;z-index:20;left:50%;bottom:calc(4px + var(--safe-bottom));transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);width:min(560px,calc(100% - 20px));height:64px;padding:5px;border:1px solid var(--line);border-radius:29px;background:color-mix(in srgb,var(--surface) 84%,transparent);box-shadow:0 14px 40px rgba(0,0,0,.18);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%)}.dock button{display:grid;place-items:center;align-content:center;gap:1px;border:0;border-radius:23px;background:transparent;color:var(--muted);font-size:19px}.dock button.on{background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent)}.dock small{font-size:9px;font-weight:600}@media(min-width:800px){.shell{padding-top:35px}.page{min-height:650px}}