:root,html[data-theme=dark]{--font-ui:"Inter", "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-fantasy:"Cinzel", "Orbitron", "Noto Serif JP", serif;--font-button:"Inter", "Noto Sans JP", system-ui, sans-serif;--font-boss:"Cinzel", "Noto Serif JP", serif;--font-ai:"Outfit", "Inter", "Noto Sans JP", system-ui, sans-serif;--surface-base:#050916;--surface-deep:#030712;--surface-raised:#0c1428;--surface-overlay:#050a18f0;--surface-soft:#0c1428e0;--surface-hover:#ffffff0a;--surface-active:#8b5cf624;--border-default:#7093ff3d;--border-accent:#8b5cf69e;--border-gold:#d4af376b;--border-subtle:#ffffff0f;--border-strong:#ffffff1a;--border-danger:#ef44448c;--text-primary:#e8edff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-dim:#64748b;--text-bright:#f8fafc;--text-inverse:#0f172a;--accent:#8b5cf6;--accent-dim:#8b5cf642;--accent-glow:#8b5cf652;--accent-hover:#1677ff;--accent-bg:#8b5cf624;--accent-border:#8b5cf675;--accent-cyan:#28c4ff;--accent-cyan-bg:#28c4ff1f;--accent-cyan-border:#28c4ff6b;--brand-gradient:linear-gradient(135deg, #a526ff, #0e5bff);--gold:#d4af37;--gold-bright:#fde68a;--gold-glow:#d4af3738;--gold-bg:#facc151f;--gold-border:#facc155c;--danger:#ef4444;--danger-bg:#ef44441a;--danger-border:#ef44444d;--danger-dark:#450a0a;--success:#22c55e;--success-bg:#22c55e1a;--success-border:#22c55e4d;--warning:#f59e0b;--warning-bg:#f59e0b1a;--shadow-sm:0 4px 16px #0000004d;--shadow-md:0 8px 32px #0006;--shadow-lg:0 18px 48px #0000009e;--shadow-card:0 22px 42px #000000a6;--shadow-glow-accent:0 0 18px #2dd4bf2e;--shadow-glow-gold:0 0 14px #d4af372e;--input-bg:#080d14eb;--input-bg-focus:transparent;--input-color:#e5c76b;--input-placeholder:#94a3b880;--input-border:linear-gradient(135deg, #2dd4bfbf, #d4af376b);--body-bg:radial-gradient(circle at 18% 0%, #9148ff3d, transparent 28%), radial-gradient(circle at 92% 14%, #0091ff2b, transparent 26%), #030712;--container-bg:linear-gradient(180deg, #080e1ef5, #030712fa), radial-gradient(circle at top, #8b5cf62e, transparent 42%);--card-bg:radial-gradient(circle at 50% 8%, #8b5cf626, transparent 34%), linear-gradient(180deg, #0c1428, #070b14);--page-bg:radial-gradient(circle at 16% 2%, #9148ff47, transparent 24rem), radial-gradient(circle at 90% 20%, #0091ff2e, transparent 20rem), linear-gradient(180deg, #050916 0%, #071020 55%, #050813 100%);--page-bg-solid:#050916;--sticky-header-bg:#050a18e6;--nav-bar-bg:#050a18f2;--exam-page-bg:var(--page-bg);--list-header-bg:#1c1f24;--modal-bg:#0b1017;--modal-overlay:#000000b3;--toast-success-bg:linear-gradient(135deg, #22c55e, #16a34a);--toast-error-bg:linear-gradient(135deg, #ef4444, #dc2626);--breakthrough-bg:radial-gradient(circle at 50% 0%, #ffffff14, transparent 42%), linear-gradient(180deg, #080d14f5, #030712fa);--srs-forgot-bg:#450a0a;--srs-forgot-border:#ef4444;--srs-hard-bg:#422006;--srs-hard-border:#b45309;--srs-easy-bg:#064e3b;--srs-easy-border:#22c55e;--toggle-bg:#080d14c7;--toggle-color:#d4af37;--toggle-border:#2dd4bf59;--app-shell-bg:var(--page-bg);--app-shell-solid:var(--page-bg-solid);--app-panel-bg:#0c1428b8;--app-panel-strong:#050a18e6;--app-card-gradient:linear-gradient(135deg, #0f1128e6, #0a0c1ee6);--app-nav-bg:#0a0c16eb;--app-ambient-a:#4f46e51a;--app-ambient-b:#38bdf814;--ai-ambient-bg:radial-gradient(ellipse 60% 50% at 30% 20%, #4f2ea02e 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 75% 70%, #0e6ea51f 0%, transparent 55%), var(--page-bg-solid);--ai-star-color:#ffffff9e;--ai-light-beam:linear-gradient(180deg, transparent, #7850f026, transparent);--ai-bubble-bg:#ffffff0e;--ai-bubble-border:#a78bfa2e;--ai-wisdom-bg:linear-gradient(135deg, #1e1048f2 0%, #0f2044f2 100%)}html[data-theme=light]{--font-ui:"Inter", "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-fantasy:"Cinzel", "Orbitron", "Noto Serif JP", serif;--font-button:"Inter", "Noto Sans JP", system-ui, sans-serif;--font-boss:"Cinzel", "Noto Serif JP", serif;--font-ai:"Outfit", "Inter", "Noto Sans JP", system-ui, sans-serif;--surface-base:#f0ede6;--surface-deep:#e8e3d8;--surface-raised:#faf8f3;--surface-overlay:#faf8f3f5;--surface-soft:#f0ede6d9;--surface-hover:#14b8a60f;--surface-active:#7c3aed1a;--border-default:#607dff40;--border-accent:#7c3aed7a;--border-gold:#b4780a66;--border-subtle:#00000012;--border-strong:#0000001f;--border-danger:#dc262673;--text-primary:#2d4a3e;--text-secondary:#3d5a4f;--text-muted:#5a7568;--text-dim:#7a9088;--text-bright:#1a2e28;--text-inverse:#f8fafc;--accent:#6d28d9;--accent-dim:#6d28d92e;--accent-glow:#6d28d933;--accent-hover:#2563eb;--accent-bg:#6d28d91a;--accent-border:#6d28d957;--accent-cyan:#0284c7;--accent-cyan-bg:#0284c71a;--accent-cyan-border:#0284c747;--brand-gradient:linear-gradient(135deg, #8b2cff, #155eef);--gold:#a16207;--gold-bright:#92400e;--gold-glow:#a1620733;--gold-bg:#fbbf241f;--gold-border:#a1620759;--danger:#dc2626;--danger-bg:#dc262614;--danger-border:#dc26264d;--danger-dark:#fee2e2;--success:#16a34a;--success-bg:#16a34a14;--success-border:#16a34a4d;--warning:#d97706;--warning-bg:#d977061a;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000029;--shadow-card:0 4px 20px #0000001a;--shadow-glow-accent:0 0 12px #0d948826;--shadow-glow-gold:0 0 10px #a1620726;--input-bg:#faf8f3f5;--input-bg-focus:#fff;--input-color:#2d4a3e;--input-placeholder:#5a75688c;--input-border:linear-gradient(135deg, #0d948899, #a1620766);--body-bg:radial-gradient(circle at 18% -8%, #6d28d91a, transparent 32%), radial-gradient(circle at 90% 14%, #2563eb14, transparent 26%), #f0ede6;--container-bg:linear-gradient(180deg, #f0ede6fa, #e8e3d8f5), radial-gradient(circle at top, #6d28d914, transparent 42%);--card-bg:radial-gradient(circle at 50% 8%, #6d28d914, transparent 34%), linear-gradient(180deg, #faf8f3, #eeeae0);--page-bg:linear-gradient(135deg, #ece9e0 0%, #f0ede6 50%, #e8e3d8 100%);--page-bg-solid:#ece9e0;--sticky-header-bg:#f0ede6f2;--nav-bar-bg:#f0ede6f7;--exam-page-bg:#ece9e0;--list-header-bg:#e8e3d8;--modal-bg:#faf8f3;--modal-overlay:#00000073;--toast-success-bg:linear-gradient(135deg, #16a34a, #15803d);--toast-error-bg:linear-gradient(135deg, #dc2626, #b91c1c);--breakthrough-bg:radial-gradient(circle at 50% 0%, #ffffff80, transparent 42%), linear-gradient(180deg, #faf8f3f5, #f0ede6fa);--srs-forgot-bg:#fee2e2;--srs-forgot-border:#fca5a5;--srs-hard-bg:#fef3c7;--srs-hard-border:#fcd34d;--srs-easy-bg:#d1fae5;--srs-easy-border:#6ee7b7;--toggle-bg:#faf8f3e6;--toggle-color:#a16207;--toggle-border:#a1620766;--app-shell-bg:var(--page-bg);--app-shell-solid:var(--page-bg-solid);--app-panel-bg:#faf8f3c7;--app-panel-strong:#faf8f3f0;--app-card-gradient:linear-gradient(135deg, #faf8f3f0, #e8e3d8e0);--app-nav-bg:#faf8f3f0;--app-ambient-a:#6d28d917;--app-ambient-b:#0284c714;--ai-ambient-bg:radial-gradient(ellipse 64% 48% at 28% 12%, #6366f11f 0%, transparent 60%), radial-gradient(ellipse 52% 42% at 78% 72%, #0ea5e91c 0%, transparent 55%), var(--page-bg);--ai-star-color:#2563eb57;--ai-light-beam:linear-gradient(180deg, transparent, #2563eb1f, transparent);--ai-bubble-bg:#ffffffc7;--ai-bubble-border:#607dff38;--ai-wisdom-bg:linear-gradient(135deg, #ffffffeb 0%, #e5f1ffe0 100%)}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}html,body,#root{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-overflow-scrolling:auto;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;text-rendering:optimizelegibility;touch-action:manipulation;position:fixed;inset:0}*,:before,:after{box-sizing:border-box;max-width:100%}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light] body{background:var(--body-bg)!important;color:var(--text-primary)!important}body,input,textarea,select{font-family:var(--font-ui)}button{font-family:var(--font-button);font-weight:600}h1,h2,.title,.fc-panel-top h1,.fc-hero-head h1,[class*=hero-title],[class*=section-title]{font-family:var(--font-fantasy)}[class*=boss],[class*=Boss],[class*=battle-title],[class*=challenge-title]{font-family:var(--font-boss);font-weight:700}html[data-theme=light] .fc-mobile-shell,html[data-theme=light] .app-page,html[data-theme=light] .admin-dashboard,html[data-theme=light] .exam-page{background:var(--app-shell-bg)!important;color:var(--text-primary)!important}html[data-theme=light] .glass-card,html[data-theme=light] .fantasy-card,html[data-theme=light] .modal-box,html[data-theme=light] .fc-metric-card,html[data-theme=light] .fc-deck-card,html[data-theme=light] .fc-deck-summary,html[data-theme=light] .fc-card-form,html[data-theme=light] .fc-empty-state,html[data-theme=light] .fc-empty-study,html[data-theme=light] .fc-word-row,html[data-theme=light] .admin-card,html[data-theme=light] .exam-home-card,html[data-theme=light] .exam-question-card{background:var(--surface-overlay)!important;border-color:var(--border-default)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-md)!important}html[data-theme=light] .fc-study-card,html[data-theme=light] .fc-review-banner{color:var(--text-primary)!important;background:radial-gradient(circle at 18% 0,#2563eb29,#0000 36%),linear-gradient(135deg,#fff 0%,#e9f4ff 52%,#e7e3ff 100%)!important;border-color:#0284c757!important;box-shadow:0 16px 40px #2563eb2e!important}html[data-theme=light] .fc-study-card .fc-kanji,html[data-theme=light] .fc-study-card .fc-meaning,html[data-theme=light] .fc-deck-title strong,html[data-theme=light] .fc-panel-top h1,html[data-theme=light] .fc-hero-head h1,html[data-theme=light] .fc-word-row strong{color:var(--text-bright)!important}html[data-theme=light] .fc-hero-head p,html[data-theme=light] .fc-deck-main p,html[data-theme=light] .fc-deck-summary p,html[data-theme=light] .fc-word-row p,html[data-theme=light] .fc-word-row small,html[data-theme=light] .fc-example-box,html[data-theme=light] .fc-reading{color:var(--text-secondary)!important}html[data-theme=light] .fc-example-box,html[data-theme=light] .fc-deck-tabs,html[data-theme=light] .fc-quick-add-panel,html[data-theme=light] .fc-ai-add-panel{border-color:var(--border-subtle)!important;color:var(--text-secondary)!important;background:#ffffffad!important}html[data-theme=light] .fc-deck-actions button,html[data-theme=light] .fc-deck-review-actions button,html[data-theme=light] .fc-deck-add-btn,html[data-theme=light] .fc-floating-add,html[data-theme=light] .fc-save-card{background:var(--brand-gradient)!important;color:#fff!important;border-color:#0000!important}html[data-theme=light] .fc-deck-actions button+button,html[data-theme=light] .fc-icon-btn,html[data-theme=light] .admin-nav-btn,html[data-theme=light] .modern-btn-secondary{color:var(--text-secondary)!important;border-color:var(--border-default)!important;background:#ffffffb8!important}html[data-theme=light] [style*="color: rgba(255,255,255"],html[data-theme=light] [style*="color:rgba(255,255,255"],html[data-theme=light] [style*="color: rgba(255, 255, 255"],html[data-theme=light] [style*="color:rgba(255, 255, 255"],html[data-theme=light] [style*="color: rgba(226,232,240"],html[data-theme=light] [style*="color:rgba(226,232,240"],html[data-theme=light] [style*="color: rgba(226, 232, 240"],html[data-theme=light] [style*="color:rgba(226, 232, 240"],html[data-theme=light] [style*="color: rgba(241,245,249"],html[data-theme=light] [style*="color:rgba(241,245,249"],html[data-theme=light] [style*="color: rgba(241, 245, 249"],html[data-theme=light] [style*="color:rgba(241, 245, 249"],html[data-theme=light] [style*="color: #e2e8f0"],html[data-theme=light] [style*="color:#e2e8f0"],html[data-theme=light] [style*="color: #f8fafc"],html[data-theme=light] [style*="color:#f8fafc"],html[data-theme=light] [style*="color: #fff"],html[data-theme=light] [style*="color:#fff"]{color:var(--text-primary)!important;text-shadow:none!important}html[data-theme=light] [style*="color: rgba(148,163,184"],html[data-theme=light] [style*="color:rgba(148,163,184"],html[data-theme=light] [style*="color: rgba(148, 163, 184"],html[data-theme=light] [style*="color:rgba(148, 163, 184"],html[data-theme=light] [style*="color: #64748b"],html[data-theme=light] [style*="color:#64748b"],html[data-theme=light] [style*="color: #475569"],html[data-theme=light] [style*="color:#475569"]{color:var(--text-muted)!important}html[data-theme=light] [style*="-webkit-text-fill-color: transparent"],html[data-theme=light] [style*=-webkit-text-fill-color\:transparent]{color:var(--accent-hover)!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;background:0 0!important}html[data-theme=light] [style*="opacity: 0.35"],html[data-theme=light] [style*="opacity:0.35"],html[data-theme=light] [style*="opacity: 0.4"],html[data-theme=light] [style*="opacity:0.4"],html[data-theme=light] [style*="opacity: 0.45"],html[data-theme=light] [style*="opacity:0.45"],html[data-theme=light] [style*="opacity: 0.5"],html[data-theme=light] [style*="opacity:0.5"],html[data-theme=light] [style*="opacity: 0.55"],html[data-theme=light] [style*="opacity:0.55"],html[data-theme=light] [style*="opacity: 0.6"],html[data-theme=light] [style*="opacity:0.6"]{opacity:.92!important}html[data-theme=light] h1,html[data-theme=light] h2,html[data-theme=light] h3,html[data-theme=light] h4,html[data-theme=light] p,html[data-theme=light] span,html[data-theme=light] small,html[data-theme=light] strong,html[data-theme=light] label{text-shadow:none!important}html[data-theme=light] [style*="background: rgba(255,255,255,0.03"],html[data-theme=light] [style*="background:rgba(255,255,255,0.03"],html[data-theme=light] [style*="background: rgba(255,255,255,0.04"],html[data-theme=light] [style*="background:rgba(255,255,255,0.04"],html[data-theme=light] [style*="background: rgba(255,255,255,0.05"],html[data-theme=light] [style*="background:rgba(255,255,255,0.05"],html[data-theme=light] [style*="background: rgba(255,255,255,0.06"],html[data-theme=light] [style*="background:rgba(255,255,255,0.06"],html[data-theme=light] [style*="background: rgba(10,12,22"],html[data-theme=light] [style*="background:rgba(10,12,22"],html[data-theme=light] [style*="background: rgba(12,16,32"],html[data-theme=light] [style*="background:rgba(12,16,32"],html[data-theme=light] [style*="background: rgba(15,23,42"],html[data-theme=light] [style*="background:rgba(15,23,42"]{border-color:var(--border-default)!important;background:#ffffffb8!important}html[data-theme=light] [style*="background: linear-gradient(135deg, rgba(15,17,40"],html[data-theme=light] [style*="background:linear-gradient(135deg, rgba(15,17,40"],html[data-theme=light] [style*="background: linear-gradient(135deg, rgba(10,14,36"],html[data-theme=light] [style*="background:linear-gradient(135deg, rgba(10,14,36"],html[data-theme=light] [style*="background: linear-gradient(145deg, rgba(10,14,36"],html[data-theme=light] [style*="background:linear-gradient(145deg, rgba(10,14,36"]{background:var(--app-card-gradient)!important;color:var(--text-primary)!important;border-color:var(--border-default)!important}html[data-theme=light] input,html[data-theme=light] textarea,html[data-theme=light] select{background:var(--input-bg)!important;color:var(--input-color)!important;border-color:var(--border-default)!important}html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder{color:var(--input-placeholder)!important}body{background:var(--body-bg);color:var(--text-primary);transition:background-color .3s,color .3s}.app-shell,.app-shell-unified{isolation:isolate;width:100%;max-width:var(--page-max-width,480px);background:var(--app-shell-bg);height:100%;color:var(--text-primary);overscroll-behavior:none;margin:0 auto;position:fixed;inset:0;overflow:hidden}.page-scroll,.app-shell-unified__content{z-index:1;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;overscroll-behavior-x:none;width:100%;height:100%;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px));scrollbar-gutter:stable;position:absolute;inset:0;overflow:hidden auto}.route-fallback{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 20px max(88px, env(safe-area-inset-bottom));color:var(--text-primary);justify-content:center;align-items:center;gap:14px;display:flex}.route-fallback__sigil{border:1px solid var(--accent-cyan-border);background:radial-gradient(circle, #ffffff38, transparent 34%), conic-gradient(from 90deg, var(--accent), var(--accent-cyan), var(--gold), var(--accent));width:42px;height:42px;box-shadow:0 0 24px var(--accent-glow), 0 0 18px var(--gold-glow);border-radius:50%;animation:1.2s linear infinite route-fallback-spin}.route-fallback strong,.route-fallback span{display:block}.route-fallback strong{font-size:.96rem}.route-fallback span{color:var(--text-muted);margin-top:3px;font-size:.82rem}@keyframes route-fallback-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-backdrop{z-index:0;pointer-events:none;opacity:.72;position:absolute;inset:0;overflow:hidden}.app-backdrop__particles{opacity:.44;width:100%;height:100%;position:absolute;inset:0}.app-backdrop__glow{filter:blur(2px);opacity:.9;border-radius:999px;position:absolute}.app-backdrop__glow--a{background:radial-gradient(circle, var(--app-ambient-b) 0%, transparent 66%);width:420px;height:420px;top:-130px;left:-120px}.app-backdrop__glow--b{background:radial-gradient(circle, var(--app-ambient-a) 0%, transparent 68%);width:360px;height:360px;top:18vh;right:-140px}.app-backdrop__mist{background:linear-gradient(#0000 0%,#0307125c 100%);height:220px;position:absolute;bottom:0;left:0;right:0}html[data-theme=light] .app-backdrop{opacity:.48}html[data-theme=light] .app-backdrop__particles{opacity:.28}html[data-theme=light] .app-backdrop__mist{background:linear-gradient(#0000 0%,#e8e3d866 100%)}@media (prefers-reduced-motion:reduce){.app-backdrop__particles{display:none}}:root,html[data-theme=dark]{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--page-padding:16px;--page-padding-lg:20px;--page-max-width:480px;--section-gap:24px;--card-gap:12px;--card-padding:16px;--card-radius:18px;--card-radius-lg:22px;--control-radius:12px;--button-height:42px;--header-height:58px;--bottom-nav-clearance:calc(96px + env(safe-area-inset-bottom,0px));--avatar-size:56px;--home-ring-size:100px;--quest-icon-size:32px;--text-h1:1.65rem;--text-h2:1rem;--text-h3:.9rem;--text-body:.86rem;--text-caption:.68rem;--text-stat:1.55rem;--leading-tight:1.18;--leading-body:1.55;--icon-sm:28px;--icon-md:36px;--icon-lg:52px;--glow-primary:0 0 22px #38bdf838;--glow-purple:0 0 22px #8b5cf63d;--glow-danger:0 0 22px #f43f5e3d;--glow-success:0 0 18px #22c55e38;--ds-card-bg:linear-gradient(135deg, #0f1128e6, #0a0c1ee6);--ds-card-bg-soft:#ffffff0a;--ds-card-bg-glass:#0c1428ad;--ds-card-border:#38bdf824;--ds-card-border-strong:#38bdf847;--ds-card-transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease}html[data-theme=light]{--ds-card-bg:var(--app-card-gradient);--ds-card-bg-soft:#ffffffb8;--ds-card-bg-glass:#faf8f3c7;--ds-card-border:var(--border-default);--ds-card-border-strong:#0284c752}.ds-page{background:var(--app-shell-bg);min-height:100%;color:var(--text-primary);font-family:var(--font-ui);padding-bottom:var(--bottom-nav-clearance);position:relative;overflow:hidden visible}.ds-page:before,.ds-page:after{content:"";pointer-events:none;z-index:0;border-radius:999px;position:fixed}.ds-page:before{background:radial-gradient(circle, var(--app-ambient-b) 0%, transparent 70%);width:300px;height:300px;top:-100px;left:50%;transform:translate(-50%)}.ds-page:after{background:radial-gradient(circle, var(--app-ambient-a) 0%, transparent 70%);width:200px;height:200px;bottom:100px;right:-60px}.ds-page-content{z-index:1;position:relative}.ds-page__inner{z-index:1;max-width:var(--page-max-width);padding:var(--space-8) var(--page-padding) 0;margin:0 auto;position:relative}.ds-stack{gap:var(--section-gap);display:grid}.ds-section{gap:var(--card-gap);display:grid}.ds-section--padded{padding:0 var(--page-padding) var(--section-gap)}.ds-section-title{align-items:center;gap:10px;margin:0;display:flex}.ds-section-title:before{content:"";background:linear-gradient(180deg, var(--accent-cyan), #818cf8);border-radius:999px;flex:none;width:3px;height:18px}.ds-eyebrow{color:var(--accent-cyan);font-size:var(--text-caption);letter-spacing:.12em;text-transform:uppercase;margin:0 0 2px;font-weight:800}.ds-h2{color:var(--text-bright);font-size:var(--text-h2);font-weight:850;line-height:var(--leading-tight);margin:0}.ds-card,.primary-card,.secondary-card,.danger-card,.info-card,.glass-card{border-radius:var(--card-radius);padding:var(--card-padding);border:1px solid var(--ds-card-border);background:var(--ds-card-bg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(16px)}.secondary-card{background:var(--ds-card-bg-soft);box-shadow:var(--shadow-sm)}.glass-card{background:var(--ds-card-bg-glass)}.info-card{border-color:var(--accent-cyan-border);box-shadow:var(--shadow-md), var(--glow-primary);background:linear-gradient(135deg,#38bdf81f,#818cf814)}.danger-card{border-color:var(--danger-border);box-shadow:var(--shadow-md), var(--glow-danger);background:linear-gradient(135deg,#3c0a0ceb,#32083cd1)}.ds-clickable{cursor:pointer;transition:var(--ds-card-transition);-webkit-tap-highlight-color:transparent}.ds-clickable:hover{border-color:var(--ds-card-border-strong);box-shadow:var(--shadow-md), var(--glow-primary)}.ds-clickable:active{transform:scale(.97)}.ds-icon-box{width:var(--icon-md);height:var(--icon-md);border-radius:var(--control-radius);background:var(--accent-cyan-bg);border:1px solid var(--accent-cyan-border);color:var(--accent-cyan);flex:none;place-items:center;display:grid}.ds-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.app-header{min-height:var(--header-height);align-items:center;gap:var(--space-2);padding:calc(var(--space-2) + env(safe-area-inset-top,0px)) var(--page-padding) var(--space-2);border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg, var(--sticky-header-bg), #050a1859);-webkit-backdrop-filter:blur(18px);grid-template-columns:36px minmax(0,1fr) auto;display:grid}.app-header--compact{--header-height:52px;padding-top:calc(var(--space-2) + env(safe-area-inset-top,0px));padding-bottom:6px}.app-header__icon{border-radius:var(--control-radius);background:var(--accent-cyan-bg);border:1px solid var(--accent-cyan-border);width:36px;height:36px;color:var(--accent-cyan);box-shadow:var(--glow-primary);place-items:center;font-size:1rem;display:grid}.app-header__copy{min-width:0}.app-header__subtitle{color:var(--accent-cyan);letter-spacing:.04em;text-transform:none;margin-bottom:1px;font-size:.72rem;font-weight:800}.app-header__title{color:var(--text-bright);font-family:var(--font-ui);font-size:var(--text-h1);font-weight:850;line-height:var(--leading-tight);letter-spacing:0;margin:0}.app-header__action{justify-content:flex-end;align-items:center;display:flex}.ds-action-button{border:1px solid var(--border-default);border-radius:var(--control-radius);background:var(--surface-hover);min-height:36px;color:var(--text-secondary);justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-3);cursor:pointer;transition:var(--ds-card-transition);display:inline-flex}.ds-action-button:hover{border-color:var(--accent-cyan-border);color:var(--accent-cyan)}.ds-action-button:active{transform:scale(.96)}.ds-stat-number{font-size:var(--text-stat);font-variant-numeric:tabular-nums;font-weight:900;line-height:1}.ds-caption{color:var(--text-muted);font-size:var(--text-caption);line-height:var(--leading-body)}.ds-progress{background:#ffffff0d;border-radius:999px;height:6px;overflow:hidden}.ds-progress__fill{border-radius:inherit;height:100%;transition:width .35s}.ds-progress__fill--primary{background:linear-gradient(90deg, var(--accent-cyan), #818cf8);box-shadow:0 0 8px #38bdf880}.ds-progress__fill--success{box-shadow:var(--glow-success);background:linear-gradient(90deg,#22c55e,#16a34a)}@media (width>=720px){:root{--page-padding:20px;--section-gap:28px;--card-gap:14px}}