:root{color-scheme:dark;--bg:#0f1f1a;--card:#1a2f28;--muted:#d8ddcf;--accent:#ff6f61;--text:#f5f3ea}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding-bottom:72px}.top-nav{display:none;position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(15,31,26,.92);border-bottom:1px solid hsla(81,17%,84%,.12);padding:12px 20px}.bottom-nav{position:fixed;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px;background:rgba(26,47,40,.95);border:1px solid hsla(81,17%,84%,.2);border-radius:14px;padding:10px}.nav-link{opacity:.8;font-size:.85rem}.nav-link.active{opacity:1;color:var(--accent)}input{width:100%;margin-top:4px;padding:10px;border-radius:10px;border:1px solid hsla(81,17%,84%,.25);background:rgba(15,31,26,.65);color:var(--text)}.button-like,button{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:10px;border:1px solid hsla(81,17%,84%,.3);background:var(--card);color:var(--text);cursor:pointer}.page{max-width:980px;margin:0 auto;padding:20px}.card{background:var(--card);border:1px solid hsla(81,17%,84%,.16);border-radius:14px;padding:14px;margin-bottom:12px}@media (min-width:900px){.app-shell{padding-bottom:20px}.top-nav{display:block}.bottom-nav{display:none}}