:root{--bg: #f5f6f8;--surface: #ffffff;--surface-2: #eef0f4;--border: #e2e5ea;--text: #191c22;--muted: #697086;--accent: #6d4aff;--accent-2: #8b6dff;--accent-contrast: #ffffff;--again: #e5484d;--hard: #f5a623;--good: #22a565;--easy: #3b82f6;--heat-0: #eaecf0;--heat-1: #b7e4c7;--heat-2: #74c69d;--heat-3: #40916c;--heat-4: #1b6b45;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(20, 20, 40, .05), 0 6px 20px rgba(20, 20, 40, .06);--shadow-sm: 0 1px 2px rgba(20, 20, 40, .06);--maxw: 920px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0e1015;--surface: #171a21;--surface-2: #1e232c;--border: #2b313d;--text: #e7e9ef;--muted: #9aa3b2;--accent: #8b6dff;--accent-2: #a48bff;--again: #f2555a;--hard: #f5b342;--good: #35c07d;--easy: #5b9bff;--heat-0: #1e232c;--heat-1: #12432b;--heat-2: #1b6b45;--heat-3: #2d9c66;--heat-4: #52d493;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 26px rgba(0, 0, 0, .35);color-scheme:dark}}:root[data-theme=dark]{--bg: #0e1015;--surface: #171a21;--surface-2: #1e232c;--border: #2b313d;--text: #e7e9ef;--muted: #9aa3b2;--accent: #8b6dff;--accent-2: #a48bff;--again: #f2555a;--hard: #f5b342;--good: #35c07d;--easy: #5b9bff;--heat-0: #1e232c;--heat-1: #12432b;--heat-2: #1b6b45;--heat-3: #2d9c66;--heat-4: #52d493;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 26px rgba(0, 0, 0, .35);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.25;margin:0 0 .4em}h1{font-size:1.5rem}h2{font-size:1.15rem}a{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:.85rem}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85rem}.pad{padding:1rem}.pad-b{padding-bottom:.6rem}.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;background:color-mix(in srgb,var(--surface) 85%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;text-decoration:none;color:var(--text)}.brand__mark{font-size:1.3rem}.brand__name{font-size:1.02rem;letter-spacing:-.01em}.appbar__stats{display:flex;align-items:center;gap:.5rem}.stat-pill{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.25rem .6rem;font-size:.85rem;font-weight:600;white-space:nowrap}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--border)}.status-dot--on{background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 25%,transparent)}.status-dot--paused{background:var(--hard)}.nav{position:sticky;top:53px;z-index:15;display:flex;gap:.25rem;padding:.4rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto}.nav__item{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:999px;text-decoration:none;color:var(--muted);font-weight:600;font-size:.92rem;white-space:nowrap}.nav__item--active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.nav__icon{font-size:1rem}.main{max-width:var(--maxw);margin:0 auto;padding:1.2rem 1rem 5rem;outline:none}.view__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;box-shadow:var(--shadow-sm);margin-bottom:1rem}.btn{font:inherit;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.55rem 1rem;border-radius:var(--radius-sm);transition:transform .05s ease,background .15s ease,border-color .15s}.btn:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn--primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn--ghost{background:transparent}.btn--danger{background:var(--again);border-color:var(--again);color:#fff}.btn--danger-ghost{background:transparent;color:var(--again);border-color:color-mix(in srgb,var(--again) 40%,var(--border))}.btn--lg{padding:.7rem 1.3rem;font-size:1.05rem}.btn--sm{padding:.35rem .7rem;font-size:.86rem}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{font:inherit;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:.35rem .5rem;color:var(--text)}.icon-btn:hover{background:var(--surface-2)}.row-gap{display:flex;flex-wrap:wrap;gap:.6rem}.inline{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.inline-check{display:inline-flex;align-items:center;gap:.4rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.field__label{font-weight:600;font-size:.92rem}.field__hint{color:var(--muted);font-size:.82rem}.field__error{color:var(--again);font-size:.85rem}.input{font:inherit;width:100%;padding:.55rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text)}.input:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px;border-color:var(--accent)}.input--sm{width:auto;min-width:6rem}.textarea{resize:vertical;min-height:4rem}select.input{cursor:pointer}.chip{display:inline-flex;align-items:center;gap:.3rem;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.2rem .6rem;font-size:.82rem}.chip--sm{padding:.1rem .5rem;font-size:.76rem}.chip--toggle{cursor:pointer}.chip--on{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:var(--accent);color:var(--accent)}.chip__x{border:none;background:transparent;cursor:pointer;color:inherit;font-size:1rem;line-height:1;padding:0}.badge{display:inline-block;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.12rem .5rem;border-radius:6px}.badge--new{background:color-mix(in srgb,var(--easy) 18%,transparent);color:var(--easy)}.badge--learning{background:color-mix(in srgb,var(--hard) 20%,transparent);color:var(--hard)}.badge--review{background:color-mix(in srgb,var(--good) 18%,transparent);color:var(--good)}.tag-input{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem;background:var(--surface)}.tag-input__chips{display:contents}.tag-input__field{border:none;outline:none;background:transparent;color:var(--text);font:inherit;flex:1;min-width:8rem;padding:.2rem}.setup__title{margin-bottom:.2rem}.setup__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}.setup__preview{margin:.4rem 0 .9rem;font-weight:600}.setup__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.4rem}.segmented{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px}.segmented__opt{border:none;background:transparent;cursor:pointer;font:inherit;font-weight:600;padding:.35rem .9rem;border-radius:999px;color:var(--muted)}.segmented__opt--on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.studycard{text-align:center}.studycard__meta{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:center;margin-bottom:.6rem;font-size:.86rem}.studycard__title{font-size:1.8rem;letter-spacing:-.02em;margin:.2rem 0}.studycard__tags{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin-top:.4rem}.studycard__prompt{margin:1.2rem 0}.studycard__answer{margin-top:1rem;text-align:left}.studycard__desc{margin:1rem 0;white-space:normal;line-height:1.6}.video-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:var(--radius-sm);overflow:hidden;background:#000;margin:.5rem 0 1rem}.video-wrap>iframe,.video-wrap>div{position:absolute;inset:0;width:100%!important;height:100%!important;border:0}.rating{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:1rem}.rating__btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;cursor:pointer;font:inherit;padding:.7rem .4rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);border-top:3px solid var(--muted)}.rating__btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.rating__btn:active{transform:translateY(0)}.rating__btn--again{border-top-color:var(--again)}.rating__btn--hard{border-top-color:var(--hard)}.rating__btn--good{border-top-color:var(--good)}.rating__btn--easy{border-top-color:var(--easy)}.rating__key{font-size:.7rem;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:0 .3rem}.rating__label{font-weight:700}.rating__interval{font-size:.8rem;color:var(--muted)}.session-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.session-bar__progress{display:flex;gap:.9rem;font-weight:600;font-size:.9rem}.session-bar__actions{display:flex;gap:.5rem}.note{border-radius:var(--radius-sm);padding:.6rem .9rem;margin-bottom:.8rem;font-size:.9rem}.note--early{background:color-mix(in srgb,var(--hard) 14%,transparent);border:1px solid color-mix(in srgb,var(--hard) 35%,transparent);color:color-mix(in srgb,var(--hard) 80%,var(--text))}.summary{text-align:center}.summary__icon{font-size:2.4rem}.summary__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:1rem 0}.summary__stat{padding:.6rem;border-radius:var(--radius-sm);background:var(--surface-2);border-top:3px solid var(--muted)}.summary__stat--again{border-top-color:var(--again)}.summary__stat--hard{border-top-color:var(--hard)}.summary__stat--good{border-top-color:var(--good)}.summary__stat--easy{border-top-color:var(--easy)}.summary__val{font-size:1.4rem;font-weight:700}.summary__lbl{font-size:.82rem;color:var(--muted)}.empty{text-align:center;padding:2.5rem 1rem}.empty__icon{font-size:2.6rem;margin-bottom:.5rem}.toolbar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.toolbar .input[type=search]{flex:1;min-width:12rem}.toolbar__filters{display:flex;gap:.5rem}.card-list{display:flex;flex-direction:column;gap:.5rem}.card-row{display:flex;align-items:center;gap:.8rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .8rem}.card-row__main{flex:1;text-align:left;background:transparent;border:none;cursor:pointer;color:var(--text);font:inherit;min-width:0}.card-row__title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-row__yt{color:var(--again)}.card-row__tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.25rem}.card-row__meta{display:flex;align-items:center;gap:.7rem;font-size:.84rem;white-space:nowrap}.card-row__actions{display:flex;gap:.2rem}.streak-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.bigstat{display:flex;align-items:center;gap:.9rem;margin:0}.bigstat__icon{font-size:2rem}.bigstat__val{font-size:1.7rem;font-weight:800}.bigstat__unit{font-size:.9rem;font-weight:600;color:var(--muted)}.bigstat__lbl{font-size:.85rem}.cal__bar{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem}.cal__month{margin:0;flex:1;text-align:center}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal-grid__wd{text-align:center;font-size:.72rem;color:var(--muted);font-weight:700;padding-bottom:.2rem}.cal-cell{aspect-ratio:1;border:1px solid var(--border);border-radius:8px;background:var(--heat-0);cursor:pointer;position:relative;color:var(--text);font:inherit;padding:0}.cal-cell--empty{background:transparent;border:none;cursor:default}.cal-cell__num{position:absolute;top:3px;left:5px;font-size:.72rem;opacity:.75}.cal-cell.heat-1{background:var(--heat-1)}.cal-cell.heat-2{background:var(--heat-2)}.cal-cell.heat-3{background:var(--heat-3);color:#fff}.cal-cell.heat-4{background:var(--heat-4);color:#fff}.cal-cell--today{outline:2px solid var(--accent);outline-offset:1px}.cal-cell--selected{box-shadow:0 0 0 2px var(--accent) inset}.cal__legend{display:flex;align-items:center;gap:.3rem;justify-content:flex-end;margin-top:.6rem;font-size:.78rem}.cal-legend__box{width:14px;height:14px;border-radius:4px;border:1px solid var(--border);background:var(--heat-0);display:inline-block}.cal-legend__box.heat-1{background:var(--heat-1)}.cal-legend__box.heat-2{background:var(--heat-2)}.cal-legend__box.heat-3{background:var(--heat-3)}.cal-legend__box.heat-4{background:var(--heat-4)}.cal-detail__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.6rem;margin-top:.6rem}.ministat{background:var(--surface-2);border-radius:var(--radius-sm);padding:.6rem;text-align:center}.ministat__val{font-size:1.3rem;font-weight:700}.ministat__lbl{font-size:.78rem;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin-bottom:1rem}.tile{margin:0}.tile__val{font-size:1.7rem;font-weight:800;letter-spacing:-.02em}.tile__lbl{font-weight:600;margin-top:.1rem}.tile__sub{font-size:.82rem;margin-top:.15rem}.barchart{display:flex;align-items:flex-end;gap:4px;height:140px;margin-top:.6rem}.barchart__col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:4px}.barchart__bar{width:100%;min-height:2px;background:var(--accent);border-radius:4px 4px 0 0}.barchart__x{font-size:.62rem;color:var(--muted)}.statlist{margin:0}.statlist__row{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid var(--border)}.statlist__row dt{color:var(--muted)}.statlist__row dd{margin:0;font-weight:600;text-align:right}.advanced{margin-top:.6rem;border-top:1px solid var(--border);padding-top:.6rem}.advanced summary{cursor:pointer;font-weight:600}.yt-preview{display:flex;gap:.8rem;align-items:center;margin:-.4rem 0 .9rem}.yt-preview__thumb{width:160px;max-width:40%;border-radius:var(--radius-sm);border:1px solid var(--border)}.editor{min-width:min(520px,80vw)}.modal-overlay{position:fixed;inset:0;background:#0a0c1480;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100;animation:fade .12s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:440px;max-height:90vh;display:flex;flex-direction:column;animation:pop .14s ease}.modal--wide{max-width:640px}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid var(--border)}.modal__title{margin:0;font-size:1.15rem}.modal__body{padding:1.1rem;overflow:auto}.modal__footer{display:flex;justify-content:flex-end;gap:.6rem;padding:.9rem 1.1rem;border-top:1px solid var(--border);flex-wrap:wrap}.toasts{position:fixed;left:50%;bottom:1.2rem;transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:200;width:min(420px,92vw)}.toast{background:var(--text);color:var(--bg);padding:.7rem 1rem;border-radius:var(--radius-sm);box-shadow:var(--shadow);opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s;font-size:.92rem}.toast--in{opacity:1;transform:translateY(0)}.toast--success{background:var(--good);color:#fff}.toast--error{background:var(--again);color:#fff}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:none}}@media (max-width: 640px){.nav{position:fixed;inset:auto 0 0;justify-content:space-around;border-top:1px solid var(--border);border-bottom:none;padding:.35rem .4rem}.nav__item{flex-direction:column;gap:.1rem;padding:.3rem .5rem;font-size:.7rem}.nav__icon{font-size:1.2rem}.main{padding-bottom:5.5rem}.studycard__title{font-size:1.4rem}.rating,.summary__grid{grid-template-columns:repeat(2,1fr)}.streak-cards{grid-template-columns:1fr}.card-row{flex-wrap:wrap}.card-row__meta{order:3;width:100%}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}