:root{--color-bg:#f7f7f5;--color-surface:#fff;--color-text:#1c1c1a;--color-muted:#6b6b66;--color-border:#e2e2dd;--color-primary:#0f766e;--color-primary-text:#fff;--color-danger:#b42318;--color-warning-bg:#fef3c7;--color-warning-text:#78350f;--radius:12px;--gap:12px;--nav-height:64px;--tap:48px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--color-text);background:var(--color-bg);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#141413;--color-surface:#1f1f1d;--color-text:#ececea;--color-muted:#9c9c96;--color-border:#33332f;--color-primary:#2dd4bf;--color-primary-text:#04201d;--color-danger:#f97066;--color-warning-bg:#422006;--color-warning-text:#fde68a}}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-bg);overscroll-behavior-y:none;min-height:100%;margin:0}h1{margin:0;font-size:1.5rem}a{color:inherit}.app{flex-direction:column;min-height:100dvh;display:flex}.app-main{width:100%;max-width:640px;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(var(--nav-height) + var(--safe-bottom) + 24px) calc(16px + var(--safe-left));flex:1;margin:0 auto}.page-header{justify-content:space-between;align-items:center;gap:var(--gap);margin-bottom:16px;display:flex}.bottom-nav{z-index:10;height:calc(var(--nav-height) + var(--safe-bottom));padding:0 var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.bottom-nav-item{min-width:var(--tap);color:var(--color-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.75rem;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--color-primary);font-weight:600}.offline-banner{z-index:20;padding:calc(8px + var(--safe-top)) 16px 8px;text-align:center;background:var(--color-warning-bg);color:var(--color-warning-text);font-size:.875rem;position:sticky;top:0}.toast{left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));bottom:calc(var(--nav-height) + var(--safe-bottom) + 12px);z-index:30;border-radius:var(--radius);background:var(--color-text);max-width:616px;color:var(--color-bg);align-items:center;gap:8px;margin:0 auto;padding:12px;display:flex;position:fixed;box-shadow:0 6px 24px #00000040}.toast>span{flex:1}.center-screen{place-items:center;min-height:100dvh;display:grid}.sign-in{max-width:420px;min-height:100dvh;padding:calc(24px + var(--safe-top)) calc(16px + var(--safe-right)) calc(48px + var(--safe-bottom)) calc(16px + var(--safe-left));flex-direction:column;justify-content:flex-end;gap:24px;margin:0 auto;display:flex}.stack{gap:var(--gap);flex-direction:column;margin-bottom:16px;display:flex}.card{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);padding:16px}.field{flex-direction:column;gap:4px;display:flex}.field-label{color:var(--color-muted);font-size:.875rem}.input{min-height:var(--tap);font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:0 12px;font-size:1rem}.input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.btn{min-height:var(--tap);min-width:var(--tap);font:inherit;border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--color-primary);color:var(--color-primary-text)}.btn-secondary{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn-ghost{color:inherit;background:0 0;padding:0 8px}.link{font:inherit;color:var(--color-primary);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list-row{justify-content:space-between;align-items:center;gap:var(--gap);overflow-wrap:anywhere;padding:4px 4px 4px 16px;display:flex}.module-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.module-tile{text-decoration:none}.module-tile .card{flex-direction:column;gap:8px;min-height:96px;display:flex}.muted{color:var(--color-muted)}.small{font-size:.875rem}.error{color:var(--color-danger)}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;margin:24px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}