:root{--color-primary: #5b5bd6;--color-primary-strong: #4141b7;--color-accent: #11a579;--color-danger: #d6455d;--color-warning: #e59a22;--color-danger-strong: #a3132a;--color-warning-strong: #8a5a00;--color-primary-text: #5b5bd6;--color-bg: #f5f6fb;--color-surface: #ffffff;--color-surface-muted: #eef0f7;--color-text: #202235;--color-text-muted: #676b80;--color-border: #dfe2ec;--shadow: 0 12px 35px rgb(38 42 74 / 9%);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--content-width: 1120px}:root[data-theme=dark]{--color-bg: #11131d;--color-surface: #1a1d2a;--color-surface-muted: #242838;--color-text: #f4f5fb;--color-text-muted: #aeb3c7;--color-border: #32374a;--color-danger-strong: #ff8a9c;--color-warning-strong: #e59a22;--color-primary-text: #8b95f0;--shadow: 0 12px 35px rgb(0 0 0 / 28%)}*{box-sizing:border-box}html{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text)}html[data-theme=dark]{color-scheme:dark}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 15% 0%,rgb(91 91 214 / 10%),transparent 35rem),var(--color-bg)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.topbar{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 24px;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;gap:10px;align-items:center;font-size:1.15rem;text-decoration:none}.brand-release{padding:2px 7px;border-radius:99px;background:var(--color-surface-muted);color:var(--color-text-muted);font-size:.7rem;font-weight:700;letter-spacing:.02em}.desktop-nav{display:flex;gap:6px}.topbar-actions{display:flex;gap:10px;align-items:center}.install-button,.network-toggle{display:inline-flex;flex:0 0 auto;gap:7px;align-items:center}.network-toggle{min-height:42px;padding:9px 13px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text);font-weight:700;cursor:pointer}.network-toggle[aria-pressed=true]{border-color:color-mix(in srgb,var(--color-warning) 55%,var(--color-border));background:color-mix(in srgb,var(--color-warning) 14%,var(--color-surface));color:var(--color-warning-strong)}.network-toggle:disabled{cursor:not-allowed;opacity:.55}.network-toggle-wrap{position:relative;display:inline-flex}.network-toggle-toast{position:absolute;z-index:20;top:calc(100% + 8px);right:0;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.8rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 14px #0000001f}.nav-link{display:flex;gap:7px;align-items:center;padding:10px 12px;border-radius:var(--radius-sm);color:var(--color-text-muted);text-decoration:none}.nav-link.active{background:var(--color-surface-muted);color:var(--color-primary-text)}@media(hover:hover)and (pointer:fine){.nav-link:hover{background:var(--color-surface-muted);color:var(--color-primary-text)}}.main-content{width:min(calc(100% - 32px),var(--content-width));min-height:calc(100vh - 68px);min-height:calc(100dvh - 68px);margin:0 auto;padding:32px 0 80px}.page-heading{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.page-heading h1,.panel h1,.panel h2{margin:0}.muted{color:var(--color-text-muted)}.panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow)}.button{min-height:42px;padding:9px 15px;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-weight:700}.button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 45%,transparent);outline-offset:2px}.button.primary{background:var(--color-primary);color:#fff}@media(hover:hover)and (pointer:fine){.button.primary:hover{background:var(--color-primary-strong)}}.button.secondary{border-color:var(--color-border);background:var(--color-surface-muted);color:var(--color-text)}.button.danger{background:color-mix(in srgb,var(--color-danger) 13%,var(--color-surface));color:var(--color-danger-strong)}.button.ghost,.ghost-button{border-color:transparent;background:transparent;color:var(--color-text-muted)}.button:disabled{cursor:not-allowed;opacity:.55}.field{display:grid;gap:7px}.field label{font-size:.9rem;font-weight:700}.field input,.field textarea,.search-input{width:100%;padding:11px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}select{padding:11px 34px 11px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text);appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:right 18px center,right 13px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}.field select{width:100%}@media(hover:hover)and (pointer:fine){select:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border))}}.empty-state,.loading{display:grid;min-height:260px;place-content:center;padding:32px;text-align:center}.spinner{width:34px;height:34px;margin:0 auto;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-nav{display:none}.update-toast{position:fixed;z-index:20;right:20px;bottom:20px;display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow)}.update-toast p{margin:0}.fatal-error{width:min(600px,calc(100% - 32px));margin:80px auto;padding:24px;border-radius:var(--radius-md);background:var(--color-surface)}@media(max-width:1000px){.desktop-nav{gap:2px}.nav-link{padding:10px 8px}.network-toggle{gap:0;font-size:0}.network-toggle span{font-size:1rem}}@media(max-width:760px){.desktop-nav{display:none}.topbar{min-height:58px;padding:0 16px}.network-toggle{gap:7px;font-size:1rem}.install-button,.network-toggle{min-height:38px;padding:7px 10px}.main-content{width:min(calc(100% - 24px),var(--content-width));padding:22px 0 100px}.app-shell.studying .mobile-link{min-height:42px}.app-shell.studying .mobile-link small{display:none}.app-shell.studying .main-content{padding-bottom:70px}.mobile-nav{position:fixed;z-index:15;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(6,1fr);padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-link{display:grid;min-height:64px;place-content:center;gap:2px;color:var(--color-text-muted);text-align:center;text-decoration:none}.mobile-link small{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.mobile-link.active{color:var(--color-primary-text)}.page-heading{align-items:stretch;flex-direction:column}.update-toast{inset:70px 12px auto}}