:root{--sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--bg: oklch(16% .018 265);--bg-deep: oklch(13% .02 265);--surface: oklch(22% .022 265);--surface-2: oklch(26% .024 265);--border: oklch(32% .028 265);--border-soft: oklch(28% .022 265);--text: oklch(96% .008 260);--text-soft: oklch(78% .012 260);--text-mute: oklch(58% .018 265);--text-faint: oklch(45% .02 265);--accent: oklch(72% .2 30);--accent-soft: oklch(72% .2 30 / .16);--accent-glow: oklch(72% .2 30 / .35);--mint: oklch(78% .14 175);--violet: oklch(75% .13 290);--gold: oklch(82% .14 90);--card-color-sand: color-mix(in oklab, oklch(78% .12 205) 30%, var(--surface));--card-color-sage: color-mix(in oklab, oklch(79% .12 150) 28%, var(--surface));--card-color-sky: color-mix(in oklab, oklch(76% .13 255) 30%, var(--surface));--card-color-lavender: color-mix(in oklab, oklch(77% .12 305) 30%, var(--surface));--card-color-rose: color-mix(in oklab, oklch(75% .14 350) 30%, var(--surface));--r-again: oklch(72% .18 25);--r-hard: oklch(78% .16 70);--r-good: oklch(78% .14 165);--r-easy: oklch(75% .14 230);--d-step: 1;--radius: 14px;--radius-sm: 8px;--radius-lg: 22px;--shadow-card: 0 1px 0 rgba(255,255,255,.05) inset, 0 0 0 1px rgba(255,255,255,.04), 0 12px 40px -12px rgba(0,0,0,.5), 0 30px 60px -30px rgba(0,0,0,.45);--shadow-glow: 0 0 0 1px var(--accent-glow), 0 0 60px -10px var(--accent-glow)}[data-theme=light]{--bg: oklch(98% .005 260);--bg-deep: oklch(95% .006 260);--surface: oklch(100% 0 0);--surface-2: oklch(97% .005 260);--border: oklch(88% .008 260);--border-soft: oklch(92% .006 260);--text: oklch(20% .015 265);--text-soft: oklch(35% .012 265);--text-mute: oklch(55% .012 265);--text-faint: oklch(70% .012 265);--accent: oklch(58% .2 28);--accent-soft: oklch(58% .2 28 / .1);--accent-glow: oklch(58% .2 28 / .2);--shadow-card: 0 1px 2px rgba(20, 20, 30, .04), 0 8px 30px -10px rgba(20, 20, 30, .1), 0 24px 60px -30px rgba(20, 20, 30, .1)}[data-theme=cream]{--bg: oklch(96% .018 80);--bg-deep: oklch(93% .022 78);--surface: oklch(98.5% .012 82);--surface-2: oklch(95% .018 80);--border: oklch(85% .022 75);--border-soft: oklch(90% .015 78);--text: oklch(22% .02 55);--text-soft: oklch(38% .018 55);--text-mute: oklch(55% .015 60);--text-faint: oklch(70% .012 65);--accent: oklch(48% .16 28);--accent-soft: oklch(48% .16 28 / .1);--accent-glow: oklch(48% .16 28 / .2);--shadow-card: 0 1px 2px rgba(80, 50, 20, .05), 0 8px 30px -10px rgba(80, 50, 20, .1)}[data-density=compact]{--d-step: .86}[data-density=comfortable]{--d-step: 1}[data-density=spacious]{--d-step: 1.2}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";font-variant-numeric:tabular-nums;overflow:hidden}button{font-family:inherit;color:inherit;cursor:pointer}input,textarea,select{font-family:inherit;color:inherit}kbd{font-family:var(--mono);font-size:.72em;background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:1px 5px;color:var(--text-soft)}::selection{background:var(--accent-soft);color:var(--accent)}.app{display:grid;grid-template-columns:220px minmax(0,1fr);height:100vh;width:100vw}@media (max-width: 800px){.app{grid-template-columns:64px minmax(0,1fr)}}.sidebar{background:var(--bg-deep);border-right:1px solid var(--border-soft);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}.brand{display:flex;align-items:center;gap:.55rem;padding:.25rem .4rem}.brand-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--accent) 0%,oklch(60% .2 350) 100%);display:grid;place-items:center;font-weight:700;font-size:.85rem;color:#fff;letter-spacing:-.02em;flex:none;box-shadow:0 0 24px -4px var(--accent-glow)}.brand-name{font-size:.95rem;font-weight:600;letter-spacing:-.015em;color:var(--text)}@media (max-width: 800px){.brand-name{display:none}}.nav{display:flex;flex-direction:column;gap:.15rem}.nav-item{display:flex;align-items:center;gap:.65rem;padding:.5rem .65rem;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-mute);background:transparent;border:0;text-align:left;width:100%;letter-spacing:-.005em;transition:background .12s,color .12s}.nav-item:hover{background:var(--surface);color:var(--text-soft)}.nav-item[aria-current=true]{background:var(--surface);color:var(--text)}.nav-item[aria-current=true] .nav-icon{color:var(--accent)}.nav-icon{width:16px;height:16px;color:currentColor;flex:none}.nav-icon svg{width:100%;height:100%}.nav-count{margin-left:auto;font-family:var(--mono);font-size:.72rem;color:var(--text-faint);background:var(--surface-2);padding:1px 7px;border-radius:999px}.nav-item[aria-current=true] .nav-count{background:var(--accent-soft);color:var(--accent)}@media (max-width: 800px){.nav-item{justify-content:center;padding:.55rem 0}.nav-label,.nav-count{display:none}}.sidebar-foot{margin-top:auto;border-top:1px solid var(--border-soft);padding-top:.85rem;display:flex;flex-direction:column;gap:.4rem}.url-field{display:flex;flex-direction:column;gap:.2rem;padding:.3rem .4rem}.url-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.url-input{background:transparent;border:0;border-bottom:1px solid var(--border-soft);border-radius:0;padding:.15rem 0;font-size:.78rem;color:var(--text-soft);outline:none;width:100%}.url-input:focus{border-color:var(--accent);color:var(--text)}@media (max-width: 800px){.sidebar-foot{display:none}}.main{overflow-y:auto;position:relative;background:radial-gradient(ellipse 1200px 600px at 70% -10%,color-mix(in oklab,var(--accent) 7%,transparent) 0%,transparent 60%),var(--bg)}[data-theme=light] .main,[data-theme=cream] .main{background:radial-gradient(ellipse 1000px 500px at 70% -10%,color-mix(in oklab,var(--accent) 5%,transparent) 0%,transparent 70%),var(--bg)}.page{max-width:1100px;margin:0 auto;padding:2rem clamp(1rem,4vw,3rem) 4rem}.page-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-greet{display:flex;flex-direction:column;gap:.15rem}.page-greet h1{font-size:clamp(1.4rem,2.4vw,1.8rem);font-weight:600;letter-spacing:-.02em;margin:0;color:var(--text)}.page-greet .sub{font-size:.9rem;color:var(--text-mute)}.day-progress{background:var(--surface);border:1px solid var(--border-soft);border-radius:999px;height:8px;position:relative;overflow:hidden;margin-bottom:1.5rem}.day-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--p, 0%);background:linear-gradient(90deg,var(--accent),oklch(75% .18 50));border-radius:999px;box-shadow:0 0 12px -2px var(--accent-glow);transition:width .32s cubic-bezier(.2,.8,.3,1)}.day-progress-meta{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.72rem;color:var(--text-mute);margin-bottom:.35rem}.day-progress-meta strong{color:var(--text);font-weight:500}.btn{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:.5rem .85rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;letter-spacing:-.005em;display:inline-flex;align-items:center;gap:.4rem;transition:background .12s,border-color .12s,transform .1s}.btn:hover{background:var(--surface-2);border-color:var(--text-faint)}.btn:active{transform:translateY(1px)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-mute)}.btn--ghost:hover{background:var(--surface);color:var(--text);border-color:transparent}.btn--accent{background:var(--accent);color:var(--bg-deep);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 6px 20px -8px var(--accent-glow)}.btn--accent:hover{filter:brightness(1.05)}.btn--danger{color:var(--r-again);border-color:color-mix(in oklab,var(--r-again) 30%,var(--border))}.btn--icon{width:30px;height:30px;padding:0;display:grid;place-items:center}.btn--sm{padding:.25rem .65rem;font-size:.8125rem}.btn[disabled]{opacity:.4;cursor:not-allowed}.btn svg{width:14px;height:14px}.main[data-tab=study]{overflow-y:hidden}.page.study-page{height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding-bottom:1.5rem}.study-page .study-stage-v2{flex:1;min-height:0}.study-page .study-col{display:flex;flex-direction:column;height:100%}.study-page .flip-stage{flex:1;aspect-ratio:unset;min-height:180px}.study-page .reveal-row,.study-page .rate-grid{flex-shrink:0}.study-stage-v2{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:start}.flip-stage{perspective:1800px;width:100%;max-width:600px;margin:1rem auto 0;aspect-ratio:5 / 3.4;position:relative}.flip-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.85,.25,1)}.flip-card.flipped{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;padding:1.75rem 2rem;overflow:hidden}.flip-face:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(circle at 30% -10%,color-mix(in oklab,var(--accent) 10%,transparent),transparent 55%);pointer-events:none}.flip-face.back{transform:rotateY(180deg)}.face-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.72rem;color:var(--text-mute);margin-bottom:.5rem}.face-top .pos{display:inline-flex;align-items:center;gap:.4rem}.face-center{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.face-word{font-size:clamp(1.5rem,4vw,2.6rem);font-weight:600;letter-spacing:-.035em;line-height:1.15;margin:0 0 .6rem;color:var(--text);white-space:pre-line;word-break:break-word}.face-word .accent{color:var(--accent)}.face-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-soft);font-size:.78rem;color:var(--text-mute)}.face-meta-row{align-items:center;flex-shrink:0}.face-meta-left{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;min-width:0}.face-color-dot{width:.6rem;height:.6rem;border-radius:50%;flex-shrink:0}.face-color-dot[data-card-color=sand]{background:#3bcddc}.face-color-dot[data-card-color=sage]{background:#7fd091}.face-color-dot[data-card-color=sky]{background:#79b4ff;background:oklch(76% .13 255)}.face-color-dot[data-card-color=lavender]{background:#c6a0f2}.face-color-dot[data-card-color=rose]{background:#ef87ba}.tags-chip--sm{font-size:.72em;min-width:0;min-height:1.3rem;padding:0 .3rem}.face-hint kbd{margin:0 2px}.face-hint--touch{display:none}@media (hover: none) and (pointer: coarse){.face-hint--touch{display:inline}.face-hint:not(.face-hint--touch){display:none}}.swipe-hint{display:none;text-align:center;font-size:.78rem;color:var(--text-mute);margin:.75rem 0 0;-webkit-user-select:none;user-select:none}@media (hover: none) and (pointer: coarse){.swipe-hint{display:block}}.back-list{margin-top:.85rem;display:flex;flex-direction:column;gap:.55rem;flex:1;overflow:auto}.back-row{display:grid;grid-template-columns:80px 1fr;gap:.7rem;font-size:.88rem;line-height:1.45}.back-row .lbl{font-family:var(--mono);font-size:.7rem;color:var(--text-mute);text-transform:lowercase;padding-top:.1rem}.back-row .body{color:var(--text-soft)}@media (max-width: 600px){.back-row{grid-template-columns:1fr;gap:.1rem}}.reveal-row{margin:1.25rem auto 0;max-width:600px;display:flex;justify-content:center}.reveal-btn{background:var(--accent);color:var(--bg-deep);border:0;padding:.85rem 2.5rem;border-radius:999px;font-weight:600;font-size:.95rem;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:.6rem;box-shadow:0 0 0 1px var(--accent),0 8px 30px -8px var(--accent-glow);transition:transform .12s,filter .12s}.reveal-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.reveal-btn:active{transform:translateY(0)}.reveal-btn kbd{background:#0000002e;border:0;color:inherit;font-weight:500}.rate-grid{margin:1rem auto 0;max-width:600px;display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}@media (max-width: 540px){.rate-grid{grid-template-columns:repeat(2,1fr)}}.rate-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem .9rem .75rem;display:flex;flex-direction:column;gap:.2rem;align-items:flex-start;text-align:left;transition:transform .1s,border-color .12s,background .12s,box-shadow .2s;position:relative;overflow:hidden}.rate-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 100%,var(--col-glow),transparent 60%);opacity:0;transition:opacity .2s;pointer-events:none}.rate-btn:hover{transform:translateY(-2px);border-color:var(--col);box-shadow:0 6px 24px -10px var(--col-glow)}.rate-btn:hover:after{opacity:.5}.rate-btn:active{transform:translateY(0)}.rate-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.rate-btn .row1{width:100%;display:flex;justify-content:space-between;align-items:baseline}.rate-btn .verb{font-weight:600;font-size:1rem;letter-spacing:-.01em;color:var(--col)}.rate-btn .key{font-family:var(--mono);font-size:.7rem;color:var(--text-faint);border:1px solid var(--border);border-radius:4px;padding:0 5px;background:var(--bg-deep)}.rate-btn.again{--col: var(--r-again);--col-glow: oklch(72% .18 25 / .25)}.rate-btn.hard{--col: var(--r-hard);--col-glow: oklch(78% .16 70 / .22)}.rate-btn.good{--col: var(--r-good);--col-glow: oklch(78% .14 165 / .22)}.rate-btn.easy{--col: var(--r-easy);--col-glow: oklch(75% .14 230 / .22)}.rate-btn .rate-schedule{font-size:.72rem;color:var(--text-faint);letter-spacing:.01em}.review-flag-panel{max-width:600px;margin:.8rem auto 0;padding:.7rem;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface)}.review-flag-panel--secondary{margin-top:.6rem}.review-flag-head{font-size:.8rem;color:var(--text-mute);margin-bottom:.45rem}.review-flag-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.review-flag-tag{border-color:var(--border-soft)}.review-flag-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.45rem}.review-flag-select,.review-flag-note{border:1px solid var(--border-soft);border-radius:8px;background:var(--bg-deep);color:var(--text);padding:.45rem .55rem;font-size:.85rem}.study-actions{max-width:600px;margin:.55rem auto 0;border:0;padding:0}.editor-progress-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.45rem}.editor-meta-toggle{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface);padding:.15rem .6rem;font-size:.72rem;line-height:1.2;letter-spacing:.01em;color:var(--text-faint);cursor:pointer;transition:color .12s,background .12s,border-color .12s;margin-top:.18rem;white-space:nowrap}.editor-meta-toggle:hover{color:var(--text-mute)}.editor-meta-toggle.active{background:var(--accent);border-color:var(--accent);color:#fff}.editor-tags-preview{display:flex;flex-wrap:wrap;gap:.35rem;padding:.5rem 0 .1rem}.editor-meta-panel{padding:.65rem 0 .3rem;border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:.4rem}.study-meta-panel{display:flex;flex-direction:column;gap:.4rem;padding-top:.75rem;margin-top:.25rem;border-top:1px solid var(--border-soft)}.study-page .flip-face.back{overflow-y:auto}.study-page .back-list{flex:0 0 auto}.study-actions--inline{margin:0;max-width:none}.study-actions--inline .study-actions-summary{justify-content:flex-end;padding-top:.42rem}.study-actions--inline .study-actions-body{width:min(32rem,calc(100vw - 4rem))}.study-actions--editor{margin:0;max-width:none}.study-actions--editor .study-actions-summary{padding-left:0;padding-right:0}.study-actions-summary{list-style:none;display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .2rem;color:var(--text-faint);font-size:.72rem;cursor:pointer;-webkit-user-select:none;user-select:none}.study-actions-summary::-webkit-details-marker{display:none}.study-actions-summary:hover{color:var(--text-mute)}.study-actions-chip{display:inline-flex;align-items:center;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface);padding:.1rem .45rem;line-height:1.2;letter-spacing:.01em}.study-actions-chip--color{gap:.3rem}.study-actions-chip--color:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor;opacity:.75}.study-actions-hint{font-family:var(--mono);font-size:.65rem;color:var(--text-faint);margin-left:.1rem}.study-actions[open] .study-actions-summary{margin-bottom:.35rem}.study-actions-body{display:flex;flex-direction:column;gap:.45rem;padding:.55rem .65rem .65rem;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:color-mix(in oklab,var(--surface) 92%,var(--bg-deep))}.study-actions-body .review-flag-row{gap:.35rem}.study-actions-body .review-flag-select,.study-actions-body .review-flag-note{padding-top:.32rem;padding-bottom:.32rem;font-size:.8rem}.study-actions-body .review-flag-note::placeholder{color:var(--text-faint)}.study-color-row{display:flex;justify-content:flex-start}.study-actions-body .card-color-picker{gap:.3rem}.study-actions-body .card-color-swatch{width:1.75rem;height:1.75rem}.study-actions-body .card-color-clear{padding:.25rem .55rem;font-size:.72rem}.study-actions-body .success-text,.study-actions-body .error-box{margin:0}.review-flags-box{margin-top:.7rem;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface);padding:.6rem}.review-flags-head{font-size:.8rem;color:var(--text-mute);margin-bottom:.5rem}.review-flags-list{display:flex;flex-direction:column;gap:.4rem}.review-flags-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.review-flags-main{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.review-flag-chip{border:1px solid color-mix(in oklab,var(--accent) 32%,var(--border-soft));border-radius:999px;background:var(--accent-soft);color:var(--accent);padding:.05rem .45rem;font-size:.75rem}.review-flag-note-text{font-size:.84rem;color:var(--text-soft)}.review-flag-note-text--muted{color:var(--text-faint)}.last-toast{display:flex;justify-content:space-between;align-items:center;gap:.85rem;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:.55rem .85rem;font-size:.86rem;color:var(--text-soft);margin-bottom:1rem}.last-toast .check{width:22px;height:22px;border-radius:50%;background:color-mix(in oklab,var(--r-good) 25%,var(--surface));color:var(--r-good);display:grid;place-items:center;flex:none}.last-toast .check svg{width:12px;height:12px}.last-toast em{color:var(--text);font-style:normal;font-weight:500}.last-toast .undo{background:none;border:0;color:var(--text-mute);font-size:.82rem;padding:0;display:inline-flex;align-items:center;gap:.25rem}.last-toast .undo:hover{color:var(--accent)}.last-toast .undo svg{width:12px;height:12px}.deck-empty-v2{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:4rem 2rem;text-align:center;max-width:600px;margin:2rem auto}.deck-empty-v2 .emoji-circle{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--mint),var(--violet));margin:0 auto 1rem;display:grid;place-items:center;font-size:1.8rem;font-weight:700;color:var(--bg-deep)}.deck-empty-v2 h3{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin:0 0 .4rem}.deck-empty-v2 p{color:var(--text-mute);margin:0 0 1.25rem}.manage-v2{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 1024px){.manage-v2{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1.5rem;align-items:start}}.main[data-tab=manage] .page{max-width:1500px}.draft-banner{grid-column:1 / -1;display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border-radius:var(--radius);background:color-mix(in oklab,oklch(78% .16 75) 10%,var(--surface));border:1px solid color-mix(in oklab,oklch(78% .16 75) 35%,var(--border));color:#f2a618}.draft-banner-text{flex:1;font-size:.875rem}.draft-banner-actions{display:flex;gap:.5rem}.draft-banner-discard{opacity:.65}.draft-banner-discard:hover{opacity:1}.list-panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.list-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.7rem .85rem;border-bottom:1px solid var(--border-soft)}.list-search{flex:1;display:flex;align-items:center;gap:.45rem;background:var(--bg-deep);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:.4rem .65rem}.list-search:focus-within{border-color:var(--accent)}.list-search svg{width:14px;height:14px;color:var(--text-mute);flex:none}.list-search input{flex:1;border:0;background:transparent;outline:none;font-size:.88rem;color:var(--text)}.list-search input::placeholder{color:var(--text-faint)}.list-tag-filters{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.list-tag-filter{border:1px solid var(--border-soft);border-radius:999px;background:var(--bg-deep);color:var(--text-mute);padding:.2rem .55rem;font-size:.74rem;cursor:pointer}.list-tag-filter:hover{color:var(--text);border-color:var(--text-faint)}.list-tag-filter.active{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 45%,var(--border-soft));background:var(--accent-soft)}.list-color-filters{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.list-color-filter{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border-soft);border-radius:999px;background:var(--bg-deep);color:var(--text-mute);padding:.2rem .4rem;font-size:.74rem;cursor:pointer;min-width:2.1rem;justify-content:center}.list-color-filter:hover{color:var(--text);border-color:var(--text-faint)}.list-color-filter.active{color:var(--text);border-color:color-mix(in oklab,var(--accent) 25%,var(--border-soft));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 12%,transparent)}.list-color-filter-dot{width:.62rem;height:.62rem;border-radius:50%;background:currentColor;opacity:.85}.list-color-filter-count{font-family:var(--mono);font-size:.68rem;line-height:1}.list-color-filter[data-card-color=sand]{background:var(--card-color-sand)}.list-color-filter[data-card-color=sage]{background:var(--card-color-sage)}.list-color-filter[data-card-color=sky]{background:var(--card-color-sky)}.list-color-filter[data-card-color=lavender]{background:var(--card-color-lavender)}.list-color-filter[data-card-color=rose]{background:var(--card-color-rose)}.card-row[data-card-color=sand]{--card-row-bg: var(--card-color-sand)}.card-row[data-card-color=sage]{--card-row-bg: var(--card-color-sage)}.card-row[data-card-color=sky]{--card-row-bg: var(--card-color-sky)}.card-row[data-card-color=lavender]{--card-row-bg: var(--card-color-lavender)}.card-row[data-card-color=rose]{--card-row-bg: var(--card-color-rose)}.card-list{display:flex;flex-direction:column;max-height:calc(100vh - 230px);overflow:auto}.card-row{display:grid;grid-template-columns:auto 1fr 1fr auto auto;align-items:center;gap:.75rem;padding:.7rem .85rem;border-bottom:1px solid var(--border-soft);font-size:.9rem;cursor:pointer;background:var(--card-row-bg, transparent);transition:background .1s}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot--new{background:var(--text-faint)}.status-dot--learning{background:var(--gold)}.status-dot--relearning{background:var(--r-again)}.status-dot--review{background:var(--mint)}.card-row:hover{background:color-mix(in oklab,var(--card-row-bg, var(--surface-2)) 78%,var(--surface-2))}.card-row.selected{background:color-mix(in oklab,var(--card-row-bg, var(--surface)) 72%,var(--accent) 8%);box-shadow:inset 3px 0 0 var(--accent)}.card-row .col-fg{font-weight:600;color:var(--text);letter-spacing:-.01em;white-space:pre-line}.card-row .col-tr{color:var(--text-soft);white-space:pre-line}.card-row-tags-inline{display:inline-flex;flex-wrap:wrap;gap:.25rem;margin-left:.4rem;vertical-align:middle}.card-row-tag{display:inline-flex;align-items:center;border-radius:999px;border:1px solid color-mix(in oklab,var(--accent) 30%,var(--border-soft));font-size:.65rem;font-weight:600;line-height:1;padding:.12rem .4rem}.card-row-tag--card{--tag-h: 210;background:oklch(72% .15 var(--tag-h) / .15);color:oklch(60% .2 var(--tag-h));border-color:oklch(65% .15 var(--tag-h) / .4)}.card-row-tag--review{border-color:color-mix(in oklab,var(--violet) 35%,var(--border-soft));background:color-mix(in oklab,var(--violet) 18%,var(--surface));color:color-mix(in oklab,var(--violet) 62%,var(--text))}.card-row .col-id{font-family:var(--mono);font-size:.7rem;color:var(--text-faint)}.pin-btn{background:none;border:none;padding:.2rem;margin:-.2rem;cursor:pointer;color:var(--text-faint);display:flex;align-items:center;border-radius:var(--radius-sm);opacity:0;transition:opacity .1s,color .1s;flex-shrink:0}.pin-btn svg{width:13px;height:13px}.card-row:hover .pin-btn{opacity:1}.pin-btn:hover{color:var(--accent)}.pin-btn--active{opacity:1;color:var(--accent)}.link-insert-btn{background:none;border:none;padding:.15rem .3rem;margin:-.15rem 0;cursor:pointer;color:var(--accent);font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);flex-shrink:0;opacity:.6;transition:opacity .1s,background .1s}.link-insert-btn:hover{opacity:1;background:color-mix(in oklab,var(--accent) 12%,transparent)}.card-row.pinned{background:color-mix(in oklab,var(--card-row-bg, var(--surface)) 78%,var(--accent) 5%)}.card-row.pinned:hover{background:color-mix(in oklab,var(--card-row-bg, var(--surface-2)) 72%,var(--accent) 9%)}.card-row.dirty .col-id:after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-left:5px;vertical-align:middle;opacity:.85}.pins-divider{height:1px;background:var(--border-soft);margin:.25rem .85rem;flex-shrink:0}.btn--clear-pins{font-size:.78rem;padding:.3rem .55rem;flex-shrink:0}.list-empty{padding:2.5rem 1rem;text-align:center;color:var(--text-mute);font-size:.9rem}.editor-panel{background:var(--editor-panel-bg, var(--surface));border:1px solid var(--border-soft);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow:auto}.editor-panel[data-card-color=sand]{--editor-panel-bg: var(--card-color-sand)}.editor-panel[data-card-color=sage]{--editor-panel-bg: var(--card-color-sage)}.editor-panel[data-card-color=sky]{--editor-panel-bg: var(--card-color-sky)}.editor-panel[data-card-color=lavender]{--editor-panel-bg: var(--card-color-lavender)}.editor-panel[data-card-color=rose]{--editor-panel-bg: var(--card-color-rose)}.editor-panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-soft);padding-bottom:.6rem;margin-bottom:.4rem}.editor-panel-head h3{font-size:1.05rem;font-weight:600;letter-spacing:-.015em;margin:0}.editor-panel-head .nm{font-family:var(--mono);font-size:.74rem;color:var(--text-mute)}.card-progress{border:1px solid var(--border-soft);border-radius:var(--radius-sm)}.card-progress-summary{display:flex;justify-content:space-between;align-items:center;padding:.45rem .65rem;font-size:.78rem;font-weight:600;color:var(--text-mute);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.card-progress-summary::-webkit-details-marker{display:none}.card-progress-summary:hover{color:var(--text-soft);background:var(--surface-2)}.card-progress-chevron{width:14px;height:14px;transition:transform .18s ease}.card-progress[open] .card-progress-chevron{transform:rotate(180deg)}.card-progress-body{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.6rem;border-top:1px solid var(--border-soft);background:var(--surface-2);border-radius:0 0 calc(var(--radius-sm) - 1px) calc(var(--radius-sm) - 1px)}.progress-dir-label{font-size:.72rem;font-weight:700;color:var(--text-mute);letter-spacing:.03em;margin-bottom:.35rem;text-transform:uppercase}.progress-unseen{font-size:.76rem;color:var(--text-faint);font-style:italic}.progress-stats{display:flex;flex-direction:column;gap:.15rem}.stat-row{display:flex;justify-content:space-between;gap:.5rem;font-size:.76rem}.stat-label{color:var(--text-faint);flex-shrink:0}.stat-value{color:var(--text-soft);text-align:right;font-family:var(--mono);font-size:.73rem}.state-tag{padding:0 .3em;border-radius:3px;font-family:inherit;font-size:.73rem}.state-tag--new{color:var(--text-faint)}.state-tag--learning{color:var(--gold)}.state-tag--relearning{color:var(--r-again)}.state-tag--review{color:var(--mint)}.overdue-val{color:var(--r-again)}.editor-pair{display:grid;grid-template-columns:1fr;gap:.7rem}.field-v2{display:flex;flex-direction:column;gap:.3rem}.field-v2-lbl{font-size:.74rem;color:var(--text-mute);font-weight:500}.card-color-picker{display:flex;flex-wrap:wrap;gap:.45rem}.card-color-swatch,.card-color-clear{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-soft);border-radius:999px;background:var(--bg-deep);color:var(--text-soft);padding:.35rem;font-size:.8rem}.card-color-swatch{width:2rem;height:2rem}.card-color-clear{padding:.35rem .65rem}.card-color-swatch:hover,.card-color-clear:hover{border-color:var(--text-faint);color:var(--text)}.card-color-swatch.active,.card-color-clear.active{border-color:color-mix(in oklab,var(--accent) 35%,var(--border-soft));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 20%,transparent)}.card-color-swatch-dot{width:.82rem;height:.82rem;border-radius:999px;background:currentColor;box-shadow:inset 0 0 0 1px #ffffff1f}.card-color-swatch[data-card-color=sand]{background:var(--card-color-sand);color:color-mix(in oklab,oklch(82% .14 205) 70%,var(--text))}.card-color-swatch[data-card-color=sage]{background:var(--card-color-sage);color:color-mix(in oklab,oklch(82% .14 150) 70%,var(--text))}.card-color-swatch[data-card-color=sky]{background:var(--card-color-sky);color:color-mix(in oklab,oklch(82% .15 255) 70%,var(--text))}.card-color-swatch[data-card-color=lavender]{background:var(--card-color-lavender);color:color-mix(in oklab,oklch(82% .15 305) 70%,var(--text))}.card-color-swatch[data-card-color=rose]{background:var(--card-color-rose);color:color-mix(in oklab,oklch(82% .15 350) 70%,var(--text))}.field-v2 input,.field-v2 textarea{background:var(--bg-deep);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:.55rem .65rem;font-size:.9rem;outline:none;transition:border-color .12s;width:100%}.field-v2 input:focus,.field-v2 textarea:focus{border-color:var(--accent)}.field-v2 textarea{resize:vertical;min-height:80px;line-height:1.45}.editor-pair .field-v2 textarea{min-height:100px}.editor-actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:.5rem;flex-wrap:wrap}.empty-editor{text-align:center;padding:3rem 1rem;color:var(--text-mute);font-size:.9rem}.stats-grid-v2{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 900px){.stats-grid-v2{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}.streak-hero{grid-column:1 / -1;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:2rem 2.25rem;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:end;gap:1rem}.streak-hero:before{content:"";position:absolute;inset:-50% -10% auto auto;width:70%;height:200%;background:radial-gradient(ellipse,var(--accent-soft) 0%,transparent 60%);pointer-events:none}.streak-hero>*{position:relative}.streak-hero .lbl{font-size:.85rem;color:var(--text-mute);margin-bottom:.4rem;font-weight:500}.streak-hero .num{font-size:clamp(4rem,9vw,6.5rem);font-weight:700;letter-spacing:-.05em;line-height:.9;color:var(--accent);display:flex;align-items:baseline;gap:.5rem;text-shadow:0 0 60px var(--accent-glow)}.streak-hero .num .unit{font-size:.28em;font-weight:500;color:var(--text)}.streak-hero .meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;text-align:right}.streak-hero .meta-grid .lbl-s{font-size:.72rem;color:var(--text-mute);font-weight:500;margin-bottom:.2rem}.streak-hero .meta-grid .val-s{font-size:1.4rem;font-weight:600;letter-spacing:-.02em;color:var(--text)}@media (max-width: 600px){.streak-hero{grid-template-columns:1fr}.streak-hero .meta-grid{text-align:left}}.panel-v2{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:1.25rem 1.4rem}.panel-v2 h3{font-size:1rem;font-weight:600;letter-spacing:-.015em;margin:0 0 .15rem}.panel-v2 .panel-sub{font-size:.78rem;color:var(--text-mute);margin:0 0 1rem}.forecast-v2{display:grid;grid-template-columns:repeat(14,1fr);gap:4px;align-items:end;height:140px;margin-top:.5rem}.forecast-v2 .bar{background:linear-gradient(to top,var(--text-faint),var(--text-mute));border-radius:3px 3px 0 0;min-height:2px;transition:filter .1s}.forecast-v2 .bar:hover{background:linear-gradient(to top,var(--accent),oklch(75% .18 50));filter:brightness(1.1)}.forecast-axis-v2{display:grid;grid-template-columns:repeat(14,1fr);gap:4px;margin-top:.4rem;text-align:center;font-family:var(--mono);font-size:.6rem;color:var(--text-faint)}.metrics-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1px;background:var(--border-soft);border:1px solid var(--border-soft);border-radius:var(--radius-sm);overflow:hidden;margin-top:.4rem}.metric-v2{background:var(--surface);padding:.85rem 1rem}.metric-v2 .lbl{font-size:.72rem;color:var(--text-mute);font-weight:500}.metric-v2 .val{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--text);margin-top:.2rem}.metric-v2 .val.accent{color:var(--accent)}.chart-title{font-size:.95rem;font-weight:600;color:var(--text-soft);margin:0 0 .5rem}.error-box{margin-top:.75rem;margin-bottom:.75rem;background:color-mix(in oklab,var(--r-again) 12%,var(--surface));color:var(--r-again);padding:.9rem;border-radius:var(--radius-sm);border:1px solid color-mix(in oklab,var(--r-again) 30%,var(--border));font-size:.85rem;white-space:pre-wrap;word-break:break-word;font-family:var(--mono)}.success-text{color:var(--r-good);font-weight:500;font-size:.85rem;margin:.4rem 0 0}@media (max-width: 540px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{flex-direction:row;align-items:center;padding:.6rem 1rem;border-right:0;border-bottom:1px solid var(--border-soft);gap:.85rem;overflow-x:auto}.sidebar .nav{flex-direction:row;gap:.25rem}.nav-item{padding:.4rem .6rem}.nav-label{display:inline}.nav-count,.sidebar-foot,.brand-name{display:none}.main{overflow-y:auto}}.rte-container{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--bg-deep);overflow:hidden}.rte-container:focus-within{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:0}.rte-toolbar{display:flex;gap:.25rem;padding:.35rem .5rem;border-bottom:1px solid var(--border-soft);background:var(--surface-2)}.rte-btn{background:transparent;color:var(--text-soft);border:1px solid transparent;border-radius:4px;padding:.2rem .5rem;font-size:.85rem;font-weight:600;cursor:pointer;line-height:1.4}.rte-btn:hover{background:var(--surface);color:var(--text)}.rte-btn--italic{font-style:italic}.rte-btn--underline{text-decoration:underline}.rte-btn--active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in oklab,var(--accent) 40%,var(--border-soft))}.rte-content .ProseMirror{padding:.75rem;min-height:4rem;outline:none;line-height:1.5;font-size:.9rem;color:var(--text)}.rte-content .ProseMirror p{margin:0 0 .4em}.rte-content .ProseMirror p:last-child{margin-bottom:0}.rte-content .ProseMirror ul,.rte-content .ProseMirror ol{padding-left:1.5rem;margin:.25em 0}span[data-card-id]{display:inline-block;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in oklab,var(--accent) 40%,var(--border-soft));border-radius:4px;padding:0 .3rem;cursor:pointer;font-size:.9em;white-space:nowrap;line-height:1.6}span[data-card-id]:hover{filter:brightness(.9)}.tags-section-wrap{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.tags-section{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface);padding:.8rem}.tags-section h3{margin:0;font-size:1rem}.tags-section-sub{margin:.3rem 0 0;color:var(--text-mute);font-size:.84rem}.tags-list{display:flex;flex-direction:column;gap:.4rem;margin-top:1rem;max-width:480px}.tags-row{display:flex;align-items:center;gap:.75rem}.tags-chip{--tag-h: 210;display:inline-flex;align-items:center;background:oklch(72% .15 var(--tag-h) / .15);color:oklch(60% .2 var(--tag-h));border:1px solid oklch(65% .15 var(--tag-h) / .4);border-radius:4px;padding:0 .4rem;font-size:.9em;min-width:4rem;min-height:1.6rem}.tags-chip--review{--tag-h: 260;background:color-mix(in oklab,var(--violet) 18%,var(--surface));color:color-mix(in oklab,var(--violet) 62%,var(--text));border-color:color-mix(in oklab,var(--violet) 38%,var(--border-soft))}.tags-rename-input{background:transparent;border:none;outline:none;color:inherit;font:inherit;width:7rem}.tags-row-actions{display:flex;gap:.35rem;margin-left:auto}.btn--sm{font-size:.78rem;padding:.15rem .5rem}.review-tag-create-row{margin-top:.75rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem}.review-tag-create-input{border:1px solid var(--border-soft);border-radius:8px;background:var(--bg-deep);color:var(--text);padding:.4rem .55rem;font-size:.86rem}span[data-word-tag]{--tag-h: 210;display:inline-block;background:oklch(72% .15 var(--tag-h) / .15);color:oklch(60% .2 var(--tag-h));border:1px solid oklch(65% .15 var(--tag-h) / .4);border-radius:4px;padding:0 .3rem;font-size:.85em;line-height:1.6;white-space:nowrap}[data-theme=light] span[data-word-tag]{background:oklch(82% .12 var(--tag-h) / .14);color:oklch(42% .2 var(--tag-h));border-color:oklch(70% .14 var(--tag-h) / .35)}.wfe-container{border:1px solid var(--border-soft);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-deep)}.wfe-toolbar{display:flex;align-items:center;gap:.25rem;padding:.2rem .35rem;border-bottom:1px solid var(--border-soft);background:var(--surface);min-height:1.8rem}.wfe-btn{font-size:.75rem;padding:.1rem .35rem;border:1px solid var(--border-soft);border-radius:4px;background:transparent;color:var(--text-soft);cursor:pointer;line-height:1.4;transition:background .1s,color .1s}.wfe-btn:hover{background:var(--surface-2);color:var(--text)}.wfe-btn--dim{opacity:.35;pointer-events:none}.wfe-content{padding:.4rem .5rem;font-size:.9rem;color:var(--text);line-height:1.5;min-height:2.4rem}.wfe-content .ProseMirror{outline:none}.wfe-content .ProseMirror p{display:block;margin:0 0 .4em}.wfe-content .ProseMirror p:last-child{margin-bottom:0}.wtag-html p{display:inline;margin:0}.rte-picker{border-bottom:1px solid var(--border-soft);background:var(--surface);padding:.4rem .5rem}.rte-picker-input{width:100%;box-sizing:border-box;border:1px solid var(--border-soft);border-radius:4px;padding:.25rem .5rem;font-size:.875rem;outline:none;background:var(--bg-deep);color:var(--text)}.rte-picker-input:focus{border-color:var(--accent)}.rte-picker-list{list-style:none;margin:.25rem 0 0;padding:0;max-height:10rem;overflow-y:auto}.rte-picker-result{display:block;width:100%;text-align:left;background:transparent;border:none;padding:.25rem .5rem;font-size:.875rem;cursor:pointer;border-radius:4px;color:var(--text)}.rte-picker-result:hover{background:var(--surface-2)}.rte-picker-native{color:var(--text-mute)}.rte-picker-empty{font-size:.875rem;color:var(--text-mute);margin:.25rem 0 0;padding:0 .25rem}