:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--sp: 4px;--bg: #F5F1EA;--surface: #FFFFFF;--surface-2: #FBF8F3;--border: rgba(28, 25, 20, .08);--text: #191713;--text-2: #8B8579;--text-3: #B7B0A4;--accent: #E39A2D;--accent-2: #A79BF2;--cta-bg: #17150F;--cta-text: #FFFFFF;--new: #6E8FD0;--learning: #DD9A2B;--review: #55986B;--again: #D4553F;--hard: #DD9A2B;--good: #55986B;--easy: #6E8FD0;--g-again: #5B8DEF;--g-hard: #E0553F;--g-good: #E39A2D;--g-easy: #4FA36B;--radius-card: 18px;--radius-control: 12px;--shadow-float: 0 8px 24px rgba(25, 20, 10, .08);--pad: calc(var(--sp) * 4)}:root[data-theme=dark]{color-scheme:dark;--bg: #060A08;--surface: #0C110E;--surface-2: #101613;--border: rgba(255, 255, 255, .08);--text: #EAF2EC;--text-2: #8FA096;--text-3: #5C6B62;--accent: #46F584;--accent-2: #74A9FF;--cta-bg: #46F584;--cta-text: #06110A;--new: #74A9FF;--learning: #F5B84A;--review: #46F584;--again: #FF6A55;--hard: #F5B84A;--good: #46F584;--easy: #74A9FF;--g-again: #74A9FF;--g-hard: #FF6A55;--g-good: #F5B84A;--g-easy: #46F584;--radius-card: 14px;--radius-control: 10px;--shadow-float: none}:root[data-density=compact]{--pad: calc(var(--sp) * 3)}:root[data-theme=lavender]{--bg: #F3F1FB;--surface: #FFFFFF;--surface-2: #F8F7FD;--border: rgba(58, 52, 96, .1);--accent: #b9b7f9;--accent-2: #8f8bf0;--cta-bg: #b9b7f9;--cta-text: #1d1833}:root[data-theme=lavender] body:before{background:linear-gradient(rgba(185,183,249,.22),transparent)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}html{background:var(--bg)}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text)}body:before{content:"";position:fixed;inset:0 0 auto;height:280px;pointer-events:none;z-index:-1;background:linear-gradient(rgba(240,190,110,.14),transparent)}:root[data-theme=dark] body:before{display:none}button,input,select,textarea{font:inherit}button,.button,.mobile-tabs button,.nav-item,.profile-link{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{min-height:100vh;display:flex}.sidebar{width:256px;flex:0 0 256px;min-height:100vh;display:flex;flex-direction:column;gap:24px;padding:22px 14px;background:var(--surface);border-right:1px solid var(--border);z-index:3}.brand{display:flex;align-items:center;gap:10px;min-width:0;padding:2px 10px}.brand.center{justify-content:center;margin-bottom:8px}.brand-mark{display:grid;place-items:center;min-width:0;color:var(--text);flex:0 0 auto;line-height:1}:root[data-theme=dark] .brand-mark{color:var(--accent)}.ascii-logo{display:inline-block;white-space:pre;font:14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0}.brand strong{display:block;font:14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.brand>div:last-child{min-width:0}.brand small{display:block;margin-top:4px;color:var(--text-2);font:10px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace}.sidebar nav,.sidebar-bottom{display:grid;gap:4px}.sidebar-bottom{margin-top:auto;padding-top:14px;border-top:1px solid var(--border)}.nav-item,.profile-link{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:var(--radius-control);color:var(--text-2);background:transparent;text-align:left}.nav-item:hover,.nav-item.active{color:var(--text);background:color-mix(in srgb,var(--accent) 12%,transparent)}.nav-item.active{box-shadow:inset 3px 0 var(--accent)}.profile-link{color:var(--text)}.profile-link:hover{background:var(--surface-2)}.profile-link b,.profile-link small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-link small{max-width:150px;margin-top:3px;color:var(--text-2);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.avatar{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:50%;color:var(--cta-text);background:var(--cta-bg);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.main{min-width:0;flex:1}.topbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:14px;height:64px;padding:0 32px;background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid transparent}.topbar:focus-within,.topbar:hover{border-bottom-color:var(--border)}.crumb{display:flex;align-items:center;gap:7px;color:var(--text-2);font:11px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}.crumb b{color:var(--text);font-weight:500}.top-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:50%;color:var(--text-2);background:transparent}.icon-button:hover{color:var(--text);background:var(--surface);border-color:var(--border)}.top-avatar{border:0}.topbar-brand,.theme-toggle .theme-moon,.theme-toggle .theme-flower{display:none}:root[data-theme=dark] .theme-toggle .theme-moon{display:block}:root[data-theme=dark] .theme-toggle .theme-sun{display:none}:root[data-theme=lavender] .theme-toggle .theme-sun{display:none}:root[data-theme=lavender] .theme-toggle .theme-flower{display:block;color:var(--accent)}.content{width:min(100%,1120px);margin:0 auto;padding:36px 32px calc(88px + env(safe-area-inset-bottom))}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:7px;font-size:clamp(24px,3vw,28px);line-height:1.15;letter-spacing:-.02em}h2{font-size:20px;line-height:1.25}h3{font-size:15px}.page-head p,.detail-panel p,.welcome-panel p,.empty-panel p{margin-bottom:0;color:var(--text-2);font-size:14px;line-height:1.55}.eyebrow,label,legend{color:var(--text-2);font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.button:active{transform:translateY(1px)}.button.primary{color:var(--cta-text);background:var(--cta-bg)}:root[data-theme=dark] .button.primary{box-shadow:0 0 20px #46f58438}.button.secondary{color:var(--text);background:var(--surface);border-color:var(--border)}.button.secondary:hover{border-color:var(--accent)}.button.danger{color:var(--again);background:color-mix(in srgb,var(--again) 10%,var(--surface));border-color:color-mix(in srgb,var(--again) 35%,transparent)}.button.wide{width:100%}.link-button{min-height:44px;padding:8px;border:0;color:var(--text-2);background:transparent;text-decoration:underline}.hero-grid,.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.welcome-panel,.quick-panel,.detail-panel,.empty-panel,.study-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}.welcome-panel,.quick-panel,.detail-panel{padding:calc(var(--pad) * 1.5)}.welcome-panel{border-color:color-mix(in srgb,var(--accent) 26%,var(--border))}.welcome-panel h2{margin:12px 0 8px;font-size:clamp(26px,4vw,40px);font-weight:300;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.metric-row{display:flex;gap:34px;margin-top:26px}.metric-row div{display:grid;gap:4px}.metric-row b{font-size:30px;line-height:1;font-weight:300;font-variant-numeric:tabular-nums}.metric-row span,.quick-panel p,.deck-copy small,.media-card small{color:var(--text-2);font-size:12px}.quick-panel h3{margin-bottom:20px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}.quick-panel p{display:flex;justify-content:space-between;padding:12px 0;margin:0;border-bottom:1px solid var(--border)}.quick-panel p:last-child{border-bottom:0}.quick-panel b{color:var(--text);font:14px ui-monospace,SFMono-Regular,Menlo,monospace}.section-title{margin:34px 0 12px;font-size:14px;font-weight:600}.deck-grid,.browse-list,.media-grid{display:grid;gap:8px}.deck-card{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-card);color:var(--text);background:var(--surface);text-align:left}.deck-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.deck-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%}.deck-copy{display:grid;min-width:0;gap:5px;flex:1}.deck-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-card>svg{color:var(--text-3)}.empty-panel,.state{display:grid;place-items:center;gap:10px;min-height:220px;padding:32px;text-align:center;color:var(--text-2)}.empty-panel h3{margin:0;color:var(--text)}.empty-panel .ascii-logo,.state .ascii-logo{color:var(--accent);font-size:18px}.state.full{min-height:100vh}.state.error,.form-error{color:var(--again)}.state.error .button{color:var(--text)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.note-form,.card-editor{display:grid;gap:16px;max-width:760px}.note-form label,.card-editor label{display:grid;gap:8px}input,select,textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text);background:var(--surface-2);font-size:16px}textarea{min-height:112px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-3)}input[type=color]{width:64px;min-height:44px;padding:4px}fieldset{margin:0;padding:14px;border:1px solid var(--border);border-radius:var(--radius-control)}.check-row{display:flex;align-items:center;gap:8px;min-height:44px;color:var(--text-2)}.check-row input{width:18px;min-height:18px}.form-error,.form-success{padding:10px 12px;border-radius:var(--radius-control);background:var(--surface-2);font-size:13px}.form-success{color:var(--review)}.audio-controls{display:grid;gap:12px;padding-top:14px;border-top:1px solid var(--border)}.audio-controls strong{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}audio{width:100%;accent-color:var(--accent)}.toolbar{display:flex;gap:8px;margin-bottom:16px}.toolbar input{flex:1}.note-fields p{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:10px 0;margin:0;border-bottom:1px solid var(--border)}.note-fields p:last-child{border-bottom:0}.note-fields span{overflow-wrap:anywhere}.media-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.media-card{display:flex;flex-direction:column;gap:12px}.media-card img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--radius-control);background:var(--surface-2)}.media-card small{font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;color:var(--text-2);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.study-page{display:grid;gap:16px;min-height:calc(100vh - 110px)}.study-page>.button{justify-self:start}.study-card{display:flex;flex-direction:column;justify-content:center;min-height:min(58vh,520px);padding:clamp(24px,6vw,64px)}.study-text{max-width:760px;margin:24px auto;color:var(--text);font-size:clamp(20px,3vw,28px);line-height:1.45;text-align:center;white-space:pre-wrap}.study-card audio{max-width:540px;margin:0 auto 16px}.study-card>.button{align-self:center;width:min(100%,480px);margin-top:18px}.study-close{display:inline-flex;align-items:center;gap:6px;justify-self:start;min-height:40px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;color:var(--text-2);background:transparent;font:13px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.study-close:hover{color:var(--text);border-color:var(--accent)}.rating-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px}.rating-row .button{min-height:56px;min-width:88px;padding:12px 20px;border-radius:var(--radius-control);font:12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em}.grade{border:1px solid}.grade.again{color:var(--g-again);border-color:color-mix(in srgb,var(--g-again) 45%,transparent);background:color-mix(in srgb,var(--g-again) 12%,var(--surface))}.grade.hard{color:var(--g-hard);border-color:color-mix(in srgb,var(--g-hard) 45%,transparent);background:color-mix(in srgb,var(--g-hard) 12%,var(--surface))}.grade.good{color:var(--g-good);border-color:color-mix(in srgb,var(--g-good) 45%,transparent);background:color-mix(in srgb,var(--g-good) 12%,var(--surface))}.grade.easy{color:var(--g-easy);border-color:color-mix(in srgb,var(--g-easy) 45%,transparent);background:color-mix(in srgb,var(--g-easy) 12%,var(--surface))}.auth-page{display:grid;place-items:center;min-height:100vh;padding:24px;background:var(--bg)}.auth-card{display:grid;gap:16px;width:min(100%,420px);padding:30px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}.auth-card h1{margin:0}.auth-card p{margin:0 0 8px;color:var(--text-2)}.mobile-tabs,.scrim{display:none}@media (max-width: 800px){.sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-105%);transition:transform .18s ease;box-shadow:var(--shadow-float)}.sidebar.open{transform:translate(0)}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;border:0;background:#00000047}.topbar{height:56px;padding:0 10px}.topbar-brand{display:flex;align-items:center;gap:6px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--text);pointer-events:none}:root[data-theme=dark] .topbar-brand{color:var(--accent)}.topbar-brand .ascii-logo{font-size:12px}.topbar-brand span{font:12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.crumb,.top-refresh{display:none}.content{padding:24px 16px calc(64px + env(safe-area-inset-bottom))}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:20px}.page-head .button{width:100%}.hero-grid,.detail-grid{grid-template-columns:1fr}.welcome-panel,.quick-panel,.detail-panel{padding:var(--pad)}.metric-row{margin-top:22px}.mobile-tabs{position:fixed;right:0;bottom:0;left:0;z-index:4;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow-float)}.mobile-tabs button{position:relative;display:grid;place-items:center;align-content:center;gap:3px;min-width:0;min-height:56px;padding:5px 2px;border:0;color:var(--text-2);background:transparent}.mobile-tabs button span{max-width:100%;overflow:hidden;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.mobile-tabs button.active{color:var(--accent)}.mobile-tabs button.active:after{content:"";position:absolute;right:calc(50% - 1.5px);bottom:5px;width:3px;height:3px;border-radius:50%;background:currentColor}.study-page{min-height:calc(100vh - 80px)}.study-card{min-height:48vh;padding:24px 18px}.study-close{width:44px;height:44px;min-width:44px;padding:0;justify-content:center}.study-close span{display:none}.rating-row{gap:8px;margin-top:20px}.rating-row .button{min-width:76px;padding:12px 10px}.toolbar{display:grid;grid-template-columns:1fr}.note-fields p{grid-template-columns:1fr;gap:4px}}@media (max-width: 360px){.topbar{gap:4px;padding:0 8px}.topbar-brand span{display:none}.top-actions{gap:0}.content{padding-inline:12px}.mobile-tabs button span{font-size:8px;letter-spacing:0}}.card-html{color:inherit;overflow-wrap:anywhere;text-align:inherit}.card-html img{display:block;max-width:min(100%,640px);max-height:420px;object-fit:contain;margin:12px auto}.card-html audio{display:block;width:min(100%,480px);margin:12px auto}.card-html table{border-collapse:collapse;margin:12px auto}.card-html th,.card-html td{border:1px solid var(--line);padding:6px 10px}.card-html .type-answer{width:min(100%,420px);padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--text)}.card-html .type-answer.correct{border-color:#16864a;outline:2px solid #16864a44}.card-html .type-answer.incorrect{border-color:#c43b42;outline:2px solid #c43b4244}.card-compose{max-width:900px}.cloze-tools,.compose-media,.card-preview{display:grid;gap:10px;padding:14px 0;border-top:1px solid var(--line)}.cloze-tools{grid-template-columns:minmax(100px,150px) auto 1fr;align-items:end}.cloze-tools span,.compose-media p{color:var(--muted);font-size:13px}.compose-media-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.compose-media-head h3{margin:0;font-size:16px}.compose-media-list{display:flex;flex-wrap:wrap;gap:8px}.media-insert{display:grid;gap:3px;max-width:260px;text-align:left;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--text);padding:8px 10px;cursor:pointer}.media-insert span,.required-mark{color:var(--muted);font-size:11px}.required-mark{margin-left:8px}.card-preview .card-html{min-height:56px;padding:14px;border:1px solid var(--line);border-radius:4px}.answer-face{border-top:1px solid var(--line);padding-top:18px}.study-text .card-html{text-align:center}.study-text .card-html input{text-align:left}@media (max-width:680px){.cloze-tools{grid-template-columns:1fr}.media-insert{max-width:100%;flex:1 1 100%}}.rendered-preview{display:grid;gap:10px}.rendered-preview>b{color:var(--muted);font-size:12px}.rendered-preview .card-html{padding:12px;border:1px solid var(--line);border-radius:4px}.field-picker{border:1px solid var(--line);padding:12px;border-radius:4px}.field-picker legend{padding:0 6px;color:var(--muted);font-size:13px}.field-picker>div{display:flex;flex-wrap:wrap;gap:8px 18px}.field-choice{display:flex;flex-direction:row;align-items:center;gap:7px;font-size:13px}.field-choice input{accent-color:#237b67}.import-options{align-items:start}.import-result{margin-top:16px}.muted{color:var(--muted);font-size:13px}