:root{--bg: #0f1117;--surface: #181b24;--surface-2: #1f232f;--border: #2a2f3d;--text: #e6e8ee;--muted: #8b93a7;--primary: #6366f1;--primary-dim: #4f46e5;--easy: #22c55e;--med: #eab308;--hard: #ef4444;--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.boot,.loading,.empty{padding:48px;text-align:center;color:var(--muted)}button{font-family:inherit;cursor:pointer}.btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:9px 16px;border-radius:8px;font-weight:600}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dim)}.btn:disabled{opacity:.6;cursor:default}.link-btn{background:none;border:none;color:var(--muted);padding:4px;font-size:13px;text-decoration:underline}.link-btn:hover{color:var(--text)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:14px}.brand{margin:0;font-size:24px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.field input{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:8px;font-size:14px}.field input:focus{outline:none;border-color:var(--primary)}.form-error{color:var(--hard);font-size:13px}.form-info{color:var(--easy);font-size:13px}.notice{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:14px;font-size:13px}.notice pre,.markdown pre{background:#0b0d13;border:1px solid var(--border);border-radius:8px;padding:12px;overflow-x:auto;font-size:12.5px}code{background:var(--surface-2);padding:1px 5px;border-radius:4px;font-size:12.5px}.nav{display:flex;align-items:center;gap:18px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:20;flex-wrap:wrap}.nav-brand{font-weight:800;letter-spacing:-.2px;display:flex;flex-direction:column}.nav-vs{font-size:11px;font-weight:600;color:var(--muted)}.nav-tabs{display:flex;gap:4px;flex:1;flex-wrap:wrap}.nav-tab{background:none;border:none;color:var(--muted);padding:8px 12px;border-radius:8px;font-weight:600;font-size:13.5px}.nav-tab:hover{color:var(--text);background:var(--surface-2)}.nav-tab.active{color:#fff;background:var(--primary)}.nav-user{display:flex;align-items:center;gap:10px;position:relative}.nav-username{font-weight:600;font-size:13px}.profile-btn{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:4px 10px 4px 4px;border-radius:99px;cursor:pointer}.profile-btn:hover{border-color:var(--primary)}.avatar{width:24px;height:24px;border-radius:99px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px}.caret{color:var(--muted);font-size:10px}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.profile-menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:210px;padding:8px;z-index:50;box-shadow:0 12px 32px #00000073}.profile-menu-email{font-size:12px;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--border);margin-bottom:6px;word-break:break-all}.profile-menu-item{width:100%;text-align:left;background:none;border:none;color:var(--text);padding:8px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer}.profile-menu-item:hover{background:var(--surface-2)}.app-main{max-width:1200px;margin:0 auto;padding:22px 20px 60px}.section-title{margin:26px 0 12px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.bar{height:8px;background:var(--surface-2);border-radius:99px;overflow:hidden}.bar-fill{height:100%;background:var(--primary);border-radius:99px;transition:width .3s}.badge{font-size:11px;font-weight:700;padding:1px 7px;border-radius:99px;border:1px solid var(--border)}.diff-easy{color:var(--easy);border-color:color-mix(in srgb,var(--easy) 40%,transparent)}.diff-med{color:var(--med);border-color:color-mix(in srgb,var(--med) 40%,transparent)}.diff-hard{color:var(--hard);border-color:color-mix(in srgb,var(--hard) 40%,transparent)}.badge-roll{color:#fb923c;border-color:#fb923c66}.badge-b75{color:#f472b6;border-color:#f472b666}.badge-nc75{color:#34d399;border-color:#34d39966}.lc-link{font-size:11px;font-weight:700;color:#f59e0b}.track-dot{width:9px;height:9px;border-radius:99px;display:inline-block}.task-row{border-bottom:1px solid var(--border)}.task-row:last-child{border-bottom:none}.task-main{display:flex;align-items:center;gap:10px;padding:8px 6px}.task-row.is-done .task-title{color:var(--muted);text-decoration:line-through}.task-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.task-text{flex:1;min-width:0}.task-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-title{font-weight:600}.task-sub{font-size:12px;color:var(--muted)}.task-meta{display:flex;align-items:center;gap:4px}.mins{font-size:12px;color:var(--muted);min-width:32px;text-align:right}.icon-btn{background:none;border:1px solid transparent;color:var(--muted);width:26px;height:26px;border-radius:6px;font-size:13px}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.has-note{color:var(--primary)}.drag-handle{background:none;border:none;color:var(--muted);cursor:grab;font-size:14px;padding:0 2px}.drag-handle:active{cursor:grabbing}.dragging{opacity:.85}.notes-editor{padding:4px 8px 12px 34px}.notes-editor textarea{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px;font-family:inherit;font-size:13px;resize:vertical}.notes-editor textarea:focus{outline:none;border-color:var(--primary)}.notes-hint{font-size:11px;color:var(--muted);margin-top:4px}.day-input{display:flex;align-items:center;gap:8px;padding:6px 8px 10px 34px;font-size:12.5px;color:var(--muted)}.day-input input{width:64px;background:var(--bg);border:1px solid var(--primary);color:var(--text);border-radius:6px;padding:5px 8px;font-size:13px}.day-input input:focus{outline:none}.day-input .btn{padding:5px 12px}.tag-wrap{position:relative;display:inline-flex}.tag-btn{display:grid;place-items:center}.tag-dot{width:11px;height:11px;border-radius:99px;display:inline-block;border:1.5px solid var(--muted);box-sizing:border-box}.tag-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:6px;min-width:150px;box-shadow:0 12px 30px #00000073}.tag-opt{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;color:var(--text);padding:7px 8px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.tag-opt:hover,.tag-opt.active{background:var(--surface-2)}.tag-opt.clear{color:var(--muted);border-top:1px solid var(--border);margin-top:4px}.tag-opt.defer{border-top:1px solid var(--border);margin-top:4px;padding-top:9px}.tag-opt.defer:hover{color:var(--primary)}.tag-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tag-filter-label{font-size:12.5px;color:var(--muted);font-weight:600}.tfilter{display:inline-flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:5px 12px;border-radius:99px;font-size:12.5px;font-weight:600;cursor:pointer}.tfilter:hover{border-color:var(--primary)}.tfilter.active{background:var(--primary);border-color:var(--primary);color:#fff}.rm-no-match{color:var(--muted);font-size:13px;padding:4px 2px 10px}.shared-doc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.rt-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--surface-2)}.rt-btn{min-width:30px;height:28px;padding:0 8px;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;font-size:13px;cursor:pointer}.rt-btn:hover{border-color:var(--primary)}.rt-status{margin-left:auto;font-size:11.5px;color:var(--muted)}.rt-editor{min-height:320px;padding:16px;font-size:14px;line-height:1.6;outline:none}.rt-editor:empty:before{content:attr(data-placeholder);color:var(--muted)}.rt-editor ul,.rt-editor ol{padding-left:22px}.rt-editor a{color:var(--primary);text-decoration:underline;cursor:pointer}.rt-hint{padding:6px 14px 0;font-size:11.5px;color:var(--muted)}.mynote-preview a{color:var(--primary)}.shared-doc-meta{padding:8px 14px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.plan-view{display:flex;flex-direction:column;height:calc(100dvh - 140px);min-height:380px;overflow:hidden}.today-hero{background:linear-gradient(135deg,rgba(99,102,241,.14),var(--surface) 62%);border:1px solid rgba(99,102,241,.38);border-radius:var(--radius);padding:9px 12px;margin-bottom:10px}.today-hero.complete{background:linear-gradient(135deg,rgba(34,197,94,.14),var(--surface) 62%);border-color:#22c55e73}.today-hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.today-hero-head{display:flex;align-items:baseline;gap:7px}.today-hero-title{font-weight:800;font-size:14px;letter-spacing:-.01em}.today-date{color:var(--muted);font-weight:600;font-size:11.5px}.today-hero-progress{display:flex;align-items:baseline;gap:6px}.today-hero-pct{font-size:16px;font-weight:800;line-height:1;letter-spacing:-.02em}.today-hero-stat{font-weight:600;color:var(--muted);font-size:11px}.today-hero-bar{height:6px;margin-top:7px}.today-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}.chip{display:inline-flex;align-items:center;gap:5px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:700;color:var(--text)}.chip .chip-sub{color:var(--muted);font-weight:600}.chip .chip-strong{font-weight:800}.chip.warn{color:#fca5a5;border-color:#ef444480;background:#ef44441a}.chip.good{color:#86efac;border-color:#22c55e80;background:#22c55e1a}.chip.later-chip{font-family:inherit;cursor:pointer}.chip.later-chip:hover{border-color:var(--primary);color:var(--primary)}.chip.later-chip.active{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--surface-2))}.chip-btn{border:none;background:transparent;padding:0 0 0 1px;font-size:11px;line-height:1;opacity:.5}.chip-btn.on{opacity:1}.chip.start-chip{color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.04em;margin-left:auto;padding:1px 8px}.chip.start-chip input{font:inherit;text-transform:none;letter-spacing:normal;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:1px 4px;width:46px;text-align:center;font-weight:800;font-size:11px}.chip.start-chip input::-webkit-outer-spin-button,.chip.start-chip input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.chip.start-chip input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.velocity-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.velo-stats{display:flex;flex-wrap:wrap;gap:14px 22px}.velo-stat{min-width:60px}.velo-stat.wide{margin-left:auto;text-align:right}.velo-num{font-size:18px;font-weight:800}.velo-lbl{font-size:11px;color:var(--muted);font-weight:600}.velo-spark{display:flex;align-items:flex-end;gap:2px;height:40px;margin-top:12px}.velo-bar-wrap{flex:1;display:flex;align-items:flex-end;justify-content:center}.velo-bar{width:100%;max-width:8px;background:var(--primary);border-radius:2px 2px 0 0;opacity:.85}.revisit-view{max-width:760px;margin:0 auto}.revisit-h2{font-size:18px;margin:0 0 4px}.revisit-intro{font-size:12.5px;color:var(--muted);margin:0 0 14px;line-height:1.5}.revisit-section-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:16px 0 8px}.revisit-section-title .count{display:inline-block;margin-left:6px;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:0 7px}.revisit-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:9px;margin-bottom:7px;background:var(--surface)}.revisit-row.due{border-color:#ef4444}.revisit-text{flex:1;min-width:0}.revisit-title-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.revisit-tag-lbl{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.revisit-sub{font-size:11.5px;color:var(--muted);margin-top:2px}.revisit-row.due .revisit-sub{color:#ef4444;font-weight:700}.revisit-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn.sm{font-size:11px;padding:3px 9px}.revisit-empty{background:var(--surface);border:1px dashed var(--border);border-radius:9px;padding:16px;font-size:12.5px;color:var(--muted);line-height:1.5}.revisit-empty.small{text-align:center;padding:11px}.daily-quote{margin-top:8px;padding-top:7px;border-top:1px solid var(--border);font-style:italic;color:var(--muted);font-size:11px}.quote-by{font-style:normal;opacity:.8}.day-scroll::-webkit-scrollbar{height:10px}.day-scroll::-webkit-scrollbar-track{background:var(--surface-2);border-radius:99px}.day-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.day-scroll::-webkit-scrollbar-thumb:hover{background:var(--muted)}.day-scroll{scrollbar-color:var(--border) var(--surface-2);scrollbar-width:thin}.day-tracks::-webkit-scrollbar{width:8px}.day-tracks::-webkit-scrollbar-track{background:transparent}.day-tracks::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.day-tracks{scrollbar-color:var(--border) transparent;scrollbar-width:thin}.sd-fact{display:flex;flex-direction:column;gap:4px;background:color-mix(in srgb,var(--sd, #0ea5e9) 10%,var(--surface));border:1px solid color-mix(in srgb,#0ea5e9 35%,var(--border));border-radius:var(--radius);padding:12px 16px;margin-bottom:20px}.sd-fact-tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#38bdf8}.sd-fact-text{font-size:13.5px}.plan-mode-toggle{display:inline-flex;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:3px;margin-bottom:16px}.seg{background:none;border:none;color:var(--muted);padding:7px 18px;border-radius:8px;font-weight:700;font-size:13px}.seg:hover{color:var(--text)}.seg.active{background:var(--primary);color:#fff}.rm-track{margin-bottom:30px}.rm-track-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;width:100%;background:none;border:none;color:var(--text);padding:4px 0;cursor:pointer}.rm-track-head:hover .rm-track-title{color:var(--primary)}.rm-track-title{margin:0;font-size:18px}.rm-track-prog{margin-left:auto;font-size:13px;font-weight:700;color:var(--muted)}.rm-track-bar{margin-bottom:12px}.rm-topic{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px}.rm-topic-head{border-radius:var(--radius) var(--radius) 0 0}.rm-topic-head{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--text);padding:13px 16px;font-size:15px;font-weight:700}.rm-topic-head:hover{background:var(--surface-2)}.rm-topic-head .track-dot{background:var(--track)}.rm-topic-name{flex:1;text-align:left}.rm-topic-count{color:var(--muted);font-weight:600;font-size:13px}.rm-topic-body{padding:6px 16px 14px}.rm-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rm-col-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:8px 0 2px}.rm-block{margin-top:12px}.rm-block:first-child{margin-top:0}.rm-block-head{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--text);margin-bottom:6px;display:flex;align-items:center;gap:10px}.rm-problems{border-top:1px dashed var(--border);padding-top:10px}.rm-problems-head{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--text);margin-bottom:4px;display:flex;align-items:center;gap:10px}.lock-note{font-weight:600;text-transform:none;letter-spacing:0;color:#fb923c;font-size:12px}.rm-problems.locked .rm-problems-list{opacity:.5;filter:grayscale(.4);pointer-events:none}@media (max-width: 640px){.rm-cols{grid-template-columns:1fr}}.plan-toolbar{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap;margin-bottom:14px}.plan-progress{flex:1;min-width:240px}.plan-progress-label{margin-bottom:6px;font-size:13px;color:var(--muted)}.plan-controls{display:flex;gap:14px}.ctrl{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.ctrl select,.ctrl input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:7px 10px;border-radius:8px;font-size:13px}.track-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:12px}.ts-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.ts-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ts-label{font-weight:700}.ts-hours{margin-left:auto;font-weight:800}.ts-sub{font-size:12px;color:var(--muted);margin-top:6px}.ts-split{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;font-size:12px;font-weight:600;color:var(--text)}.calendar-hint{margin-bottom:14px}.track-legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:14px;font-size:12.5px;color:var(--muted)}.legend-item{display:flex;align-items:center;gap:6px}.legend-hint{margin-left:auto;font-style:italic}.day-scroll{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;padding-bottom:16px;scroll-snap-type:x proximity;flex:1;min-height:0;align-items:stretch}.day-card{flex:0 0 calc((100% - 28px) / 3);max-width:calc((100% - 28px) / 3);min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;scroll-snap-align:start;display:flex;flex-direction:column;max-height:100%}.day-tracks{overflow-y:auto;flex:1;margin:0 -4px;padding:0 4px}.day-card.today{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.day-card.drop-over{border-color:var(--easy);background:color-mix(in srgb,var(--easy) 8%,var(--surface))}.day-card.later{border-style:dashed;background:var(--surface-2)}.day-card.later .day-title{color:var(--muted)}.day-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.day-title{font-weight:800}.today-pill{background:var(--primary);color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:99px;margin-left:6px}.day-meta{font-size:11.5px;color:var(--muted)}.day-track{margin-bottom:12px}.day-track-head{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--text);margin-bottom:4px;width:100%;background:none;border:none;padding:2px 0;cursor:pointer}.day-track-head:hover{color:var(--primary)}.day-track-head .chev{font-size:10px}.day-track-head .track-dot{background:var(--track)}.track-mins{margin-left:auto;font-weight:500;color:var(--muted)}.day-subgroup{margin:4px 0 8px;padding-left:8px;border-left:2px solid var(--border)}.day-subgroup-head{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:4px 0 2px}.day-empty{color:var(--muted);font-size:12px;padding:14px 4px;text-align:center;border:1px dashed var(--border);border-radius:8px}.task-row.compact .task-main{padding:3px 2px;gap:7px}.task-row.compact .task-title-line{gap:5px;row-gap:2px}.task-row.compact .badge{font-size:10px;padding:1px 6px}.task-row.compact .lc-link{font-size:10px}.task-row.compact .mins{font-size:11px;min-width:26px}.task-row.compact .icon-btn{width:22px;height:22px;font-size:12px}.rt-link-input{display:inline-flex;align-items:center;gap:4px}.rt-link-input input{background:var(--bg);border:1px solid var(--primary);color:var(--text);border-radius:6px;padding:5px 8px;font-size:12.5px;width:200px}.rt-link-input input:focus{outline:none}.toaster{position:fixed;bottom:18px;right:18px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--hard);border-radius:8px;padding:10px 14px;font-size:13px;max-width:320px;box-shadow:0 8px 24px #0006}.toast-error{border-left-color:var(--hard)}.vs-streak{font-size:13px;font-weight:800;color:#fb923c}.vs-activity{display:flex;gap:2px;margin:10px 0 4px}.act-cell{width:7px;height:14px;border-radius:2px;background:var(--surface-2);flex:1}.act-cell.lvl-1{background:#1e3a5f}.act-cell.lvl-2{background:#2563eb88}.act-cell.lvl-3{background:#3b82f6}.act-cell.lvl-4{background:#60a5fa}.vs-feed{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-top:16px}.vs-feed-title{margin:0 0 10px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.vs-feed-row{font-size:13px;padding:5px 0;border-bottom:1px solid var(--border)}.vs-feed-row:last-child{border-bottom:none}.vs-feed-who{font-weight:700}.vs-feed-what{color:var(--primary)}.vs-feed-when{color:var(--muted);float:right;font-size:12px}.vs-banner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center;font-size:16px;margin-bottom:18px}.vs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.vs-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.vs-card.me{border-color:var(--primary)}.vs-card-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.vs-rank{font-weight:800;color:var(--muted)}.vs-name{font-weight:800;font-size:17px;flex:1;display:flex;align-items:center;gap:8px}.you-tag{font-size:10px;background:var(--primary);color:#fff;padding:1px 6px;border-radius:99px}.vs-pct{font-weight:800;font-size:18px}.vs-bar{position:relative;height:18px;background:var(--surface-2);border-radius:99px;overflow:hidden}.vs-bar-fill{height:100%;border-radius:99px;transition:width .3s}.vs-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;font-weight:700}.vs-stats{display:flex;gap:20px;margin:14px 0}.vs-stats .num{font-size:22px;font-weight:800;display:block}.vs-stats .lbl{font-size:11px;color:var(--muted);text-transform:uppercase}.vs-tracks{display:flex;flex-direction:column;gap:8px}.vs-track-row{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px}.vs-track-label{font-size:12px;color:var(--muted)}.data-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:14px}.data-section>summary{font-size:15px;font-weight:700;cursor:pointer}.data-counts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.data-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:99px;padding:4px 10px;font-size:12.5px;color:var(--muted)}.data-chip b{color:var(--text);margin-left:4px}.data-chip.clickable{cursor:pointer;color:var(--text)}.data-chip.clickable:hover{border-color:var(--primary)}.data-chip.clickable.active{background:var(--primary);border-color:var(--primary);color:#fff}.data-chip.clickable.active b{color:#fff}.topic-detail{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 16px;margin-bottom:12px}.topic-detail-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:8px}.topic-detail-name{font-weight:800}.topic-detail-courses{font-size:12.5px;color:var(--muted)}.topic-q-list{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}.topic-q-list li{display:flex;align-items:center;gap:8px}.data-raw{margin-top:8px}.data-raw>summary{cursor:pointer;color:var(--primary);font-size:13px;font-weight:600;padding:4px 0}.json-block{background:#0b0d13;border:1px solid var(--border);border-radius:8px;padding:12px;overflow-x:auto;font-size:12px;line-height:1.5;max-height:420px;overflow-y:auto}.pool-intro{color:var(--muted);max-width:720px}.pool-add{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:18px;display:flex;flex-direction:column;gap:10px}.pool-add-row{display:flex;gap:10px;flex-wrap:wrap}.pool-add input,.pool-add select{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:9px 11px;border-radius:8px;font-size:13px;font-family:inherit}.pool-add input.grow,.pool-add-row>input:first-child{flex:1;min-width:220px}.pool-add input:focus,.pool-add select:focus{outline:none;border-color:var(--primary)}.pool-list{display:flex;flex-direction:column;gap:8px}.pool-item{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 14px}.pool-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.pool-item.is-done .pool-item-title a,.pool-item.is-done .pool-item-title{text-decoration:line-through;color:var(--muted)}.pool-item-main{flex:1;min-width:0}.pool-item-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:600}.pool-item-meta{font-size:12px;color:var(--muted);margin-top:3px}.solver{display:inline-block;background:var(--surface-2);border-radius:99px;padding:0 7px;margin-left:4px;font-weight:700;color:var(--text)}.badge-cat{color:#38bdf8;border-color:#38bdf855}.pool-add select{min-width:120px}.mynotes-list{display:flex;flex-direction:column;gap:8px}.mynote{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.mynote-head{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--text);padding:11px 14px;cursor:pointer;text-align:left}.mynote-head:hover{background:var(--surface-2)}.mynote-titles{flex:1;display:flex;flex-direction:column;min-width:0}.mynote-title{font-weight:700}.mynote-sub{font-size:12px;color:var(--muted)}.mynote-link{font-size:12px}.mynote-preview{padding:0 14px 12px 36px;color:var(--muted);font-size:13px;white-space:pre-wrap}.notes-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.notes-head .plan-mode-toggle{margin-bottom:0}.pnotes-controls{display:flex;align-items:center;gap:8px}.pnote-select{max-width:220px;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 10px;font-size:13px;cursor:pointer}.pnote-select:disabled{color:var(--muted);cursor:default}.pnotes-new{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap}.pnotes-new:hover{filter:brightness(1.08)}.pnotes-main{min-width:0}.pnote-title-input{width:100%;background:var(--surface);border:none;border-bottom:1px solid var(--border);color:var(--text);padding:12px 16px;font-size:16px;font-weight:700;outline:none}.pnote-title-input::placeholder{color:var(--muted)}.pnote-delete{background:none;border:none;color:#ef4444;font-size:12px;cursor:pointer;padding:0}.pnote-delete:hover{text-decoration:underline}.pnote-confirm{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:var(--text)}.pnote-cancel{background:none;border:none;color:var(--muted);font-size:12px;cursor:pointer;padding:0}.pnote-cancel:hover{text-decoration:underline}.shared-add{display:flex;gap:10px;margin-bottom:16px;align-items:flex-start}.shared-add textarea{flex:1;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px;font-family:inherit;font-size:13px;resize:vertical}.shared-add textarea:focus{outline:none;border-color:var(--primary)}.shared-list{display:flex;flex-direction:column;gap:8px}.shared-note{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.shared-note.mine{border-color:var(--primary)}.shared-note-body{white-space:pre-wrap;font-size:13.5px}.shared-note-meta{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:12px;color:var(--muted)}.shared-author{font-weight:700;color:var(--text)}.dev-panel h2{margin:0 0 6px}.dev-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin:14px 0}.dev-card h3{margin:0 0 8px;font-size:15px}.dev-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0}.dev-actions select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:8px}.dev-msg{font-weight:600}.log-list{display:flex;flex-direction:column;gap:6px}.log-row{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 14px}.log-icon{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--surface-2)}.log-done{color:var(--easy)}.log-reschedule{color:var(--sd, #0ea5e9)}.log-tag{color:#a855f7}.log-note{color:var(--primary)}.log-main{flex:1;min-width:0}.log-title{font-weight:600}.log-desc,.log-when{font-size:12px;color:var(--muted)}.log-row .btn{padding:5px 14px}.dashboard .section-title{margin:18px 0 9px}.hero-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;display:flex;align-items:center;gap:16px}.hero-pct{font-size:34px;font-weight:800;line-height:1}.hero-sub{color:var(--muted);font-size:13px;flex:1}.hero-card .bar{flex:2;min-width:120px}.track-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.track-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px}.track-card-head{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:8px}.track-card-pct{margin-left:auto}.track-card-sub{font-size:12px;color:var(--muted);margin-top:6px}.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.topic-chip{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px}.topic-chip-head{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:8px}.course-group{margin-bottom:26px}.course-group-head{display:flex;align-items:baseline;gap:12px;margin:6px 0 12px;border-bottom:1px solid var(--border);padding-bottom:8px}.course-group-title{margin:0;font-size:17px}.course-group-hint{font-size:12px;color:var(--muted)}.group-progress{margin-left:auto;font-size:13px;font-weight:700;color:var(--muted)}.topic-section,.course-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;overflow:hidden}.topic-header,.course-header{width:100%;display:flex;align-items:center;gap:12px;background:none;border:none;color:var(--text);padding:14px 16px;font-size:15px;font-weight:700}.topic-header:hover,.course-header:hover{background:var(--surface-2)}.chev{color:var(--muted);width:14px}.topic-name,.course-name{flex:0 0 auto}.course-title-wrap{display:flex;flex-direction:column;align-items:flex-start;flex:1}.course-track{font-size:11px;font-weight:600;color:var(--muted)}.topic-count,.course-count{margin-left:auto;color:var(--muted);font-weight:600;font-size:13px}.course-bar{flex:0 0 120px;margin-left:12px}.topic-name{flex:1}.topic-body,.course-body{padding:4px 16px 12px}.course-section-name{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:12px 0 4px}.cheatsheets-view{display:grid;grid-template-columns:200px 1fr;gap:18px}.cheat-nav{display:flex;flex-direction:column;gap:4px}.cheat-tab{text-align:left;background:none;border:none;color:var(--muted);padding:9px 12px;border-radius:8px;font-weight:600;font-size:13px}.cheat-tab:hover{background:var(--surface-2);color:var(--text)}.cheat-tab.active{background:var(--primary);color:#fff}.cheat-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 22px}.pattern-tagline{margin-top:14px;color:var(--muted);font-style:italic;font-size:13px}.pattern-reveal{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.pattern-chip{font:inherit;font-size:10.5px;font-weight:700;border-radius:999px;padding:1px 8px;cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--muted)}.pattern-chip.locked:hover{color:var(--text);border-color:var(--muted)}.pattern-chip.revealed{color:#a5b4fc;border-color:#6366f180;background:#6366f11f}.pattern-why{font-size:11.5px;color:var(--muted)}.markdown h2{margin-top:8px}.markdown code{font-size:13px}.markdown ul{padding-left:20px}@media (max-width: 720px){.cheatsheets-view{grid-template-columns:1fr}.cheat-nav{flex-direction:row;flex-wrap:wrap}.nav{gap:10px}}.rm-view-toggle{margin-bottom:18px}.journey{position:relative}.journey-banner{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:4px 14px;align-items:center;background:linear-gradient(135deg,#1b1f2b,#181b24);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;margin-bottom:14px}.jb-pct{grid-row:1 / span 2;font-size:30px;font-weight:800;color:#fbbf24}.jb-text{display:flex;flex-direction:column}.jb-text strong{font-size:14px}.jb-text span{font-size:12px;color:var(--muted)}.jb-bar{grid-column:2;height:8px;background:var(--surface-2);border-radius:99px;overflow:hidden}.jb-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#f59e0b,#fbbf24);transition:width .4s}.journey-scroll{overflow:visible}.journey-board{position:relative;margin:0 auto}@media (max-width: 900px){.journey-scroll{overflow-x:auto}}.journey-svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.road-seg{stroke:#2c3142;stroke-width:10;stroke-linecap:round;stroke-dasharray:2 16}.road-seg.paved{stroke:#fbbf24;stroke-width:11;stroke-dasharray:none;filter:drop-shadow(0 0 5px rgba(251,191,36,.45))}.lm{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:120px}.lm-ring{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;transition:transform .15s}.lm:hover .lm-ring{transform:scale(1.08)}.lm-face{width:50px;height:50px;border-radius:50%;background:var(--surface);display:grid;place-items:center;border:2px solid var(--border)}.lm-icon{font-size:18px;font-weight:800}.lm-behind .lm-face{border-color:var(--hard)}.lm-behind .lm-icon{color:var(--text)}.lm-done .lm-face{border-color:var(--c);color:var(--c)}.lm-done .lm-icon{color:#22c55e;font-weight:800}.lm-ahead{opacity:.55}.lm-ahead .lm-icon{font-size:17px;filter:grayscale(.4)}.lm-here .lm-ring{animation:lm-pulse 1.6s ease-in-out infinite}.lm-here .lm-face{border-color:#fbbf24}.lm-label{margin-top:7px;text-align:center;text-shadow:0 0 5px var(--bg),0 0 5px var(--bg),0 1px 3px var(--bg)}.lm-name{display:block;font-size:12px;font-weight:700;line-height:1.2}.lm-meta{display:block;font-size:11px;color:var(--muted)}.lm-ahead .lm-name{color:var(--muted)}.lm-track-tag{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#0b0d12;padding:2px 9px;border-radius:99px;white-space:nowrap}.lm-avatar{position:absolute;top:-32px;left:50%;margin-left:-14px;font-size:26px;animation:lm-bounce 1.1s ease-in-out infinite}.lm-here-tag{position:absolute;bottom:-20px;font-size:10px;font-weight:800;color:#fbbf24;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.lm-tip{position:absolute;left:50%;transform:translate(-50%);width:230px;z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 30px #00000080;padding:9px 11px;opacity:0;visibility:hidden;transition:opacity .12s;pointer-events:none}.lm:hover .lm-tip{opacity:1;visibility:visible}.lm.tip-above .lm-tip{bottom:calc(100% + 10px)}.lm.tip-below .lm-tip{top:calc(100% + 6px)}.lm-tip-head{display:flex;align-items:center;gap:7px;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid var(--border)}.lm-tip-head strong{font-size:13px}.lm-tip-track{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#0b0d12;background:var(--c);padding:1px 7px;border-radius:99px}.lm-tip-pct{margin-left:auto;font-size:12px;font-weight:700;color:var(--c)}.lm-tip-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.lm-tip-list li{display:flex;gap:7px;font-size:12px;align-items:baseline}.lm-tip-mark{color:var(--muted);flex:0 0 auto}.lm-tip-list li.done .lm-tip-mark{color:#22c55e}.lm-tip-list li.done .lm-tip-text{color:var(--muted);text-decoration:line-through}.lm-tip-text{line-height:1.3}.lm-tip-more{margin-top:5px;font-size:11px;color:var(--muted)}.lm-flag.start{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;font-size:13px;color:var(--muted)}.lm-flag.start span{font-size:11px}.lm-finish{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;opacity:.6}.lm-finish-icon{font-size:44px;filter:grayscale(.6)}.lm-finish.reached{opacity:1}.lm-finish.reached .lm-finish-icon{filter:none;animation:lm-bounce 1.1s ease-in-out infinite}.lm-finish-text{font-size:12px;font-weight:800;color:#fbbf24}@keyframes lm-pulse{0%,to{box-shadow:0 0 #fbbf2473}50%{box-shadow:0 0 0 10px #fbbf2400}}@keyframes lm-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}