:root{--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-sans: "Inter", sans-serif;--max-width: 1160px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-base: .22s;--duration-slow: .35s;--bg: #080e12;--bg-2: #0c1520;--bg-3: #101c28;--panel: rgba(15, 24, 36, .85);--panel-2: rgba(20, 32, 48, .7);--panel-solid: #0f1824;--glass-bg: rgba(255,255,255,.04);--glass-border: rgba(255,255,255,.08);--glass-hover: rgba(255,255,255,.07);--border: rgba(255,255,255,.1);--border-soft: rgba(255,255,255,.06);--text-primary: #f0f4f8;--text-secondary: #7a92a8;--text-tertiary: #4a6070;--text-invert: #080e12;--emerald: #34d9a5;--emerald-dim: #1fa87e;--emerald-soft: rgba(52, 217, 165, .12);--emerald-glow: rgba(52, 217, 165, .25);--indigo: #7c6df0;--indigo-dim: #5d50c6;--indigo-soft: rgba(124, 109, 240, .12);--indigo-glow: rgba(124, 109, 240, .25);--amber: #f5a623;--amber-soft: rgba(245, 166, 35, .12);--amber-glow: rgba(245, 166, 35, .22);--rose: #f06292;--rose-soft: rgba(240, 98, 146, .12);--teal: var(--emerald);--teal-soft: var(--emerald-soft);--steel: var(--indigo);--steel-soft: var(--indigo-soft);--sienna: var(--amber);--sienna-soft: var(--amber-soft);--red: var(--rose);--cream: var(--text-primary);--grad-brand: linear-gradient(135deg, #34d9a5 0%, #7c6df0 100%);--grad-bg: radial-gradient(ellipse at 20% 0%, rgba(52,217,165,.08) 0%, transparent 60%), radial-gradient(ellipse at 80% 100%, rgba(124,109,240,.08) 0%, transparent 60%);--grad-card: linear-gradient(135deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.01) 100%)}[data-theme=light]{--bg: #f2f5f8;--bg-2: #eaeff4;--bg-3: #e3eaf1;--panel: rgba(255,255,255,.9);--panel-2: rgba(248,250,252,.8);--panel-solid: #ffffff;--glass-bg: rgba(255,255,255,.7);--glass-border: rgba(0,0,0,.08);--glass-hover: rgba(255,255,255,.9);--border: rgba(0,0,0,.1);--border-soft: rgba(0,0,0,.05);--text-primary: #0d1b2a;--text-secondary: #52687a;--text-tertiary: #8fa5b5;--text-invert: #f0f4f8;--emerald: #0d9e72;--emerald-dim: #0a7a58;--emerald-soft: rgba(13, 158, 114, .1);--emerald-glow: rgba(13, 158, 114, .2);--indigo: #5a4fcf;--indigo-dim: #4339a8;--indigo-soft: rgba(90, 79, 207, .1);--indigo-glow: rgba(90, 79, 207, .2);--amber: #c97a10;--amber-soft: rgba(201, 122, 16, .1);--amber-glow: rgba(201, 122, 16, .18);--rose: #d63b6e;--rose-soft: rgba(214, 59, 110, .1);--grad-bg: radial-gradient(ellipse at 20% 0%, rgba(13,158,114,.06) 0%, transparent 55%), radial-gradient(ellipse at 80% 100%, rgba(90,79,207,.06) 0%, transparent 55%);--grad-card: linear-gradient(135deg, rgba(255,255,255,.8) 0%, rgba(248,250,252,.5) 100%)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:var(--grad-bg);background-attachment:fixed}a{color:var(--emerald);text-decoration:none}a:hover{opacity:.8}.app-shell{max-width:var(--max-width);margin:0 auto;padding:0 24px 100px}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;font-weight:500;color:var(--text-secondary)}.mono-meta{font-family:var(--font-mono);font-size:11.5px;color:var(--text-secondary)}.mono-meta b,.mono-meta strong{color:var(--text-primary);font-weight:600}.mono-meta a{color:var(--text-secondary);text-decoration:underline;cursor:pointer}.mono-meta a:hover{color:var(--emerald)}.hero-number{font-family:var(--font-display);font-size:clamp(42px,7vw,76px);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin:6px 0;background:var(--grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-image:var(--grad-card);transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.card:hover{border-color:#ffffff24;box-shadow:0 4px 32px #00000026}[data-theme=light] .card{background:#fffc;box-shadow:0 1px 4px #0000000f,0 4px 16px #0000000a}[data-theme=light] .card:hover{box-shadow:0 2px 8px #00000014,0 8px 24px #0000000f}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.tabs-container{margin-bottom:24px;position:relative;width:100%}.tabs{display:flex;align-items:center;justify-content:space-between;width:100%;gap:4px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:6px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow-x:auto;scrollbar-width:none;box-shadow:0 8px 32px #0000001f}.tabs::-webkit-scrollbar{display:none}.tab{flex:1;justify-content:center;font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--text-secondary);padding:10px;border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;background:transparent;border:none;text-decoration:none;transition:all var(--duration-fast) var(--ease-out);display:inline-flex;align-items:center;gap:8px}.tab .tab-icon{opacity:.7;transition:transform var(--duration-fast) var(--ease-spring),opacity var(--duration-fast)}.tab:hover{color:var(--text-primary);background:var(--glass-hover)}.tab:hover .tab-icon{opacity:1;transform:translateY(-1px)}.tab.active{background:var(--emerald);color:var(--text-invert);font-weight:600;box-shadow:0 4px 14px var(--emerald-glow)}.tab.active .tab-icon{opacity:1;color:var(--text-invert)}.subtabs{display:flex;gap:4px;border-bottom:none;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-pill);padding:4px;margin-bottom:24px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.05em;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform var(--duration-fast) var(--ease-spring),opacity var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out);display:inline-flex;align-items:center;gap:6px}.btn:hover:not(:disabled){background:var(--glass-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--emerald);color:var(--text-invert);border-color:var(--emerald);font-weight:700;box-shadow:0 2px 16px var(--emerald-glow)}.btn-primary:hover:not(:disabled){background:var(--emerald-dim);border-color:var(--emerald-dim);box-shadow:0 4px 24px var(--emerald-glow)}.btn-secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-soft)}.btn-secondary:hover:not(:disabled){background:var(--glass-bg);color:var(--text-primary)}.btn-pill{border-radius:var(--radius-pill);padding:5px 13px;font-size:10.5px}.btn-icon-only{padding:6px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center}.btn-teal,.btn-emerald{border-color:var(--emerald);color:var(--emerald);background:var(--emerald-soft)}.btn-teal:hover:not(:disabled),.btn-emerald:hover:not(:disabled){background:var(--emerald);color:var(--text-invert);box-shadow:0 2px 12px var(--emerald-glow)}input,select,textarea{font-family:var(--font-body);font-size:14px;padding:10px 14px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg);color:var(--text-primary);width:100%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--emerald);box-shadow:0 0 0 3px var(--emerald-soft)}input::placeholder{color:var(--text-tertiary)}label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);display:block;margin-bottom:6px;font-weight:500}table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:12.5px}thead th{text-align:left;text-transform:uppercase;font-size:10px;letter-spacing:.08em;font-weight:600;color:var(--text-secondary);padding:8px 12px;border-bottom:1px solid var(--border)}tbody td{padding:9px 12px;border-bottom:1px solid var(--border-soft);color:var(--text-primary)}tbody tr.week-row{cursor:pointer;background:var(--glass-bg)}tbody tr.week-row td{color:var(--text-secondary);font-weight:600}tbody tr.week-row:hover{background:var(--emerald-soft)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}.modal-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--panel-solid);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:28px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px #0006}[data-theme=light] .modal{background:#fff;box-shadow:0 16px 48px #00000026}.text-teal,.text-emerald{color:var(--emerald)}.text-steel,.text-indigo{color:var(--indigo)}.text-sienna,.text-amber{color:var(--amber)}.text-secondary{color:var(--text-secondary)}.bg-teal-soft,.bg-emerald-soft{background:var(--emerald-soft)}.bg-steel-soft,.bg-indigo-soft{background:var(--indigo-soft)}.bg-sienna-soft,.bg-amber-soft{background:var(--amber-soft);border-color:var(--amber)}.warn-box{border:1px solid var(--amber);background:var(--amber-soft);border-radius:var(--radius-sm);padding:14px 16px;font-size:13px;color:var(--text-primary);margin-top:12px}.warn-box b{color:var(--amber)}.row-between{display:flex;justify-content:space-between;align-items:center}.list-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border-soft);font-size:13.5px;transition:background var(--duration-fast) var(--ease-out)}.list-row:last-child{border-bottom:none}.list-row .label{color:var(--text-secondary);font-family:var(--font-body)}.list-row .value{font-family:var(--font-mono)}.pill-group{display:flex;gap:8px;flex-wrap:wrap}.filter-pill{font-family:var(--font-mono);font-size:10.5px;padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.filter-pill:hover{border-color:var(--emerald);color:var(--text-primary)}.filter-pill.active{border-color:var(--emerald);color:var(--emerald);background:var(--emerald-soft)}.ring-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.equation-panel{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:20px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.equation-cell{text-align:left}.equation-op{font-family:var(--font-display);font-size:24px;font-weight:300;color:var(--text-tertiary);text-align:center}.equation-value{font-family:var(--font-display);font-size:26px;font-weight:700}.equation-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-top:4px}.chip-est{font-family:var(--font-mono);font-size:9px;padding:2px 7px;border-radius:var(--radius-xs);background:var(--amber-soft);color:var(--amber);margin-left:8px;vertical-align:middle;font-weight:600}.header-root{padding-top:20px;padding-bottom:12px}.header-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:16px 20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px #00000029;display:flex;flex-direction:column;gap:14px}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.header-brand,.header-logo{display:flex;align-items:center;gap:12px}.header-logo-mark{width:40px;height:40px;border-radius:var(--radius-md);background:var(--grad-brand);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 4px 16px var(--emerald-glow)}.header-title-wrap{display:flex;flex-direction:column}.header-eyebrow-row{display:flex;align-items:center;gap:8px}.header-edit-btn{background:transparent;border:none;color:var(--emerald);font-family:var(--font-mono);font-size:10px;display:inline-flex;align-items:center;gap:4px;cursor:pointer;padding:0;opacity:.85;transition:opacity var(--duration-fast)}.header-edit-btn:hover{opacity:1}.header-title-interactive{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.header-title-interactive:hover .header-plan-name{color:var(--emerald)}.header-title-interactive:hover .header-name-pencil{opacity:1;color:var(--emerald);transform:translate(2px)}.header-plan-name{font-family:var(--font-display);font-size:20px;font-weight:700;margin:0;line-height:1.25;letter-spacing:-.02em;transition:color var(--duration-fast)}.header-name-pencil{opacity:.3;transition:all var(--duration-fast)}.header-plan-input{font-family:var(--font-display);font-size:20px;font-weight:700;padding:2px 8px;max-width:320px;letter-spacing:-.02em}.header-actions{display:flex;align-items:center;gap:8px}.header-stats-ribbon{border-top:1px solid var(--border-soft);padding-top:10px}.header-chips-scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.header-chips-scroll::-webkit-scrollbar{display:none}.header-stat-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;padding:4px 12px;border-radius:var(--radius-pill);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);white-space:nowrap}.header-stat-chip b{color:var(--text-primary);font-weight:600}.header-stat-chip .chip-icon{opacity:.8}.highlight-chip{background:var(--amber-soft);border-color:var(--amber-glow)}.synced-chip{background:var(--emerald-soft);border-color:var(--emerald-glow);color:var(--emerald)}.mobile-nav,.mobile-nav-spacer{display:none}.desktop-tabs{display:flex}.mobile-menu-sheet{display:none}@media(max-width:768px){.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:12px;z-index:50;justify-content:center;padding:0 16px;pointer-events:none}.mobile-nav-dock{pointer-events:auto;display:flex;align-items:center;justify-content:space-around;width:100%;max-width:440px;background:#0c1520e0;border:1px solid var(--glass-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-pill);padding:6px 8px;box-shadow:0 12px 40px #00000059}[data-theme=light] .mobile-nav-dock{background:#ffffffe6;box-shadow:0 12px 36px #0000001f}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--text-tertiary);font-family:var(--font-body);font-size:10px;font-weight:500;padding:6px 8px;cursor:pointer;text-decoration:none;border-radius:var(--radius-pill);transition:all var(--duration-fast) var(--ease-out)}.mobile-icon-wrap{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-pill);transition:all var(--duration-fast) var(--ease-out)}.mobile-nav-item.active{color:var(--emerald)}.mobile-nav-item.active .mobile-icon-wrap{background:var(--emerald-soft);color:var(--emerald);transform:translateY(-2px)}.mobile-more-grid{display:flex;flex-direction:column;gap:6px;margin-top:8px}.mobile-more-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-body);font-size:14px;cursor:pointer;transition:all var(--duration-fast)}.mobile-more-item.active{background:var(--emerald-soft);border-color:var(--emerald);color:var(--emerald)}.mobile-more-left{display:flex;align-items:center;gap:12px}.mobile-more-icon{display:flex;align-items:center;justify-content:center;opacity:.8}.sheet-handle{width:40px;height:4px;border-radius:var(--radius-pill);background:var(--border);margin:-8px auto 16px}}.progress-bar-track{height:5px;background:var(--border-soft);border-radius:var(--radius-pill);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-pill);background:var(--emerald);transition:width var(--duration-slow) var(--ease-out)}.section-title{font-family:var(--font-display);font-size:18px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em}.section-sub{font-family:var(--font-mono);font-size:10.5px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.grad-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:28px 0}@media(max-width:900px){.app-shell{padding-left:16px;padding-right:16px}.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}.equation-panel{grid-template-columns:1fr;row-gap:16px}.equation-op{display:none}.tabs{gap:2px;padding:4px}.tab{padding:8px 10px;font-size:11px;gap:5px}}@media(max-width:768px){:root{--max-width: 100%}.app-shell{padding:0 12px 100px}.header-root{padding-top:12px;padding-bottom:8px}.header-card{padding:14px;gap:10px;border-radius:var(--radius-lg)}.header-inner{flex-direction:column;align-items:stretch;gap:10px}.header-brand{width:100%;justify-content:space-between}.header-plan-name{font-size:17px}.header-plan-input{font-size:17px;max-width:100%}.header-actions{width:100%;justify-content:space-between;gap:6px;padding-top:4px;border-top:1px dashed var(--border-soft)}.header-actions .btn{flex:1;justify-content:center;font-size:10px;padding:7px 8px}.desktop-tabs{display:none!important}.card{padding:16px;border-radius:var(--radius-md)}.hero-number{font-size:clamp(32px,10vw,50px)}.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}table{font-size:11.5px}thead th,tbody td{padding:7px 8px}.mobile-nav-spacer{display:block;height:92px}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:calc(8px + env(safe-area-inset-bottom));z-index:90;justify-content:center;padding:0 12px;pointer-events:none}.mobile-nav-dock{pointer-events:auto;display:flex;align-items:center;justify-content:space-around;width:100%;max-width:480px;background:#0c1520eb;border:1px solid var(--glass-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-pill);padding:5px 8px;box-shadow:0 16px 48px #00000073}[data-theme=light] .mobile-nav-dock{background:#ffffffed;box-shadow:0 12px 36px #00000024}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:var(--text-tertiary);font-family:var(--font-body);font-size:10px;font-weight:500;padding:6px 10px;min-height:48px;cursor:pointer;text-decoration:none;border-radius:var(--radius-pill);transition:transform var(--duration-fast) var(--ease-spring),color var(--duration-fast);touch-action:manipulation}.mobile-nav-item:active{transform:scale(.9)}.mobile-icon-wrap{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-pill);transition:all var(--duration-fast) var(--ease-out)}.mobile-nav-item.active{color:var(--emerald);font-weight:600}.mobile-nav-item.active .mobile-icon-wrap{background:var(--emerald-soft);color:var(--emerald);box-shadow:0 2px 10px var(--emerald-glow)}.mobile-menu-sheet{display:block;position:fixed;inset:0;z-index:100;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn var(--duration-fast) var(--ease-out)}.mobile-menu-panel{position:absolute;left:0;right:0;bottom:0;background:var(--panel-solid);border-top:1px solid var(--glass-border);border-radius:24px 24px 0 0;padding:16px 16px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px #00000080;animation:slideUp var(--duration-base) var(--ease-out)}[data-theme=light] .mobile-menu-panel{background:#fff}.mobile-more-grid{display:flex;flex-direction:column;gap:8px;margin-top:12px}.mobile-more-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;min-height:52px;border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);touch-action:manipulation}.mobile-more-item:active{transform:scale(.98)}.mobile-more-item.active{background:var(--emerald-soft);border-color:var(--emerald);color:var(--emerald);font-weight:600}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:769px){.mobile-nav,.mobile-menu-sheet{display:none!important}}@media(max-width:480px){.grid-2{grid-template-columns:1fr}}