:root{--bg:#fff;--fg:#111;--mid:#888;--soft:#eee;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111;--fg:#eee;--mid:#777;--soft:#262626}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0}body{overscroll-behavior:none}button,input,select{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--fg);border-radius:4px;padding:6px 12px}button:disabled{opacity:.4}button.link{border:none;padding:0;text-decoration:underline}a{color:inherit}.app{flex-direction:column;max-width:600px;height:100dvh;margin:0 auto;display:flex}header{padding:8px 16px;padding-top:max(8px, env(safe-area-inset-top));border-bottom:1px solid var(--soft);justify-content:space-between;align-items:center;display:flex}main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}nav{border-top:1px solid var(--fg);padding-bottom:env(safe-area-inset-bottom);display:flex}nav a{text-align:center;flex:1;padding:14px;text-decoration:none}nav a.active{background:var(--fg);color:var(--bg)}.overlay{background:#00000080;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.box{background:var(--bg);border:1px solid var(--fg);width:100%;max-width:320px;padding:16px}.box input{width:100%}.row{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}