:root{--bg-0:#050507;--bg-1:#0a0a0c;--bg-2:#131318;--bg-3:#1a1a20;--bg-4:#232329;--line-0:#ffffff0a;--line-1:#ffffff14;--line-2:#ffffff24;--ink-0:#fff;--ink-1:#ededef;--ink-2:#b8b8bd;--ink-3:#6e6e78;--ink-4:#3a3a45;--accent:#e2231a;--accent-2:#b81a12;--accent-soft:#e2231a29;--accent-glow:#e2231a6b;--ok:#4ea871;--warning:#d4a01f;--warn:#d4a01f;--danger:#c84545;--info:#5a8fd4;--violet:#9970c2;--glass-bg:color-mix(in srgb, var(--bg-1) 72%, transparent);--glass-bg-strong:color-mix(in srgb, var(--bg-1) 88%, transparent);--glass-blur:blur(20px) saturate(1.6);--glass-blur-strong:blur(36px) saturate(1.8);--glass-stroke:inset 0 1px 0 #ffffff0f;--shadow-0:0 0 0 1px var(--line-1);--shadow-1:0 1px 2px #0003, 0 0 0 1px var(--line-1);--shadow-2:0 1px 2px #00000029, 0 8px 24px #00000047, 0 0 0 1px var(--line-1);--shadow-3:0 4px 8px #0000002e, 0 24px 48px #0006, 0 0 0 1px var(--line-2);--shadow-modal:0 8px 16px #0003, 0 32px 96px #00000080;--font-display:"Bricolage Grotesque", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body:"Bricolage Grotesque", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", "Menlo", monospace;--text-11:11px;--text-12:12px;--text-13:13px;--text-14:14px;--text-15:15px;--text-16:16px;--text-18:18px;--text-22:22px;--text-28:28px;--text-40:40px;--text-56:56px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-1:6px;--radius-2:10px;--radius-3:14px;--radius-4:22px;--radius-lg:18px;--radius-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.2, .8, .2, 1);--ease-soft:cubic-bezier(.25, .1, .25, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:root{--font-display:"Bricolage Grotesque", system-ui, -apple-system, sans-serif;--font-ui:"Bricolage Grotesque", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-card:#161616;--bg-card-hover:#1c1c1c;--bg-input:#1a1a1a;--bg-sidebar:#0c0c0c;--border-primary:#ffffff14;--border-subtle:#ffffff0d;--border-gold:#e2231a;--kcl-primary:#e2231a;--kcl-light:#f25d55;--kcl-dark:#b81a12;--kcl-faint:#e2231a1a;--kcl-glow:#e2231a2e;--gold-primary:var(--kcl-primary);--gold-light:var(--kcl-light);--gold-dark:var(--kcl-dark);--gold-faint:var(--kcl-faint);--gold-glow:var(--kcl-glow);--text-primary:#fff;--text-secondary:#a3a3a3;--text-muted:#898989;--text-gold:var(--kcl-light);--success:#22c55e;--success-bg:#22c55e1f;--error:#ef4444;--error-bg:#ef44441f;--warning:#f59e0b;--info:#3b82f6;--sidebar-width:232px;--header-height:60px;--bottom-nav-height:64px;--content-max-width:880px;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-card:0 2px 10px #00000059;--shadow-elevated:0 12px 40px #0000008c;--transition-fast:.14s cubic-bezier(.4, 0, .2, 1);--transition-normal:.24s cubic-bezier(.4, 0, .2, 1);--transition-slow:.42s cubic-bezier(.4, 0, .2, 1)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-ui);font-variation-settings:"wght" 420;background-color:var(--bg-primary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-ui);background-color:var(--bg-primary);color:var(--text-primary);min-height:100dvh;line-height:1.5;overflow-x:hidden}#root{min-height:100dvh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)}.lib-group{margin-bottom:24px}.lib-group-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:10px;font-size:12px;font-weight:600}.lib-list{flex-direction:column;gap:8px;display:flex}.lib-item{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;align-items:center;gap:14px;width:100%;padding:14px 16px;font-family:inherit;display:flex}.lib-item:hover{background:var(--bg-card-hover);border-color:var(--border-primary)}.lib-item-badge{background:var(--kcl-faint);border:1px solid var(--kcl-primary);width:38px;height:38px;color:var(--kcl-light);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.lib-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lib-item-title{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.3}.lib-item-meta{color:var(--text-muted);overflow-wrap:anywhere;font-size:11px;line-height:1.35}.lib-item-arrow{color:var(--text-muted);flex-shrink:0;font-size:16px}.fc-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.fc-module-select{border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-ui);padding:8px 12px;font-size:14px}.fc-empty{text-align:center;color:var(--text-muted);padding:36px 20px;font-size:14px;line-height:1.5}.fc-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.fc-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-direction:column;gap:8px;min-height:140px;padding:14px 14px 12px;display:flex;position:relative}.fc-card:hover{border-color:var(--border-primary);background:var(--bg-card-hover)}.fc-card.flipped{border-color:var(--kcl-primary)}.fc-card-meta{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase;justify-content:space-between;font-size:10px;display:flex}.fc-card-text{color:var(--text-primary);flex:1;font-size:14px;line-height:1.4}.fc-card-tags{flex-wrap:wrap;gap:4px;display:flex}.fc-tag{background:var(--bg-input);color:var(--text-secondary);font-size:10px;font-family:var(--font-mono);border-radius:4px;padding:2px 7px}.fc-card-delete{color:var(--text-muted);cursor:pointer;opacity:.4;width:28px;height:28px;transition:opacity var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:4px;font-size:14px;line-height:1;position:absolute;top:6px;right:6px}.fc-card:hover .fc-card-delete{opacity:1}.fc-card-delete:hover,.fc-card-delete:active{background:var(--error-bg);color:var(--error);opacity:1}@media (hover:none){.fc-card-delete{opacity:.7}}.fc-review{flex-direction:column;gap:16px;max-width:560px;margin:24px auto;display:flex}.fc-review-progress{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-muted);text-align:center;text-transform:uppercase;font-size:11px}.fc-review-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:260px;padding:36px 28px;display:flex}.fc-review-side{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.fc-review-text{font-family:var(--font-display);color:var(--text-primary);font-size:22px;line-height:1.4}.fc-review-tap{color:var(--text-muted);margin-top:12px;font-size:12px}.fc-review-actions{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.fc-quality{border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--bg-input);min-height:44px;color:var(--text-primary);font-family:var(--font-ui);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:12px 6px;font-size:13px;font-weight:500}.fc-quality:hover{transform:translateY(-1px)}.fc-quality.danger{border-color:var(--error);color:var(--error)}.fc-quality.warn{border-color:var(--warning);color:var(--warning)}.fc-quality.ok{border-color:var(--info);color:var(--info)}.fc-quality.great{border-color:var(--success);color:var(--success)}.fc-generate{flex-direction:column;gap:14px;max-width:720px;margin:0 auto;display:flex}.fc-help{color:var(--text-secondary);font-size:13px}.fc-textarea{border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-input);width:100%;color:var(--text-primary);font-family:var(--font-mono);resize:vertical;min-height:240px;padding:12px;font-size:13px}.fc-textarea:focus{border-color:var(--kcl-primary);outline:none}.fc-generate-row{align-items:center;gap:12px;display:flex}.fc-generate-row label{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.fc-generate-row input{border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--bg-input);width:80px;color:var(--text-primary);font-family:var(--font-mono);padding:6px 10px}.fc-error{color:var(--error);background:var(--error-bg);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px}.quiz-toolbar{margin-bottom:18px}.quiz-list{flex-direction:column;gap:10px;display:flex}.quiz-row{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.quiz-row:hover{background:var(--bg-card-hover);border-color:var(--border-primary)}.quiz-row.status-distinction{border-color:var(--kcl-primary);background:linear-gradient(180deg, var(--kcl-faint), transparent 40%), var(--bg-card)}.quiz-row.status-passed{border-color:var(--success)}.quiz-row.status-failed{border-color:var(--error)}.quiz-row-week{font-family:var(--font-display);letter-spacing:-.01em;font-size:18px;font-weight:600}.quiz-row-meta{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase;font-size:11px}.quiz-player-header{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.quiz-player-title{font-family:var(--font-display);letter-spacing:-.01em;flex:1;font-size:22px;font-weight:600}.quiz-player-result{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600}.quiz-player-result.distinction{background:var(--kcl-faint);color:var(--kcl-light);border:1px solid var(--kcl-primary)}.quiz-player-result.passed{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.quiz-player-result.failed{background:var(--error-bg);color:var(--error);border:1px solid var(--error)}.quiz-questions{flex-direction:column;gap:14px;display:flex}.quiz-q{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 18px}.quiz-q.locked.correct{border-color:var(--success)}.quiz-q.locked.wrong{border-color:var(--error)}.quiz-q-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.quiz-q-num{font-family:var(--font-mono);color:var(--kcl-light);min-width:32px;font-size:18px;font-weight:600}.quiz-q-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--bg-input);color:var(--text-muted);border-radius:4px;padding:2px 7px;font-size:10px}.quiz-q-type{font-family:var(--font-mono);color:var(--text-muted);margin-left:auto;font-size:10px}.quiz-q-text{color:var(--text-primary);margin-bottom:12px;font-size:15px;line-height:1.5}.quiz-choices{flex-direction:column;gap:6px;display:flex}.quiz-choice{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-input);cursor:pointer;min-height:44px;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.quiz-choice:hover{border-color:var(--border-primary);background:var(--bg-card-hover)}.quiz-choice.selected{border-color:var(--kcl-primary);background:var(--kcl-faint)}.quiz-choice.is-correct{border-color:var(--success);background:var(--success-bg)}.quiz-choice.is-wrong{border-color:var(--error);background:var(--error-bg)}.quiz-choice input{accent-color:var(--kcl-primary)}.quiz-short-input{border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--bg-input);width:100%;color:var(--text-primary);font-family:var(--font-ui);padding:10px 12px;font-size:14px}.quiz-short-input:focus{border-color:var(--kcl-primary);outline:none}.quiz-q-explanation{background:var(--bg-input);border-radius:var(--radius-sm);color:var(--text-secondary);margin-top:10px;padding:10px 12px;font-size:13px;line-height:1.4}.quiz-submit-row{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-primary);bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 8px);z-index:10;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:14px 16px;display:flex;position:sticky;box-shadow:0 4px 16px #0006}@media (width>=769px){.quiz-submit-row{bottom:16px}}.quiz-submit-meta{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.today-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:24px;padding:18px}.today-panel.loading{color:var(--text-muted);text-align:center;padding:32px}.today-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.today-header-left{align-items:center;gap:12px;display:flex}.today-title{letter-spacing:-.01em;color:var(--text-primary);font-size:22px;font-weight:700}.today-streak{background:var(--kcl-faint);border:1px solid var(--kcl-primary);color:var(--kcl-light);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:600;display:flex}.today-ring{width:90px;height:90px;position:relative}.today-ring-bg{fill:none;stroke:var(--bg-input);stroke-width:6px}.today-ring-fill{fill:none;stroke:var(--kcl-primary);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .4s}.today-ring-stretch{fill:var(--text-muted)}.today-ring-stretch.hit{fill:var(--success)}.today-ring-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.today-ring-text strong{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:16px}.today-ring-text span{color:var(--text-muted);font-size:10px}.today-weekly-meta{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.today-pill{background:var(--bg-input);color:var(--text-secondary);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:500}.today-pill.ok{background:var(--success-bg);color:var(--success)}.today-pill.stretch{background:var(--kcl-faint);color:var(--kcl-light)}.today-challenges{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px;display:grid}.today-challenge{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.today-challenge.done{border-color:var(--success);background:var(--success-bg)}.today-challenge-name{color:var(--text-primary);font-size:13px;font-weight:600}.today-challenge-desc{color:var(--text-secondary);font-size:11px;line-height:1.3}.today-challenge-foot{justify-content:space-between;align-items:center;font-size:10px;display:flex}.today-challenge-cat{background:var(--bg-card);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:1px 7px;font-weight:600}.today-challenge-cat.cat-time{color:#f59e0b;background:#f59e0b2e}.today-challenge-cat.cat-pomo{color:var(--kcl-light);background:#e2231a2e}.today-challenge-cat.cat-module{color:#60a5fa;background:#3b82f62e}.today-challenge-cat.cat-habit{color:#34d399;background:#10b9812e}.today-challenge-xp{color:var(--kcl-light);font-family:JetBrains Mono,monospace;font-weight:600}.today-quick-launch{flex-wrap:wrap;gap:8px;display:flex}.today-quick-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:140px;padding:12px 14px;display:flex;position:relative}.today-quick-btn:after{content:"";background:var(--topic-color,var(--kcl-primary));border-radius:50%;width:6px;height:6px;position:absolute;top:12px;right:12px}.today-quick-btn:hover{background:var(--bg-card-hover);border-color:var(--border-primary);transform:translateY(-1px)}.today-quick-code{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:10px}.today-quick-name{font-size:13px;font-weight:500}.app-layout{min-height:100dvh;display:flex}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100dvh;display:flex}.page-content{max-width:var(--content-max-width);flex:1;width:100%;margin:0 auto;padding:24px}.sidebar{width:var(--sidebar-width);padding-left:env(safe-area-inset-left);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--border-subtle);justify-content:center;align-items:center;gap:10px;padding:20px 46px 20px 20px;display:flex}.sidebar-logo img{object-fit:contain;width:36px;height:36px}.sidebar-logo-text{letter-spacing:-.01em;font-weight:700}.sidebar-logo-text span{color:var(--text-secondary);margin-top:2px;font-size:11px;font-weight:400;display:block}.sidebar-nav{flex:1;padding:12px 0}.nav-item{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 20px;font-family:inherit;font-size:14px;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:var(--gold-glow)}.nav-item.active{color:var(--gold-light);background:var(--gold-faint)}.nav-item.active:before{content:"";background:var(--gold-primary);border-radius:0 2px 2px 0;width:3px;position:absolute;top:4px;bottom:4px;left:0}.nav-item svg{flex-shrink:0;width:20px;height:20px}.sidebar-footer{border-top:1px solid var(--border-subtle);padding:12px 16px;position:relative}.sidebar-profile-btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--text-primary);transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:8px;font-family:inherit;display:flex}.sidebar-profile-btn:hover{background:var(--bg-card-hover)}.sidebar-avatar{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));width:36px;height:36px;color:var(--bg-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.sidebar-profile-info{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.sidebar-profile-name{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.sidebar-profile-level{color:var(--text-muted);font-size:11px;line-height:1.2}.sidebar-profile-menu{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);z-index:100;padding:4px;position:absolute;bottom:calc(100% + 4px);left:12px;right:12px}.sidebar-menu-item{border-radius:var(--radius-sm);cursor:pointer;width:100%;min-height:44px;color:var(--text-primary);transition:background var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;font-size:13px;display:flex}.sidebar-menu-item:hover{background:var(--bg-card-hover)}.sidebar-menu-item.logout{color:var(--error)}.sidebar-menu-item.logout:hover{background:var(--error-bg)}.sidebar-menu-divider{background:var(--border-subtle);height:1px;margin:4px 8px}.bottom-nav-avatar{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));width:22px;height:22px;color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.bottom-nav-profile-wrap{position:relative}.bottom-nav-profile-menu{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-elevated);z-index:100;padding:4px;position:absolute;bottom:calc(100% + 8px);right:0}.xp-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:50;-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%);align-items:center;gap:14px;padding:14px 20px;display:flex;position:sticky;top:0}.xp-level-badge{background:var(--kcl-faint);border:1px solid var(--kcl-primary);width:38px;height:38px;color:var(--kcl-light);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.xp-info{flex:1;min-width:0}.xp-title-row{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.xp-level-title{color:var(--text-primary);font-size:15px;font-weight:600}.xp-amount{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:12px}.xp-bar-track{background:var(--bg-card);border-radius:3px;height:6px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg, var(--gold-dark), var(--gold-light));height:100%;transition:width var(--transition-slow);border-radius:3px}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-normal);padding:20px}.card:hover{border-color:var(--border-gold);background:var(--bg-card-hover)}.card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-title{font-size:16px;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);text-align:center;transition:border-color var(--transition-fast);padding:20px}.stat-card:hover{border-color:var(--gold-primary)}.stat-value{letter-spacing:-.02em;color:var(--text-primary);font-feature-settings:"lnum", "tnum";font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:28px;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);font-size:12px}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.topic-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:18px}.topic-card:hover{border-color:var(--border-primary);background:var(--bg-card-hover)}.topic-card-name{color:var(--text-primary);margin-bottom:4px;font-size:17px;font-weight:600}.topic-card-weight{color:var(--text-muted);margin-bottom:14px;font-size:12px}.topic-card-mastery{align-items:center;gap:8px;display:flex}.mastery-bar-track{background:var(--bg-primary);border-radius:2px;flex:1;height:4px;overflow:hidden}.mastery-bar-fill{height:100%;transition:width var(--transition-slow);border-radius:2px}.mastery-label{white-space:nowrap;font-size:11px;font-weight:600}.library-pdf-container.fullscreen{border-radius:0;height:calc(100vh - 80px)}.library-pdf-iframe{background:#fff;border:none;width:100%;height:100%}.pills{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.pill{border:1px solid var(--border-primary);min-height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:20px;padding:8px 14px;font-family:inherit;font-size:13px}.pill:hover{border-color:var(--gold-primary);color:var(--text-primary)}.pill.active{background:var(--gold-faint);border-color:var(--gold-primary);color:var(--gold-light)}.btn{border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-card);min-height:44px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--gold-primary);background:var(--bg-card-hover)}.btn-primary{background:var(--gold-primary);border-color:var(--gold-primary);color:var(--bg-primary);font-weight:600}.btn-primary:hover{background:var(--gold-light);border-color:var(--gold-light)}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-success:hover{background:#16a34a}.btn-danger{background:var(--error);border-color:var(--error);color:#fff}.btn-danger:hover{background:#dc2626}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--gold-faint);border-color:var(--border-primary)}.btn-sm{min-height:32px;padding:6px 12px;font-size:12px}.btn-lg{padding:14px 28px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.readiness-meter{text-align:center;margin-bottom:32px}.readiness-circle{width:160px;height:160px;margin:0 auto 16px;position:relative}.readiness-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.readiness-circle .circle-bg{fill:none;stroke:var(--bg-card);stroke-width:8px}.readiness-circle .circle-fill{fill:none;stroke:var(--gold-primary);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset var(--transition-slow)}.readiness-value{letter-spacing:-.02em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:32px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mastery-legend{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px;display:flex}.mastery-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.mastery-legend-swatch{border-radius:2px;width:10px;height:10px}.topic-progress-row{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);align-items:center;gap:16px;margin-bottom:8px;padding:16px;display:flex}.topic-progress-name{width:220px;color:var(--text-primary);flex-shrink:0;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.topic-progress-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.topic-progress-bar-track{background:var(--bg-primary);border-radius:4px;flex:1;height:8px;overflow:hidden}.topic-progress-bar-fill{height:100%;transition:width var(--transition-slow);border-radius:4px}.topic-progress-pct{text-align:right;min-width:45px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.topic-progress-level{white-space:nowrap;text-align:center;border-radius:10px;min-width:80px;padding:3px 10px;font-size:11px;font-weight:600}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.achievements-progress{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-bottom:32px;padding:16px}.achievements-progress-row{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.achievements-progress-pct{color:var(--kcl-light);font-family:JetBrains Mono,monospace}.achievements-progress-track{background:var(--bg-primary);border-radius:3px;height:6px;overflow:hidden}.achievements-progress-fill{background:linear-gradient(90deg, var(--kcl-dark), var(--kcl-light));border-radius:3px;height:100%;transition:width .4s}.achievements-category{margin-bottom:28px}.achievements-category-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.achievements-category-name{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.achievements-category-count{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:12px}.achievement-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-normal);padding:20px;position:relative}.achievement-card.unlocked{border-color:var(--gold-primary);box-shadow:0 0 0 1px var(--gold-glow)}.achievement-card.locked{opacity:.5}.achievement-icon{background:var(--gold-faint);width:48px;height:48px;color:var(--kcl-light);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.achievement-card.locked .achievement-icon{background:var(--bg-primary);color:var(--text-muted)}.achievement-name{margin-bottom:4px;font-size:15px;font-weight:600}.achievement-desc{color:var(--text-secondary);font-size:13px}.profile-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:14px;padding:24px 28px}.profile-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:none;margin-bottom:16px;padding-bottom:0;font-size:12px;font-weight:600}.profile-stat-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:1fr auto;align-items:center;gap:16px;padding:12px 0;display:grid}.profile-stat-row:last-child{border-bottom:none}.profile-stat-label{color:var(--text-secondary);font-size:14px}.profile-stat-value{color:var(--text-primary);text-align:right;font-feature-settings:"lnum", "tnum";font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;font-size:16px;font-weight:600;display:inline-flex}.profile-stat-unit{color:var(--text-muted);font-size:11px;font-weight:400}.profile-hero{text-align:center;padding:32px 24px 26px}.profile-hero-numeral{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-feature-settings:"lnum", "tnum";margin-bottom:8px;font-size:64px;font-weight:700;line-height:1;display:inline-block}.profile-hero-title{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:600}.profile-hero-meta{color:var(--text-muted);margin-bottom:14px;font-size:12px}.profile-hero-bar{background:var(--bg-input);border-radius:2px;max-width:280px;height:4px;margin:0 auto;overflow:hidden}.profile-hero-bar>div{background:var(--kcl-primary);height:100%;transition:width var(--transition-slow);border-radius:2px}.profile-levels{flex-direction:column;display:flex}.profile-level{border-bottom:1px solid var(--border-subtle);opacity:.45;grid-template-columns:28px 1fr auto;align-items:center;gap:14px;padding:10px 0;display:grid}.profile-level:last-child{border-bottom:none}.profile-level.unlocked{opacity:1}.profile-level-num{color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.profile-level-title{color:var(--text-primary);font-size:14px}.profile-level.current .profile-level-title{color:var(--kcl-light);font-weight:600}.profile-level.current .profile-level-num{color:var(--kcl-light)}.profile-level-mark{letter-spacing:.06em;text-transform:uppercase;color:var(--kcl-primary);font-size:10px;font-weight:600}.profile-actions{flex-direction:column;gap:10px;display:flex}.btn-danger-outline{border:1px solid var(--error)!important;color:var(--error)!important;background:0 0!important}.btn-danger-outline:hover{background:var(--error-bg)!important}.profile-reset-confirm{background:var(--error-bg);border:1px solid var(--error);border-radius:var(--radius-md);text-align:center;padding:16px}.profile-reset-confirm p{color:var(--text-primary);margin-bottom:12px;font-size:14px}.bottom-nav{min-height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-primary);border-top:1px solid var(--border-primary);z-index:9999;isolation:isolate;pointer-events:auto;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000073}.bottom-nav-inner{pointer-events:auto;height:100%;display:flex}.bottom-nav-item{min-width:0;min-height:56px;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;z-index:1;background:0 0;border:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-family:inherit;display:flex;position:relative}.bottom-nav-item:hover{color:var(--text-primary);background-color:#ffffff05}.bottom-nav-item:active{color:var(--kcl-light)}.bottom-nav-item.active{color:var(--kcl-primary)}.bottom-nav-item.active:before{content:"";background:var(--kcl-primary);pointer-events:none;border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:18%;right:18%}.bottom-nav-item svg{width:22px;height:22px}.bottom-nav-item span{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;max-width:100%;font-size:11px;font-weight:500;overflow:hidden}.more-sheet-backdrop{z-index:9998;background:#0000008c;animation:.18s ease-out more-sheet-fade-in;position:fixed;inset:0}.more-sheet{z-index:10000;background:var(--bg-primary,#0a0a0c);border-top:1px solid var(--border-primary,#222);max-height:80vh;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;flex-direction:column;transition:transform .24s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -16px 40px #00000080}.more-sheet.is-open{transform:translateY(0)}.more-sheet-handle{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:100%;height:18px;position:relative}.more-sheet-handle:before{content:"";background:var(--text-tertiary,#555);border-radius:2px;width:36px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.more-sheet-header{border-bottom:1px solid var(--border-primary,#222);justify-content:space-between;align-items:center;padding:4px 18px 12px;display:flex}.more-sheet-title{font-family:var(--font-display,inherit);color:var(--text-primary,#fff);font-size:17px;font-weight:600}.more-sheet-close{border:1px solid var(--border-primary,#333);width:32px;height:32px;color:var(--text-secondary,#aaa);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.more-sheet-close:hover{color:var(--text-primary,#fff);border-color:var(--border-primary,#555)}.more-sheet-body{flex:1;padding:12px 14px 18px;overflow-y:auto}.more-sheet-group{margin-bottom:18px}.more-sheet-group:last-child{margin-bottom:0}.more-sheet-group-label{font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary,#888);padding:0 6px 8px;font-size:10px}.more-sheet-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.more-sheet-tile{border:1px solid var(--border-primary,#222);background:var(--bg-card,#141416);min-height:80px;color:var(--text-secondary,#aaa);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px 6px;font-family:inherit;font-size:11px;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:flex}.more-sheet-tile:hover{background:var(--bg-secondary,#1a1a1c);color:var(--text-primary,#fff)}.more-sheet-tile:active{transform:scale(.97)}.more-sheet-tile.active{background:color-mix(in srgb, var(--kcl-primary) 10%, transparent);border-color:var(--kcl-primary);color:var(--kcl-primary)}.more-sheet-tile-icon{background:var(--bg-primary,#0a0a0c);border:1px solid var(--border-primary,#222);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.more-sheet-tile-label{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@keyframes more-sheet-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.more-sheet{transition:none}.more-sheet-backdrop{animation:none}.more-sheet-tile:active{transform:none}}@media (width>=480px) and (width<=768px){.more-sheet-grid{grid-template-columns:repeat(4,1fr)}}.modal-overlay{z-index:10000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:400px;max-height:calc(100dvh - 40px);padding:40px;animation:.3s cubic-bezier(.4,0,.2,1) scaleIn;overflow-y:auto}.modal-title{letter-spacing:-.01em;color:var(--text-primary);margin-bottom:8px;font-size:22px;font-weight:700}.modal-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.toast{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);z-index:2000;box-shadow:var(--shadow-elevated);max-width:360px;padding:12px 20px;font-size:14px;animation:.3s slideInRight;position:fixed;top:20px;right:20px}.toast.xp{border-color:var(--gold-primary);color:var(--gold-light)}.toast.achievement{border-color:var(--gold-primary);background:var(--gold-faint);font-weight:600}.toast.error{border-color:var(--error)}.error-boundary{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:40px 20px;display:flex}.error-boundary p{margin:0;font-size:16px}.levelup-numeral{background:var(--kcl-faint);border:3px solid var(--kcl-primary);width:72px;height:72px;color:var(--kcl-light);font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:32px;font-weight:800;display:flex}.section-header{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:4px;margin-bottom:24px;padding-bottom:16px;display:flex}.section-title{letter-spacing:-.02em;color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.2}.section-subtitle{color:var(--text-muted);font-size:13px}.confirm-actions{justify-content:center;gap:12px;margin-top:20px;display:flex}.contact-card{cursor:default}.contact-card:hover{background:var(--bg-card);border-color:var(--border-subtle)}.contact-names{color:var(--text-muted);margin-bottom:12px;font-size:13px}.contact-meta{color:var(--text-primary);flex-direction:column;gap:6px;font-size:13px;display:flex}.contact-meta a{color:var(--text-primary);text-decoration:none}.contact-meta a:hover{text-decoration:underline}.contact-line{color:var(--text-muted)}.contact-bullets{color:var(--text-muted);margin:4px 0 0;padding-left:18px}.contact-note{color:var(--text-muted);margin-top:4px;font-size:12px;font-style:italic}.katex-display{margin:0}.katex{color:var(--text-primary);font-size:1.1em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.page-enter{animation:.2s fadeIn}:focus-visible{outline:2px solid var(--kcl-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=768px){input[type=text],input[type=number],input[type=date],input[type=email],input[type=password],input[type=search],textarea,select{font-size:16px}input[type=text],input[type=number],input[type=date],input[type=email],input[type=password],input[type=search],select{min-height:44px}html,body,#root,.app-layout{height:100dvh;overflow:hidden}.sidebar{display:none}.main-content{height:100%;min-height:0;margin-left:0;overflow-y:auto}.bottom-nav{display:block}.bottom-nav-inner{width:100%}.btn-sm{min-height:40px;padding:8px 14px}.page-content{padding:16px;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 24px)}.xp-header{padding:calc(12px + env(safe-area-inset-top)) 16px 12px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.topics-grid{grid-template-columns:1fr}.achievements-grid{grid-template-columns:repeat(2,1fr);gap:10px}.section-title{font-size:22px}.profile-hero-numeral{font-size:56px}.stat-value{font-size:24px}.tracker-stat-value{font-size:28px}.modal-title{font-size:20px}.topic-card-name{font-size:16px}.today-title{font-size:20px}.topic-progress-row{flex-wrap:wrap;gap:8px}.topic-progress-name{min-width:100%}.toast{top:auto;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 12px);max-width:none;left:12px;right:12px}.modal{padding:28px}.readiness-circle{width:130px;height:130px}.readiness-value{font-size:28px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr 1fr}.achievements-grid{grid-template-columns:1fr}.pills{gap:6px}.pill{padding:7px 12px;font-size:12px}}.tracker-top-row{grid-template-columns:minmax(0,1.4fr) 1fr;align-items:stretch;gap:12px;margin-bottom:16px;display:grid}.tracker-log{flex-direction:column;justify-content:center;padding:16px;display:flex}.tracker-log-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;font-size:.85rem;font-weight:700}.tracker-log-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.tracker-field{flex-direction:column;gap:6px;display:flex}.tracker-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:.75rem;font-weight:600}.tracker-field input{background:var(--bg-input);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:8px;min-width:100px;padding:8px 12px;font-family:inherit;font-size:.9rem}.tracker-field input:focus{border-color:var(--gold-primary);outline:none}.tracker-field input[type=date]{min-width:140px}.tracker-field input[type=number]{min-width:80px;max-width:100px}.tracker-log-btn{height:38px;padding:8px 24px}.tracker-stat-card{text-align:center;flex-direction:column;justify-content:center;padding:16px;display:flex}.tracker-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:.75rem;font-weight:600}.tracker-stat-value{letter-spacing:-.02em;color:var(--text-primary);font-variant-numeric:tabular-nums;margin:6px 0 4px;font-size:32px;font-weight:700;line-height:1}.tracker-stat-target{color:var(--text-muted);margin-bottom:10px;font-size:.8rem}.tracker-week-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.85rem;font-weight:700;display:flex}.tracker-week-header>span:last-child{color:var(--text-muted);text-transform:none;letter-spacing:0;font-size:12px;font-weight:400}.tracker-empty{text-align:center;color:var(--text-muted);padding:24px 0;font-size:14px}.tracker-session-list{flex-direction:column;gap:4px;display:flex}.tracker-session-item{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;transition:background .15s;display:flex}.tracker-session-item:hover{background:var(--bg-input)}.tracker-session-date{color:var(--text-secondary);flex:1;font-size:.85rem}.tracker-session-hours{color:var(--text-primary);font-size:.9rem;font-weight:700}.tracker-session-delete{color:var(--text-muted);cursor:pointer;opacity:.4;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:4px;flex-shrink:0;width:28px;height:28px;font-family:inherit;font-size:.85rem;transition:all .15s}.tracker-session-item:hover .tracker-session-delete{opacity:1}.tracker-session-delete:hover,.tracker-session-delete:active{color:var(--error);background:var(--error-bg);opacity:1}@media (hover:none){.tracker-session-delete{opacity:.7}}.tracker-calendar{padding:4px 0}.tracker-calendar-labels{grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:4px;display:grid}.tracker-calendar-labels span{color:var(--text-muted);text-align:center;font-size:.65rem}.tracker-calendar-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.tracker-calendar-cell{aspect-ratio:1;border-radius:3px;transition:background .2s}.tracker-calendar-cell.empty{background:0 0}.tracker-calendar-cell.none{background:var(--bg-primary)}.tracker-calendar-cell.low{background:#e2231a38}.tracker-calendar-cell.med{background:#e2231a80}.tracker-calendar-cell.high{background:var(--kcl-primary)}.pomo-container{flex-direction:column;align-items:center;gap:20px;padding:24px;display:flex}.pomo-top-row{justify-content:space-between;align-items:center;width:100%;display:flex}.pomo-phase-pills{gap:8px;display:flex}.pomo-phase-pill{color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border-subtle);transition:var(--transition-fast);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.pomo-phase-pill.active.work{color:var(--gold-light);background:var(--gold-faint);border-color:var(--gold-primary)}.pomo-phase-pill.active.break{color:var(--success);background:var(--success-bg);border-color:var(--success)}.pomo-phase-pill.active.longbreak{color:var(--info);border-color:var(--info);background:#3b82f61a}.pomo-top-actions{align-items:center;gap:6px;display:flex}.pomo-streak-badge{color:var(--gold-primary);font-variant-numeric:tabular-nums;letter-spacing:.5px;opacity:.85;font-size:12px;font-weight:700}.pomo-streak-fullscreen{top:calc(28px + env(safe-area-inset-top));font-size:15px;position:absolute;right:72px}.pomo-settings-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;min-width:36px;min-height:36px;transition:var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;align-items:center;padding:6px;display:flex}.pomo-settings-toggle:hover{color:var(--gold-primary);border-color:var(--gold-primary)}.pomo-settings-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pomo-settings-modal{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:100%;max-width:440px;max-height:calc(100dvh - 40px);box-shadow:var(--shadow-elevated);flex-direction:column;gap:16px;padding:24px;display:flex;overflow-y:auto}.pomo-settings-header{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:16px;font-weight:700;display:flex}.pomo-settings-close{color:var(--text-muted);cursor:pointer;min-width:36px;min-height:36px;transition:var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.pomo-settings-close:hover{color:var(--text-primary)}.pomo-settings-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.pomo-setting{flex-direction:column;gap:4px;display:flex}.pomo-setting label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.pomo-setting input[type=number]{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;width:100%;padding:6px 8px;font-size:14px}.pomo-setting input[type=number]:focus{border-color:var(--gold-primary)}.pomo-setting-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.pomo-checkbox{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.pomo-checkbox input[type=checkbox]{accent-color:var(--gold-primary);width:14px;height:14px}.pomo-sound-picker{flex-wrap:wrap;gap:6px;margin-left:8px;display:flex}.pomo-sound-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;min-height:36px;transition:var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:6px 12px;font-size:11px;font-weight:600}.pomo-sound-btn:hover{border-color:var(--gold-dark);color:var(--text-primary)}.pomo-sound-btn.active{background:var(--gold-faint);border-color:var(--gold-primary);color:var(--gold-light)}.pomo-volume-row{align-items:center;gap:10px;display:flex}.pomo-volume-slider{appearance:none;background:var(--border-primary);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.pomo-volume-slider::-webkit-slider-thumb{appearance:none;background:var(--gold-primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}.pomo-volume-slider::-moz-range-thumb{background:var(--gold-primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}.pomo-toggle{background:var(--border-primary);cursor:pointer;width:40px;height:22px;transition:background var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:11px;flex-shrink:0;padding:0;position:relative}.pomo-toggle:before{content:"";position:absolute;inset:-11px -2px}.pomo-toggle.active{background:var(--success)}.pomo-toggle-knob{width:18px;height:18px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.pomo-toggle.active .pomo-toggle-knob{transform:translate(18px)}.pomo-timer-ring{width:220px;height:220px;position:relative}.pomo-ring-svg{width:100%;height:100%}.pomo-timer-display{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pomo-time{font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:2px;font-size:48px;font-weight:700;line-height:1}.pomo-phase-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:6px;font-size:13px;font-weight:600}.pomo-controls{align-items:center;gap:10px;display:flex}.pomo-controls .btn{min-width:110px}.pomo-fullscreen{z-index:10000;background:var(--bg-primary);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;justify-content:center;align-items:center;gap:40px;display:flex;position:fixed;inset:0}.pomo-fullscreen-close{top:calc(24px + env(safe-area-inset-top));right:calc(24px + env(safe-area-inset-right));border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;align-items:center;padding:8px;display:flex;position:absolute}.pomo-fullscreen-close:hover{color:var(--text-primary);border-color:var(--text-primary)}.pomo-fullscreen-ring{width:340px;height:340px;position:relative}.pomo-fullscreen-time{font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:4px;font-size:80px;font-weight:700;line-height:1}.pomo-fullscreen-phase{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-top:10px;font-size:16px;font-weight:600}@media (width<=768px){.tracker-top-row{grid-template-columns:1fr}.tracker-log-row{flex-direction:column;align-items:stretch}.tracker-field input[type=number]{max-width:none}.tracker-log-btn{width:100%}.pomo-container{gap:16px;padding:16px}.pomo-phase-pill{padding:3px 10px;font-size:11px}.pomo-timer-ring{width:180px;height:180px}.pomo-time{font-size:40px}.pomo-settings-grid{grid-template-columns:1fr 1fr}.pomo-fullscreen-ring{width:260px;height:260px}.pomo-fullscreen-time{font-size:56px}}.study-plan-container{margin-top:32px}.study-plan-overview{margin-bottom:24px}.study-plan-progress-bar{background:var(--border-primary);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.study-plan-progress-fill{background:var(--gold-primary);border-radius:3px;height:100%;transition:width .3s}.study-plan-status{font-size:13px;font-weight:500}.study-plan-phase{margin-bottom:24px}.study-plan-phase-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.study-plan-phase-title{color:var(--text-primary);font-size:15px;font-weight:600}.study-plan-phase-meta{color:var(--text-muted);font-size:12px}.study-plan-weeks{flex-direction:column;gap:2px;display:flex}.study-plan-week{color:var(--text-secondary);border-radius:6px;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.study-plan-week.current{background:var(--gold-faint);border:1px solid var(--gold-primary);color:var(--text-primary)}.study-plan-week.past{opacity:.5}.study-plan-week-num{color:var(--text-muted);min-width:28px;font-size:12px;font-weight:600}.study-plan-week.current .study-plan-week-num{color:var(--gold-primary)}.study-plan-week-content{flex:1}.study-plan-week-label{font-size:13px}.study-plan-week-topics{align-items:center;gap:4px;margin-top:2px;display:flex}.study-plan-week-dot{border-radius:50%;width:6px;height:6px}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.login-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;width:100%;max-width:360px;padding:40px 32px}.login-title{color:var(--text-primary);text-align:center;margin-bottom:28px;font-size:22px;font-weight:700}.login-input{border:1px solid var(--border);background:var(--bg-primary);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;outline:none;margin-bottom:12px;padding:12px 14px;font-family:inherit;font-size:16px}.login-input:focus{border-color:var(--gold-primary)}.login-error{color:var(--error);text-align:center;margin-bottom:12px;font-size:13px}.login-btn{width:100%;margin-top:4px;padding:12px;font-size:15px}.login-logo{margin:0 auto 16px;display:block}.login-subtitle{text-align:center;color:var(--text-secondary);margin-top:-8px;margin-bottom:20px;font-size:13px}.pp-shell{gap:var(--space-4,16px);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=880px){.pp-shell{grid-template-columns:1fr}}.pp-list{flex-direction:column;gap:14px;display:flex}.pp-group-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:11px}.pp-group{flex-direction:column;gap:8px;margin-bottom:6px;display:flex}.pp-row{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);cursor:pointer;transition:all var(--transition-fast);text-align:left;align-items:center;gap:10px;padding:12px 14px;display:flex}.pp-row:hover{background:var(--bg-card-hover);border-color:var(--border-primary)}.pp-row.has-questions{border-color:var(--border-primary)}.pp-row-meta{font-family:var(--font-mono);color:var(--text-muted);margin-left:auto;font-size:11px}.pp-row-title{color:var(--text-primary);font-size:14px;font-weight:500}.pp-row-year{font-family:var(--font-mono);color:var(--kcl-light);background:var(--kcl-faint);border:1px solid var(--kcl-primary);border-radius:4px;padding:2px 8px;font-size:11px}.pp-form{flex-direction:column;gap:10px;display:flex}.pp-form label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.pp-form select,.pp-form input,.pp-form textarea{border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-ui);padding:9px 12px;font-size:14px}.pp-form textarea{font-family:var(--font-mono);resize:vertical;min-height:200px;font-size:12px;line-height:1.45}.pp-form select:focus,.pp-form input:focus,.pp-form textarea:focus{border-color:var(--kcl-primary);outline:none}.pp-form-row{grid-template-columns:1fr 110px;gap:10px;display:grid}.pp-schema-hint{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--bg-input);border:1px dashed var(--border-primary);padding:8px 10px;line-height:1.45}.pp-error{color:var(--error);background:var(--error-bg);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px}.pp-success{color:var(--success);background:var(--success-bg);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px}.pp-modal-body pre{background:var(--bg-input);border-radius:var(--radius-sm);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:60vh;padding:12px;font-size:12px;overflow:auto}.mock-empty{text-align:center;color:var(--text-muted);padding:36px 20px;font-size:14px}.mock-history{flex-direction:column;gap:10px;display:flex}.mock-history-row{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);align-items:center;gap:10px;padding:12px 14px;display:flex}.mock-history-row .mock-history-title{color:var(--text-primary);flex:1;min-width:0;font-size:14px;font-weight:500}.mock-history-row .mock-history-meta{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.mock-band{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.mock-band.distinction{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.mock-band.merit{color:var(--ok);border-color:var(--ok);background:#4ea8711f}.mock-band.pass{color:var(--info);border-color:var(--info);background:#5a8fd41f}.mock-band.fail{color:var(--danger);border-color:var(--danger);background:#c845451f}.mock-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.mock-toolbar .pill{border:1px solid var(--border-primary);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:6px 12px;font-family:inherit;font-size:13px}.mock-toolbar .pill.active{background:var(--kcl-faint);border-color:var(--kcl-primary);color:var(--kcl-light)}.mock-pick-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.mock-pick-row{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);cursor:pointer;transition:all var(--transition-fast);text-align:left;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.mock-pick-row:hover{background:var(--bg-card-hover);border-color:var(--border-primary);transform:translateY(-1px)}.mock-pick-title{color:var(--text-primary);font-size:14px;font-weight:600}.mock-pick-meta{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.mock-runner-header{background:var(--bg-primary);z-index:5;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;padding:8px 0 12px;display:flex;position:sticky;top:0}.mock-runner-title{font-family:var(--font-display);flex:1;font-size:20px;font-weight:600}.mock-timer{font-family:var(--font-mono);border:1px solid var(--border-primary);background:var(--bg-input);border-radius:999px;padding:6px 14px;font-size:22px;font-weight:600}.mock-timer.warn{border-color:var(--warning);color:var(--warning)}.mock-timer.danger{border-color:var(--danger);color:var(--danger);animation:1s ease-in-out infinite pulse-mock}@keyframes pulse-mock{0%,to{opacity:1}50%{opacity:.6}}.mock-q-list{flex-direction:column;gap:14px;display:flex}.mock-q{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 18px}.mock-q-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.mock-q-num{font-family:var(--font-mono);color:var(--kcl-light);min-width:32px;font-size:18px;font-weight:600}.mock-q-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--bg-input);color:var(--text-muted);border-radius:4px;padding:2px 7px;font-size:10px}.mock-q-type{font-family:var(--font-mono);color:var(--text-muted);margin-left:auto;font-size:10px}.mock-q-text{color:var(--text-primary);margin-bottom:12px;font-size:15px;line-height:1.5}.mock-choices{flex-direction:column;gap:6px;display:flex}.mock-choice{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-input);cursor:pointer;min-height:44px;transition:all var(--transition-fast);align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.mock-choice:hover{border-color:var(--border-primary);background:var(--bg-card-hover)}.mock-choice.selected{border-color:var(--kcl-primary);background:var(--kcl-faint)}.mock-textarea{border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--bg-input);width:100%;color:var(--text-primary);font-family:var(--font-ui);resize:vertical;min-height:110px;padding:10px 12px;font-size:14px;line-height:1.5}.mock-textarea:focus{border-color:var(--kcl-primary);outline:none}.mock-submit-row{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-primary);bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 8px);z-index:10;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:14px 16px;display:flex;position:sticky;box-shadow:0 4px 16px #0006}@media (width>=769px){.mock-submit-row{bottom:16px}}.mock-submit-meta{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.mock-result-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;display:flex}.mock-result-score{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:40px;font-weight:700}.mock-result-meta{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.mock-feedback-list{flex-direction:column;gap:10px;display:flex}.mock-feedback{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px}.mock-feedback details>summary{cursor:pointer;align-items:center;gap:10px;list-style:none;display:flex}.mock-feedback details>summary::-webkit-details-marker{display:none}.mock-feedback-title{color:var(--text-primary);flex:1;font-size:14px;font-weight:600}.mock-feedback-score{font-family:var(--font-mono);color:var(--kcl-light);background:var(--bg-input);border-radius:4px;padding:2px 8px;font-size:12px}.mock-feedback-score.right{color:var(--ok)}.mock-feedback-score.wrong{color:var(--danger)}.mock-feedback-body{color:var(--text-secondary);padding-top:10px;font-size:13px;line-height:1.5}.mock-feedback-body strong{color:var(--text-primary)}.mock-feedback-body p{margin-bottom:6px}.mock-critique{background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--accent-soft) inset;margin-bottom:14px;padding:16px 18px}.mock-critique-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:11px}.mock-critique-body{color:var(--text-primary);white-space:pre-wrap;font-size:14px;line-height:1.55}.widget{background:var(--bg-2);border:1px solid var(--line-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);transition:box-shadow var(--dur-base) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.widget:hover{box-shadow:var(--shadow-2)}.widget.widget-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-2), var(--glass-stroke)}.widget-head{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line-1);display:flex}.widget-title{font-family:var(--font-mono);font-size:var(--text-11);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);font-weight:500}.widget-link{font-size:var(--text-12);color:var(--accent);transition:opacity var(--dur-fast) var(--ease-out);margin-left:auto;text-decoration:none}.widget-link:hover{opacity:.85}.widget-meta{font-family:var(--font-mono);font-size:var(--text-11);color:var(--ink-3);letter-spacing:.04em;margin-left:auto}.widget-count{background:var(--bg-3);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-11);color:var(--ink-2);margin-left:auto;padding:1px 8px;font-weight:500}.widget-body{padding:var(--space-4);flex:1;min-width:0}.widget-foot{padding:var(--space-3) var(--space-4);border-top:1px solid var(--line-0);color:var(--ink-4);font-size:10px;font-family:var(--font-mono)}.widget-foot code{background:var(--bg-3);border-radius:var(--radius-1);padding:1px 4px;font-size:10px}.widget-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-rows:1fr;display:grid}.widget-grid>.widget{height:100%}.widget-grid>.widget>.widget-body{flex:1;min-height:0}@media (width<=720px){.widget-grid{grid-template-columns:1fr}}.page-stack{gap:var(--space-4);flex-direction:column;display:flex}.page-head{padding:var(--space-3) 0 var(--space-2)}.page-title{font-family:var(--font-display);color:var(--ink-1);margin:0 0 var(--space-2);font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.1}.page-lede{font-size:var(--text-13,13px);color:var(--ink-2);max-width:640px;margin:0;line-height:1.55}.support-wide{grid-column:1/-1}.advisor-names{font-family:var(--font-display);color:var(--ink-1);margin-bottom:var(--space-3);font-size:18px;font-weight:600}.support-kv{gap:8px var(--space-3);margin:0 0 var(--space-3);font-size:var(--text-13,13px);grid-template-columns:100px 1fr;display:grid}.support-kv dt{font-family:var(--font-mono);font-size:var(--text-11,11px);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);align-self:center}.support-kv dd{color:var(--ink-1);margin:0;line-height:1.5}.support-link{color:var(--accent);text-decoration:none}.support-link:hover{text-decoration:underline}.support-link.mono{font-family:var(--font-mono);font-size:var(--text-12,12px)}.support-cta{background:var(--accent);color:var(--bg-1);border-radius:var(--radius-pill,999px);font-family:var(--font-mono);font-size:var(--text-12,12px);transition:filter var(--dur-fast,.15s) var(--ease-out,ease-out);align-items:center;padding:8px 16px;font-weight:500;text-decoration:none;display:inline-flex}.support-cta:hover{filter:brightness(1.08)}.support-notes{font-size:var(--text-13,13px);color:var(--ink-2);flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.support-notes li{gap:10px;line-height:1.5;display:flex}.support-note-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-top:8px}.support-links{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.support-link-card{padding:var(--space-3);border:1px solid var(--line-1);border-radius:var(--radius-md,8px);background:var(--bg-2);transition:border-color var(--dur-fast,.15s) var(--ease-out,ease-out), transform var(--dur-fast,.15s) var(--ease-out,ease-out), background var(--dur-fast,.15s) var(--ease-out,ease-out);flex-direction:column;text-decoration:none;display:flex}.support-link-card:hover{border-color:var(--accent);background:var(--bg-1);transform:translateY(-1px)}.support-link-label{font-family:var(--font-display);font-size:var(--text-13,13px);color:var(--ink-1);margin-bottom:4px;font-weight:500}.support-link-desc{font-size:var(--text-12,12px);color:var(--ink-2);margin-bottom:8px;line-height:1.45}.support-link-href{font-family:var(--font-mono);font-size:var(--text-11,11px);color:var(--ink-3);margin-top:auto}@media (prefers-reduced-motion:reduce){.support-cta,.support-link-card{transition:none}}.mastery-empty,.plan-empty{font-size:var(--text-13);color:var(--ink-3);padding:var(--space-2) 0}.mastery-groups{gap:var(--space-4);flex-direction:column;display:flex}.mastery-group-head{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.mastery-group-code{font-family:var(--font-mono);font-size:var(--text-11);color:var(--ink-3);letter-spacing:.05em}.mastery-group-name{font-size:var(--text-13);color:var(--ink-1);font-weight:500}.mastery-grid{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=720px){.mastery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.mastery-cell{align-items:center;gap:var(--space-2);background:var(--bg-3);border:1px solid var(--line-1);border-radius:var(--radius-2);padding:var(--space-2) var(--space-3);cursor:pointer;text-align:left;font:inherit;color:var(--ink-1);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);min-width:0;display:flex}.mastery-cell:hover{border-color:var(--line-2);background:var(--bg-4)}.mastery-cell.active{border-color:var(--accent)}.mastery-square{border-radius:4px;flex-shrink:0;width:14px;height:14px;display:inline-block;box-shadow:inset 0 0 0 1px #00000040}.mastery-tag{font-size:var(--text-12);color:var(--ink-1);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.mastery-pct{font-family:var(--font-mono);font-size:var(--text-11);color:var(--ink-2);font-variant-numeric:tabular-nums;flex-shrink:0}.mastery-popover{margin-top:var(--space-3);padding:var(--space-3);background:var(--bg-3);border:1px solid var(--line-2);border-radius:var(--radius-2);box-shadow:var(--shadow-2)}.mastery-popover-head{margin-bottom:var(--space-2);font-size:var(--text-14);color:var(--ink-0);align-items:center;display:flex}.mastery-popover-close{border:1px solid var(--line-1);border-radius:var(--radius-1);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-11);cursor:pointer;background:0 0;width:22px;height:22px;margin-left:auto;line-height:1}.mastery-popover-stats{gap:var(--space-2);font-size:var(--text-12);color:var(--ink-2);margin-bottom:var(--space-3);font-variant-numeric:tabular-nums;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mastery-popover-stats strong{color:var(--ink-0);margin-left:4px;font-weight:500}.mastery-drill-btn{width:100%}.plan-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.plan-row{gap:var(--space-3);padding:var(--space-3);background:var(--bg-3);border:1px solid var(--line-1);border-radius:var(--radius-2);transition:opacity var(--dur-fast) var(--ease-out);align-items:flex-start;display:flex}.plan-row.done{opacity:.55}.plan-row.done .plan-row-title{text-decoration:line-through}.plan-check{cursor:pointer;flex-shrink:0;align-items:center;margin-top:2px;display:inline-flex;position:relative}.plan-check input{opacity:0;pointer-events:none;position:absolute}.plan-check-box{border:1.5px solid var(--line-2);background:var(--bg-2);width:18px;height:18px;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border-radius:4px;display:inline-block;position:relative}.plan-check input:checked+.plan-check-box{background:var(--accent);border-color:var(--accent)}.plan-check input:checked+.plan-check-box:after{content:"";border:solid var(--ink-0);border-width:0 2px 2px 0;width:6px;height:11px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.plan-kind-icon{font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink-2);background:var(--bg-4);border-radius:var(--radius-1);text-align:center;flex-shrink:0;justify-content:center;align-items:center;min-width:36px;margin-top:2px;padding:3px 5px;font-size:9px;display:inline-flex}.plan-row-body{flex:1;min-width:0}.plan-row-head{align-items:baseline;gap:var(--space-2);margin-bottom:2px;display:flex}.plan-row-title{font-size:var(--text-14);color:var(--ink-0);flex:1;min-width:0;font-weight:500}.plan-row-mins{font-family:var(--font-mono);font-size:var(--text-11);color:var(--ink-2);font-variant-numeric:tabular-nums;flex-shrink:0}.plan-row-tag{font-family:var(--font-mono);color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-pill);margin-bottom:4px;padding:1px 6px;font-size:10px;display:inline-block}.plan-row-rationale{font-size:var(--text-12);color:var(--ink-3);line-height:1.5}.plan-summary{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line-0);font-size:var(--text-12);color:var(--ink-3);font-style:italic;line-height:1.6}.pre-exam-page{gap:var(--space-4);flex-direction:column;display:flex}.pre-exam-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media (width<=720px){.pre-exam-grid{grid-template-columns:1fr}}.pre-exam-col{min-width:0}.pre-exam-error{border:1px solid var(--danger);color:var(--danger);padding:var(--space-2) var(--space-3);border-radius:var(--radius-2);font-size:var(--text-12);background:#c845451f}.pre-exam-empty{color:var(--ink-3);font-size:var(--text-13);line-height:1.55}.pre-exam-date-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pre-exam-date-row{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-3);border:1px solid var(--line-1);border-radius:var(--radius-2);flex-wrap:wrap;display:flex}.pre-exam-date-meta{flex-direction:column;flex:1;min-width:0;display:flex}.pre-exam-date-name{font-size:var(--text-14);color:var(--ink-0);font-weight:500}.pre-exam-date-code{font-family:var(--font-mono);font-size:var(--text-11);color:var(--ink-3);letter-spacing:.04em}.pre-exam-date-controls{gap:var(--space-2);align-items:center;display:flex}.pre-exam-date-input{background:var(--bg-2);border:1px solid var(--line-2);color:var(--ink-0);font-family:var(--font-mono);font-size:var(--text-12);border-radius:var(--radius-1);padding:6px 8px}.pre-exam-status-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pre-exam-status-card{background:var(--bg-3);border:1px solid var(--line-1);border-radius:var(--radius-2);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.pre-exam-status-head{align-items:center;gap:var(--space-2);justify-content:space-between;display:flex}.pre-exam-status-meta{flex-direction:column;min-width:0;display:flex}.pre-exam-status-name{font-size:var(--text-14);color:var(--ink-0);font-weight:500}.pre-exam-status-code{font-family:var(--font-mono);font-size:var(--text-11);color:var(--ink-3);letter-spacing:.04em}.pre-exam-status-count{font-family:var(--font-mono);color:var(--ink-0);font-variant-numeric:tabular-nums;font-size:32px;font-weight:600;line-height:1}.pre-exam-status-date{font-family:var(--font-mono);font-size:var(--text-11);color:var(--ink-2)}.pre-exam-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-pill);flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:500}.pre-exam-bars{margin-top:var(--space-2);flex-direction:column;gap:4px;display:flex}.pre-exam-bar-row{gap:var(--space-2);grid-template-columns:80px minmax(0,1fr) 36px;align-items:center;display:grid}.pre-exam-bar-label{font-family:var(--font-mono);color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.pre-exam-bar-track{background:var(--bg-2);border-radius:var(--radius-pill);border:1px solid var(--line-1);height:6px;overflow:hidden}.pre-exam-bar-fill{background:var(--accent);height:100%;transition:width var(--dur-base) var(--ease-out)}.pre-exam-bar-pct{font-family:var(--font-mono);color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums;font-size:10px}.pre-exam-pill{font-family:var(--font-mono);font-size:var(--text-12);color:var(--ink-2);background:var(--bg-3);border:1px solid var(--line-1);border-radius:var(--radius-pill);margin-bottom:var(--space-3);letter-spacing:.02em;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.quick-action{border:1px solid var(--line-1);border-radius:var(--radius-md,8px);background:var(--bg-2);text-align:left;cursor:pointer;transition:border-color var(--dur-fast,.15s) var(--ease-out,ease-out), background var(--dur-fast,.15s) var(--ease-out,ease-out), transform var(--dur-fast,.15s) var(--ease-out,ease-out);align-items:center;gap:12px;padding:10px 12px;display:flex}.quick-action:hover{border-color:var(--accent);background:var(--bg-1);transform:translateY(-1px)}.quick-action-icon{background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--radius-md,8px);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:inline-flex}.quick-action-body{flex-direction:column;gap:2px;min-width:0;display:flex}.quick-action-label{font-family:var(--font-display);font-size:var(--text-13,13px);color:var(--ink-1);font-weight:500}.quick-action-desc{font-size:var(--text-11,11px);color:var(--ink-3);line-height:1.4}.modules-list{flex-direction:column;gap:10px;display:flex}.module-row{border:1px solid var(--line-1);border-radius:var(--radius-md,8px);background:var(--bg-2);text-align:left;cursor:pointer;transition:border-color var(--dur-fast,.15s) var(--ease-out,ease-out), background var(--dur-fast,.15s) var(--ease-out,ease-out);flex-direction:column;gap:6px;padding:12px;display:flex;position:relative}.module-row:before{content:"";background:var(--topic-color,var(--accent));border-radius:var(--radius-md,8px) 0 0 var(--radius-md,8px);width:3px;position:absolute;top:0;bottom:0;left:0}.module-row:hover{border-color:var(--accent);background:var(--bg-1)}.module-row-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.module-row-name{font-family:var(--font-display);font-size:var(--text-13,13px);color:var(--ink-1);font-weight:500}.module-row-code{font-family:var(--font-mono);font-size:var(--text-11,11px);color:var(--ink-3)}.module-row-meta{font-size:var(--text-11,11px);color:var(--ink-3)}.module-row-mastery{align-items:center;gap:8px;margin-top:2px;display:flex}.lib-item-empty{opacity:.7;cursor:not-allowed}.lib-item-empty .lib-item-badge{border:1px dashed var(--line-1);background:var(--bg-2)!important;color:var(--ink-3)!important}.lib-item-hint{color:var(--ink-3);margin-top:2px;font-size:10px;font-style:italic}@media (prefers-reduced-motion:reduce){.quick-action,.module-row{transition:none}}.rewards-page.is-locked .reward-card{opacity:.55;filter:grayscale(.6)}.rewards-page.is-locked .reward-card.reward-headline{opacity:.7}.rewards-lock{padding:var(--space-5) var(--space-4);border:1px dashed var(--line-1);border-radius:var(--radius-lg,12px);background:var(--bg-2);text-align:center;margin-bottom:var(--space-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.rewards-lock-icon{background:var(--bg-1);border:1px solid var(--line-1);width:48px;height:48px;color:var(--ink-2);margin-bottom:var(--space-3);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.rewards-lock-title{font-family:var(--font-display);color:var(--ink-1);margin-bottom:4px;font-size:16px;font-weight:600}.rewards-lock-sub{font-size:var(--text-12,12px);color:var(--ink-3)}.reward-card.reward-headline{border:1px solid var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 8%, transparent)}.reward-card.is-treated{background:color-mix(in srgb, var(--ok,#4ea871) 5%, var(--bg-1));border-style:dashed}.reward-desc{font-size:var(--text-13,13px);color:var(--ink-2);margin:0 0 var(--space-3);line-height:1.5}.reward-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.reward-link{border:1px solid var(--accent);border-radius:var(--radius-pill,999px);font-family:var(--font-mono);font-size:var(--text-12,12px);color:var(--accent);transition:filter var(--dur-fast,.15s) var(--ease-out,ease-out), background var(--dur-fast,.15s) var(--ease-out,ease-out);background:0 0;align-items:center;padding:6px 12px;text-decoration:none;display:inline-flex}.reward-link:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.reward-link-locked{opacity:.5;cursor:not-allowed;pointer-events:none}.reward-link-static{border-color:var(--line-1);color:var(--ink-3);cursor:default}.reward-tick{border:1px solid var(--line-1);border-radius:var(--radius-pill,999px);font-family:var(--font-mono);font-size:var(--text-11,11px);color:var(--ink-3);cursor:pointer;transition:color var(--dur-fast,.15s) var(--ease-out,ease-out), border-color var(--dur-fast,.15s) var(--ease-out,ease-out), background var(--dur-fast,.15s) var(--ease-out,ease-out);background:0 0;padding:6px 12px}.reward-tick:hover{color:var(--ink-1);border-color:var(--line-2)}.reward-tick.is-on{background:color-mix(in srgb, var(--ok,#4ea871) 12%, transparent);border-color:var(--ok,#4ea871);color:var(--ok,#4ea871)}.rewards-footer{margin-top:var(--space-4);justify-content:center;display:flex}.rewards-complete-row{align-items:center;gap:var(--space-3);border-radius:var(--radius-pill,999px);background:color-mix(in srgb, var(--ok,#4ea871) 8%, transparent);border:1px solid color-mix(in srgb, var(--ok,#4ea871) 30%, transparent);padding:10px 14px;display:flex}.rewards-complete-stamp{font-family:var(--font-mono);font-size:var(--text-12,12px);color:var(--ok,#4ea871);font-weight:500}.rewards-empty{padding:var(--space-5);text-align:center;color:var(--ink-3);font-size:var(--text-13,13px)}@media (prefers-reduced-motion:reduce){.reward-link,.reward-tick{transition:none}}.support-cat .support-links{grid-template-columns:1fr}.support-link-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.support-link-tag{font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.08em;background:color-mix(in srgb, var(--info,#5a8fd4) 12%, transparent);color:var(--info,#5a8fd4);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:9px}@media (width>=720px){.support-cat .support-links{grid-template-columns:repeat(2,1fr)}}