:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--sp:4px;--bg:#f5f1ea;--surface:#fff;--surface-2:#fbf8f3;--border:#1c191414;--text:#191713;--text-2:#8b8579;--text-3:#b7b0a4;--accent:#e39a2d;--accent-2:#a79bf2;--cta-bg:#17150f;--cta-text:#fff;--new:#6e8fd0;--learning:#dd9a2b;--review:#55986b;--again:#d4553f;--hard:#dd9a2b;--good:#55986b;--easy:#6e8fd0;--radius-card:18px;--radius-control:12px;--shadow-float:0 8px 24px #19140a14;--pad:calc(var(--sp) * 4);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060a08;--surface:#0c110e;--surface-2:#101613;--border:#ffffff14;--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;--radius-card:14px;--radius-control:10px;--shadow-float:none}:root[data-density=compact]{--pad:calc(var(--sp) * 3)}:root[data-accent=lavender]{--accent:#a79bf2;--accent-2:#e39a2d}:root[data-accent=green]{--accent:#55986b;--accent-2:#a79bf2}:root[data-accent=terracotta]{--accent:#c96f4a;--accent-2:#a79bf2}:root[data-theme=dark][data-accent=lavender]{--accent:#b7aaff;--accent-2:#46f584}:root[data-theme=dark][data-accent=green]{--accent:#46f584;--accent-2:#74a9ff}:root[data-theme=dark][data-accent=terracotta]{--accent:#ff8a65;--accent-2:#74a9ff}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}html{background:var(--bg)}body{background:var(--bg);color:var(--text);margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#f0be6e24,#0000);height:280px;position:fixed;inset:0 0 auto}: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{background:var(--surface);border-right:1px solid var(--border);z-index:3;flex-direction:column;flex:0 0 256px;gap:24px;width:256px;min-height:100vh;padding:22px 14px;display:flex}.brand{align-items:center;gap:10px;min-width:0;padding:2px 10px;display:flex}.brand.center{justify-content:center;margin-bottom:8px}.brand-mark{width:40px;height:32px;color:var(--text);flex:none;place-items:center;display:grid}:root[data-theme=dark] .brand-mark{color:var(--accent)}.ascii-logo{white-space:pre;letter-spacing:0;font:14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.brand strong{letter-spacing:.04em;font:14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.brand small{color:var(--text-2);margin-top:4px;font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.sidebar nav,.sidebar-bottom{gap:4px;display:grid}.sidebar-bottom{border-top:1px solid var(--border);margin-top:auto;padding-top:14px}.nav-item,.profile-link{border-radius:var(--radius-control);width:100%;min-height:44px;color:var(--text-2);text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:10px 12px;display:flex}.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{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-link small{max-width:150px;color:var(--text-2);margin-top:3px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.avatar{width:32px;height:32px;color:var(--cta-text);background:var(--cta-bg);border-radius:50%;flex:none;place-items:center;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.main{flex:1;min-width:0}.topbar{z-index:2;background:color-mix(in srgb, var(--bg) 94%, transparent);border-bottom:1px solid #0000;align-items:center;gap:14px;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.topbar:focus-within,.topbar:hover{border-bottom-color:var(--border)}.crumb{color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:7px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.crumb b{color:var(--text);font-weight:500}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-button{width:44px;height:44px;color:var(--text-2);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;display:grid}.icon-button:hover{color:var(--text);background:var(--surface);border-color:var(--border)}.top-avatar{border:0}.content{width:min(100%,1120px);padding:36px 32px calc(56px + env(safe-area-inset-bottom) + 32px);margin:0 auto}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.02em;margin-bottom:7px;font-size:clamp(24px,3vw,28px);line-height:1.15}h2{font-size:20px;line-height:1.25}h3{font-size:15px}.page-head p,.detail-panel p,.welcome-panel p,.empty-panel p{color:var(--text-2);margin-bottom:0;font-size:14px;line-height:1.55}.eyebrow,label,legend{color:var(--text-2);letter-spacing:.08em;text-transform:uppercase;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 17px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .16s,border-color .16s,transform .16s;display:inline-flex}.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;color:var(--text-2);background:0 0;border:0;padding:8px;text-decoration:underline}.hero-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.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{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:12px 0 8px;font-size:clamp(26px,4vw,40px);font-weight:300}.metric-row{gap:34px;margin-top:26px;display:flex}.metric-row div{gap:4px;display:grid}.metric-row b{font-variant-numeric:tabular-nums;font-size:30px;font-weight:300;line-height:1}.metric-row span,.quick-panel p,.deck-copy small,.media-card small{color:var(--text-2);font-size:12px}.quick-panel h3{text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.quick-panel p{border-bottom:1px solid var(--border);justify-content:space-between;margin:0;padding:12px 0;display:flex}.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{gap:8px;display:grid}.deck-card{border:1px solid var(--border);border-radius:var(--radius-card);width:100%;min-height:72px;color:var(--text);background:var(--surface);text-align:left;align-items:center;gap:12px;padding:14px 16px;display:flex}.deck-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.deck-dot{border-radius:50%;flex:none;width:10px;height:10px}.deck-copy{flex:1;gap:5px;min-width:0;display:grid}.deck-copy b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.deck-card>svg{color:var(--text-3)}.empty-panel,.state{text-align:center;min-height:220px;color:var(--text-2);place-items:center;gap:10px;padding:32px;display:grid}.empty-panel h3{color:var(--text);margin:0}.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:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.note-form,.card-editor{gap:16px;max-width:760px;display:grid}.note-form label,.card-editor label{gap:8px;display:grid}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-control);width:100%;min-height:44px;color:var(--text);background:var(--surface-2);padding:10px 12px;font-size:16px}textarea{resize:vertical;min-height:112px}input::placeholder,textarea::placeholder{color:var(--text-3)}input[type=color]{width:64px;min-height:44px;padding:4px}fieldset{border:1px solid var(--border);border-radius:var(--radius-control);margin:0;padding:14px}.check-row{min-height:44px;color:var(--text-2);align-items:center;gap:8px;display:flex}.check-row input{width:18px;min-height:18px}.form-error,.form-success{border-radius:var(--radius-control);background:var(--surface-2);padding:10px 12px;font-size:13px}.form-success{color:var(--review)}.audio-controls{border-top:1px solid var(--border);gap:12px;padding-top:14px;display:grid}.audio-controls strong{text-transform:uppercase;letter-spacing:.08em;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}audio{width:100%;accent-color:var(--accent)}.toolbar{gap:8px;margin-bottom:16px;display:flex}.toolbar input{flex:1}.note-fields p{border-bottom:1px solid var(--border);grid-template-columns:100px minmax(0,1fr);gap:12px;margin:0;padding:10px 0;display:grid}.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{flex-direction:column;gap:12px;display:flex}.media-card img{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-control);background:var(--surface-2);width:100%}.media-card small{font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagination{color:var(--text-2);justify-content:center;align-items:center;gap:16px;margin-top:20px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.study-page{gap:16px;min-height:calc(100vh - 110px);display:grid}.study-page>.button{justify-self:start}.study-card{flex-direction:column;justify-content:center;min-height:min(58vh,520px);padding:clamp(24px,6vw,64px);display:flex}.study-text{max-width:760px;color:var(--text);text-align:center;white-space:pre-wrap;margin:24px auto;font-size:clamp(20px,3vw,28px);line-height:1.45}.study-card audio{max-width:540px;margin:0 auto 16px}.study-card>.button{align-self:center;width:min(100%,480px);margin-top:18px}.grade-bar{bottom:env(safe-area-inset-bottom);padding:12px 32px calc(12px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:8px;margin:0 -32px -32px;display:grid;position:sticky}.grade-bar .button{border-radius:var(--radius-control);text-transform:uppercase;min-height:56px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.grade-bar .again{color:var(--again);border-color:color-mix(in srgb, var(--again) 45%, transparent);background:color-mix(in srgb, var(--again) 12%, var(--surface))}.grade-bar .hard{color:var(--hard);border-color:color-mix(in srgb, var(--hard) 45%, transparent);background:color-mix(in srgb, var(--hard) 12%, var(--surface))}.grade-bar .good{color:var(--good);border-color:color-mix(in srgb, var(--good) 45%, transparent);background:color-mix(in srgb, var(--good) 12%, var(--surface))}.grade-bar .easy{color:var(--easy);border-color:color-mix(in srgb, var(--easy) 45%, transparent);background:color-mix(in srgb, var(--easy) 12%, var(--surface))}.auth-page{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);gap:16px;width:min(100%,420px);padding:30px;display:grid}.auth-card h1{margin:0}.auth-card p{color:var(--text-2);margin:0 0 8px}.mobile-tabs,.scrim{display:none}@media (width<=800px){.sidebar{box-shadow:var(--shadow-float);transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.scrim{z-index:2;background:#00000047;border:0;display:block;position:fixed;inset:0}.topbar{height:56px;padding:0 14px}.topbar:before{content:"@(o.o)@ manki";color:var(--text);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}:root[data-theme=dark] .topbar:before{color:var(--accent)}.crumb{display:none}.topbar .icon-button:first-child{order:-1}.content{padding:24px 16px calc(64px + env(safe-area-inset-bottom))}.page-head{flex-direction:column;align-items:flex-start;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{z-index:4;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);grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tabs button{min-width:0;min-height:56px;color:var(--text-2);background:0 0;border:0;align-content:center;place-items:center;gap:3px;padding:5px 2px;display:grid;position:relative}.mobile-tabs button span{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.mobile-tabs button.active{color:var(--accent)}.mobile-tabs button.active:after{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;bottom:5px;right:calc(50% - 1.5px)}.study-page{min-height:calc(100vh - 80px)}.study-card{min-height:48vh;padding:24px 18px}.grade-bar{padding:10px 16px calc(10px + env(safe-area-inset-bottom));margin:0 -16px -24px}.grade-bar .button{padding:8px 3px;font-size:10px}.toolbar{grid-template-columns:1fr;display:grid}.note-fields p{grid-template-columns:1fr;gap:4px}}@media (width<=360px){.topbar:before{font-size:11px}.topbar{gap:4px;padding:0 8px}.top-actions{gap:0}.content{padding-inline:12px}.mobile-tabs button span{letter-spacing:0;font-size:8px}.grade-bar{margin-inline:-12px;padding-inline:12px}}