:root{--felt:#1f4a36;--felt-deep:#173a2a;--felt-line:#f4f8f21f;--study-bg:#14261b;--study-deep:#0d1a12;--onfelt:#f4f7f2;--onfelt-soft:#c9dbcf;--stock:#fbf6ea;--stock-2:#f1e9d3;--stock-line:#20261f17;--ink:#20261f;--ink-soft:#57635a;--ink-faint:#556056;--gold:#f5c26b;--gold-bright:#f8d18a;--gold-ink:#4a3208;--spade:#232821;--club:#37413a;--heart:#c6394b;--diamond:#a87f2f;--accent:#f5c26b;--accent-soft:#f5c26b52;--coral:#e8593c;--coral-deep:#c03d22;--amber:#f5c26b;--cream:#fbf6ea;--ink-amber:#4a3208;--danger-live:#b3261e;--voice:Georgia, "Iowan Old Style", "Times New Roman", serif;--rate-again:#f26f7e;--rate-hard:#f3c96b;--rate-good:#7cc98f;--rate-easy:#8fb8f0;--rate-ink:#1e2420;--green:#7cc98f;--font-display:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ease-pop:cubic-bezier(.16, 1, .3, 1);--sh-card:0 1px 2px #101a1259, 0 12px 28px -14px #08120ba6;--sh-stock:0 1px 2px #20261f14, 0 14px 30px -18px #20261f59;--nav-h:56px;--page-pad-top:30px;--page-pad-bottom:70px}*{box-sizing:border-box;scrollbar-width:none}html ::-webkit-scrollbar{display:none}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background-color:var(--felt);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1100px 520px at 72% -8%,#ffffff0f,#0000 60%);background-attachment:fixed;font-size:15px;line-height:1.5}::selection{color:#fff;background:#f5c26b66}button{font-family:inherit}kbd{font-family:var(--font-body);color:var(--onfelt);background:#f4f8f21a;border:1px solid #f4f8f240;border-bottom-width:2px;border-radius:5px;margin:0 2px;padding:1px 7px;font-size:.85em;font-weight:700}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.panel :focus-visible,.c-row :focus-visible,.composer :focus-visible{outline-color:var(--gold-ink)}.app{min-height:100vh}.topbar{z-index:30;height:var(--nav-h);background:var(--felt-deep);border-bottom:1px solid var(--felt-line);align-items:center;gap:14px;padding:0 20px;display:flex;position:sticky;top:0}.app.study-mode .topbar{background:var(--study-deep)}.banner{text-align:center;border-bottom:1px solid var(--accent-soft);color:var(--amber);background:#f5c26b21;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;display:flex}.banner svg{flex:none}.banner .banner-hint{color:var(--onfelt-soft);font-style:italic}.topbar+.banner{z-index:29;position:sticky;top:56px}.brand{cursor:pointer;color:var(--onfelt);background:0 0;border:0;align-items:center;gap:10px;padding:4px 6px;display:flex}.brand b{font-family:var(--font-body);letter-spacing:-.03em;font-size:21px;font-weight:500}.topnav{align-items:center;gap:4px;margin-left:10px;display:flex}.tl{cursor:pointer;color:var(--onfelt-soft);background:0 0;border:0;border-radius:999px;padding:8px 13px;font-size:14px;font-weight:600;transition:color .15s,background-color .15s}.tl:hover{color:var(--onfelt);background:#f4f8f212}.tl.on{color:#fff;background:var(--coral-deep);box-shadow:0 2px 10px -3px #e8593c8c}.topbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.userchip{color:var(--onfelt-soft);align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex}.userchip .avatar{background:var(--stock);width:24px;height:24px;color:var(--ink);letter-spacing:.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:10.5px;font-weight:700;display:inline-flex;box-shadow:0 0 0 2px #f5c26b59}.userchip-name{color:var(--onfelt-soft);font-size:13.5px;font-weight:500}.page{max-width:1180px;padding:var(--page-pad-top) 26px var(--page-pad-bottom);color:var(--onfelt);margin:0 auto}.page.narrow{max-width:760px}.page p{margin:0}.screen-head{flex-wrap:wrap;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.screen-head h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--onfelt);margin:0 0 6px;font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.04}.screen-head p{color:var(--onfelt-soft);max-width:46ch;font-size:15px}.screen-head>div{margin-right:auto}.page-note{color:var(--onfelt-soft);max-width:70ch;margin-top:18px;font-size:13.5px;line-height:1.55}.splash{min-height:100vh;color:var(--onfelt-soft);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14.5px;font-weight:600;display:flex}.spinner{border:2.5px solid #f5c26b59;border-top-color:var(--gold-bright);vertical-align:-3px;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.panel .spinner{border-color:#4a32084d;border-top-color:var(--gold-ink)}.btn{cursor:pointer;background:var(--stock);color:var(--ink);box-shadow:var(--sh-card);transition:transform .16s var(--ease-pop), box-shadow .16s var(--ease-pop), background-color .15s ease;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14.5px;font-weight:700;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 3px #101a1259,0 16px 30px -12px #08120bb3}.btn:active:not(:disabled){transform:translateY(0)scale(.99)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn.sm{border-radius:10px;padding:8px 13px;font-size:13.5px}.btn.wide{width:100%;min-width:220px}.btn.ghost{color:var(--onfelt);box-shadow:none;background:0 0;border:1px solid #f4f8f24d}.btn.ghost:hover:not(:disabled){box-shadow:none;background:#f4f8f217;border-color:#f4f8f280}.btn.danger{color:#ff9fae;box-shadow:none;background:0 0;border:1px solid #ff8d988c}.btn.danger:hover:not(:disabled){color:#ffd1d8;background:#c6394b40;border-color:#ff8d98cc}.btn.primary-ink{background:var(--ink);color:var(--stock);box-shadow:0 2px 6px -2px #20261f8c}.btn.primary-ink:hover:not(:disabled){background:#343d33;box-shadow:0 3px 10px -2px #20261f99}.btn.coral{background:var(--coral-deep);color:#fff;box-shadow:0 2px 10px -3px #e8593c8c}.btn.coral:hover:not(:disabled){background:#a63418;box-shadow:0 3px 12px -3px #d24b30a6}.btn.coral.primary{border-radius:14px;padding:13px 22px;font-size:15px}.btn.ghost-ink{color:#5b6b62;box-shadow:none;background:0 0;border:1px solid #20261f29}.btn.ghost-ink:hover:not(:disabled){background:#20261f0d;border-color:#20261f4d}.btn.ghost-ink.danger{color:var(--danger-live);border-color:#b3261e80}.btn.ghost-ink.danger:hover:not(:disabled){color:var(--danger-live);border-color:var(--danger-live);background:#b3261e1f}.notice{border:1px solid var(--felt-line);color:var(--onfelt);background:#f4f8f212;border-radius:11px;align-items:flex-start;gap:11px;padding:12px 15px;font-size:14.5px;line-height:1.5;display:flex}.notice+.notice,.page .notice{margin-bottom:16px}.notice .n-ic{color:var(--onfelt-soft);flex:none;margin-top:2px}.notice .n-body b{letter-spacing:.07em;text-transform:uppercase;color:var(--onfelt-soft);margin-bottom:3px;font-size:11.5px;font-weight:700;display:block}.notice.notice-admin{background:#f5c26b24;border-color:#f5c26b73}.notice.notice-admin .n-ic,.notice.notice-admin .n-body b{color:var(--gold-bright)}.notice.notice-danger{color:#ffe6e9;background:#c6394b3d;border-color:#c6394b8c}.notice.notice-danger .n-ic,.notice.notice-danger .n-body b{color:#ffb3be}.notice.notice-success{color:#e2f2e6;background:#3f8a5638;border-color:#3f8a5680}.notice.notice-success .n-ic,.notice.notice-success .n-body b{color:#9fd9b2}.panel .notice{border-color:var(--stock-line);color:var(--ink);background:#20261f0d}.panel .notice .n-body,.panel .notice{color:var(--ink-soft)}.panel .notice .n-body b{color:var(--ink)}.panel .notice-admin{color:#5c4a1e;background:#f6eed8;border-color:#dcc98f}.panel .notice-admin .n-body b{color:#7a5f1d}.panel .notice-danger{color:#8e2430;background:#f9e2e4;border-color:#e5b7be}.panel .notice-danger .n-body b{color:#a32936}.panel{background:var(--stock);color:var(--ink);border:1px solid var(--stock-line);box-shadow:var(--sh-stock);border-radius:14px;padding:20px 22px}.panel-title{font-family:var(--font-display);color:var(--ink);margin:0 0 14px;font-size:16px;font-weight:700}.wide-panel{margin-top:4px}.panel-foot{justify-content:flex-end;margin-top:18px;display:flex}.settings-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.settings-grid .field input{width:130px}.field{font:inherit;margin-bottom:14px;display:block}.field-label{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.field input,.field textarea{width:100%;font-family:var(--font-body);color:var(--ink);background:#fff;border:1px solid #cfc7b0;border-radius:12px;padding:10px 12px;font-size:15px;transition:border-color .15s,box-shadow .15s;display:block}.field input::placeholder,.field textarea::placeholder{color:var(--ink-faint)}.field input:focus,.field textarea:focus{border-color:var(--amber);outline:none;box-shadow:0 0 0 3px #f5c26b59}.field textarea{resize:vertical;min-height:74px}.field-hint{color:var(--ink-soft);margin-top:5px;font-size:12.5px;display:block}.field-err input,.field-err textarea{border-color:#c6394b;box-shadow:0 0 0 3px #c6394b29}.field-error-msg{color:#a32936;align-items:center;gap:6px;margin-top:6px;font-size:13px;font-weight:600;display:flex}.pw-wrap{display:block;position:relative}.pw-wrap input{padding-right:42px}.pw-toggle{width:30px;height:30px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--ink);background:#20261f0f}.seg{background:#efeada;border:1px solid #20261f14;border-radius:10px;gap:3px;padding:4px;display:inline-flex}.seg-item{color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;padding:9px 12px;font-size:13.5px;font-weight:600;transition:color .15s,background-color .15s,box-shadow .15s}.seg-item:not(.on){background:#20261f09;border-color:#20261f29}.seg-item:not(.on):hover{background:#20261f12}.seg-item.on{color:var(--coral-deep);background:#fff;box-shadow:0 1px 3px #20261f33}.chip{color:#e7eee6;background:#f4f8f214;border:1px solid #f4f8f22e;border-radius:12px;align-items:center;gap:6px;padding:4px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.chip-accent{background:var(--amber);color:var(--ink-amber);border-color:#0000}.chip-accent svg{color:var(--coral)}.panel .chip,.c-row .chip{background:var(--stock-2);color:#5b6b62;border-color:#20261f1f}.chip-media{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;max-width:240px;text-decoration:none;overflow:hidden}.chip-media:hover{border-color:var(--gold-ink);color:var(--gold-ink)}.chip .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.home{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:34px;display:grid}.suit-0{color:var(--spade)}.suit-1{color:var(--heart)}.suit-2{color:var(--club)}.suit-3{color:var(--diamond)}.suit-flip{color:var(--spade)}.suit-written{color:var(--club)}.suit-truefalse{color:var(--heart)}.suit-multiple{color:var(--diamond)}.table{min-width:0}.welcome{border:1px solid var(--felt-line);background:#f4f8f20d;border-radius:16px;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:22px;padding:28px;display:grid}.welcome-card{background-color:var(--felt-deep);background-image:repeating-linear-gradient(45deg,#f5c26b1a 0 3px,#0000 3px 10px),repeating-linear-gradient(-45deg,#f5c26b1a 0 3px,#0000 3px 10px);border:2px solid #f5c26b80;border-radius:12px;place-items:center;width:110px;height:148px;display:grid;box-shadow:0 20px 44px -18px #0000008c}.welcome h2{font-family:var(--font-display);letter-spacing:-.015em;color:var(--onfelt);margin:0 0 8px;font-size:28px;font-weight:800}.welcome p{color:var(--onfelt-soft);max-width:40ch;font-size:15px;line-height:1.55}.ws-head{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.ws-id{min-width:0}.ws-id h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--onfelt);margin:0 0 8px;font-size:clamp(28px,3.6vw,40px);font-weight:800;line-height:1.04}.ws-id .deck-name{cursor:pointer;border-radius:6px;transition:box-shadow .14s}.ws-id .deck-name:hover{box-shadow:inset 0 -3px #2563eb8c}.ws-id .deck-name:focus-visible{box-shadow:inset 0 -3px #2563eb8c,0 0 0 2px #2563eb66}.ws-id .deck-name--editing{font-family:var(--font-display);letter-spacing:-.02em;color:var(--onfelt);box-sizing:border-box;border:0;border-bottom:2px solid var(--accent,#2563eb);background:0 0;width:100%;margin:0 0 8px;padding:0;font-size:clamp(28px,3.6vw,40px);font-weight:800;line-height:1.04}.ws-chips{flex-wrap:wrap;gap:8px;display:flex}.ws-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.io{position:relative}.io .btn.more{border-radius:10px;width:38px;height:38px;padding:0}.io-menu{z-index:30;background:var(--stock);border:1px solid #20261f2e;border-radius:12px;width:232px;padding:4px 0;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 10px #101a124d,0 18px 40px -14px #08120bb3}.io-menu button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.io-menu button+button{border-top:1px solid #20261f14}.io-menu button:hover:not(:disabled){background:#20261f0f}.io-menu button:disabled{opacity:.4;cursor:not-allowed}.io-menu button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.io-menu .io-sep{background:#20261f24;height:1px;margin:4px 10px}.io-menu button.io-danger{color:var(--danger-live)}.io-menu button.io-danger svg{flex:none;margin-right:8px}.io-menu button.io-danger:hover:not(:disabled){background:#b3261e14}.io-suffix{color:var(--ink-soft);margin-left:auto;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:500}.ws-hint{color:var(--onfelt-soft);margin:0 0 16px;font-size:13.5px;font-weight:600}.empty{border:1px solid var(--felt-line);background:#f4f8f20d;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;margin-top:14px;padding:20px 22px;display:grid}.empty-icon{width:44px;height:44px;color:var(--gold-bright);background:#f5c26b29;border-radius:10px;place-items:center;display:grid}.empty h3{font-family:var(--font-display);color:var(--onfelt);margin:0 0 4px;font-size:16px;font-weight:700}.empty p{color:var(--onfelt-soft);max-width:52ch;font-size:14px;line-height:1.5}.composer{margin-bottom:26px}.composer section{background:var(--stock);color:var(--ink);border:1px solid var(--stock-line);box-shadow:var(--sh-stock);transition:box-shadow .2s var(--ease-pop);border-radius:16px;padding:20px 22px}.composer.editing section{box-shadow:0 0 0 2px var(--amber), var(--sh-stock)}.comp-head{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:8px;display:flex}.comp-title{gap:2px;margin-right:auto;display:grid}.comp-title b{font-family:var(--font-display);color:var(--ink);font-size:18px;font-weight:800}.comp-title span{color:var(--ink-soft);font-size:12.5px;font-weight:600}.comp-head .seg{flex-wrap:wrap;flex:100%;max-width:none;display:flex}.comp-note{color:var(--ink-soft);margin:0 0 12px;font-size:13.5px}.comp-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.opt-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.opt-field{background:#fff;border:1px solid #20261f29;border-radius:9px;align-items:center;gap:10px;padding:4px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.opt-field:focus-within{border-color:var(--gold-ink);box-shadow:0 0 0 3px #f5c26b40}.opt-letter{font-family:var(--font-display);color:var(--gold-ink);width:14px;font-size:14px;font-weight:800}.opt-field input{min-width:0;font-family:var(--font-body);color:var(--ink);background:0 0;border:0;flex:1;padding:9px 0;font-size:14.5px}.opt-field input::placeholder{color:var(--ink-faint)}.opt-field input:focus{outline:none}.comp-sub{gap:4px;max-width:420px;margin:0 0 12px;display:grid}.comp-sub-label{color:var(--ink-soft);font-size:12.5px;font-weight:700}.comp-sub-hint{color:var(--ink-soft);margin:0;font-size:12px}.comp-sub textarea{box-sizing:border-box;width:100%}.comp-warn{color:var(--gold-ink);background:#f5c26b38;border:1px solid #4a320847;border-radius:8px;margin:8px 0;padding:8px 12px;font-size:13px;font-weight:600}.cloze,.occl,.listen,.pairs{gap:8px;margin:12px 0;display:grid}.occl-top{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.occl-top b{font-family:var(--font-display);color:var(--ink);font-size:13.5px}.occl-top span{color:var(--ink-soft);font-size:12.5px}.cloze-preview{color:var(--ink);background:#fff;border:1px solid #20261f29;border-radius:9px;padding:10px 12px;font-size:14.5px;line-height:1.6}.cloze-blank{background:var(--gold);color:var(--gold-ink);white-space:nowrap;border-radius:5px;padding:0 6px;font-weight:700}.cloze-empty{color:var(--ink-faint)}.occl-preview{background:#fff;border:1px solid #20261f29;border-radius:9px;max-width:340px;position:relative;overflow:hidden}.occl-preview img{width:100%;height:auto;display:block}.occl-box{border:2px solid var(--coral);color:var(--coral-deep);background:#e8593c24;padding:1px 5px;font-size:10.5px;font-weight:700;position:absolute;overflow:hidden}.box-list{gap:8px;display:grid}.box-row{grid-template-columns:minmax(110px,1.4fr) repeat(4,64px) 34px;align-items:center;gap:8px;display:grid}.box-row>input,.box-num input,.pair-row>input{box-sizing:border-box;width:100%;font-family:var(--font-body);color:var(--ink);background:#fff;border:1px solid #20261f29;border-radius:8px;padding:7px 9px;font-size:13.5px}.box-row>input::placeholder,.box-num input::placeholder,.pair-row>input::placeholder{color:var(--ink-faint)}.box-num{grid-template-columns:12px 1fr;align-items:center;gap:5px;display:grid}.box-num span{color:var(--ink-soft);font-size:11px;font-weight:700}.box-num input,.box-row>input:last-of-type{font-variant-numeric:tabular-nums}.box-empty{color:var(--ink-faint);font-size:12.5px}.row-del{border:1px solid var(--stock-line);width:30px;height:30px;color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:8px;place-items:center;transition:border-color .15s,color .15s;display:grid}.row-del:hover:not(:disabled){border-color:var(--coral);color:var(--coral-deep)}.row-del:disabled{opacity:.4;cursor:default}.listen{max-width:220px}.listen-timer-in{box-sizing:border-box;font-variant-numeric:tabular-nums;width:100%;color:var(--ink);background:#fff;border:1px solid #20261f29;border-radius:8px;padding:8px 10px;font-size:14px}.pair-list{gap:8px;display:grid}.pair-row{grid-template-columns:1fr 1fr 34px;align-items:center;gap:8px;display:grid}@media (width<=640px){.box-row{grid-template-columns:1fr 1fr}.box-row>input{grid-column:1/-1}.box-row .row-del{justify-self:end}}.media{border:1.5px dashed #20261f3d;border-radius:12px;margin-top:14px;padding:14px 16px;transition:border-color .15s,background-color .15s}.media:hover{background:#f5c26b0d;border-color:#4a3208bf}.media.has{border-style:solid;border-color:var(--stock-line);background:#f7f4ea}.media.has:hover{background:#f7f4ea}.media-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.media-title{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:700}.media-sub{color:var(--ink-soft);font-size:13px}.media-file{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.mf-ic{color:#46514b;background:#ede7d5;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.mf-name{min-width:0}.mf-name b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:14px;display:block;overflow:hidden}.mf-name small{color:var(--ink-soft);margin-top:1px;font-size:12.5px;display:block}.mf-acts{gap:8px;margin-left:auto;display:flex}.media-pickrow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.media-url{min-width:180px;font-family:var(--font-body);color:var(--ink);background:#fff;border:1px solid #20261f29;border-radius:9px;flex:1;padding:10px 12px;font-size:14.5px}.media-url::placeholder{color:var(--ink-faint)}.media-url:focus{border-color:var(--gold-ink);outline:none;box-shadow:0 0 0 3px #f5c26b40}.media-desc{color:var(--ink-soft);gap:5px;margin-top:12px;font-size:12.5px;font-weight:600;display:grid}.media-desc input{font-family:var(--font-body);color:var(--ink);background:#fff;border:1px solid #20261f29;border-radius:9px;padding:9px 12px;font-size:14px;font-weight:400}.media-desc input::placeholder{color:var(--ink-faint)}.media-desc input:focus{border-color:var(--gold-ink);outline:none;box-shadow:0 0 0 3px #f5c26b40}.media-side{align-content:start;gap:6px;margin-top:14px;display:grid}.media-side .seg{max-width:360px}.media-side-note{color:var(--ink-soft);font-size:12.5px;line-height:1.45}.chip-media em{opacity:.65;margin-left:2px;font-style:normal;font-weight:600}.comp-foot{border-top:1px solid #20261f1a;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;padding-top:16px;display:flex}.comp-foot-sub{color:var(--ink-soft);align-items:center;gap:7px;margin-right:auto;font-size:13px;display:flex}.ct{margin:14px 0 0;position:relative}.ct-trigger{box-sizing:border-box;background:var(--stock);border:1.5px solid var(--amber);width:100%;min-height:52px;color:var(--ink);font-family:var(--font-display);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:11px;padding:9px 14px;font-size:15px;font-weight:700;transition:border-color .15s,box-shadow .15s;display:flex}.ct-trigger:hover{box-shadow:0 0 0 3px var(--accent-soft)}.ct.is-open .ct-trigger{box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--gold)}.ct-ic{color:var(--gold-ink);flex:none;place-items:center;display:grid}.ct-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ct-chev{color:var(--ink-soft);transition:transform .18s var(--ease-pop);flex:none;place-items:center;display:grid}.ct.is-open .ct-chev{transform:rotate(180deg)}.ct-menu{z-index:40;background:var(--stock);border:1px solid var(--stock-line);border-radius:14px;gap:2px;max-width:calc(100vw - 24px);max-height:min(60vh,480px);padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 14px 34px -14px #101a1266}.ct-group{gap:2px;padding:4px 0 2px;display:grid}.ct-group+.ct-group{border-top:1px solid var(--stock-line);padding-top:6px}.ct-group-h{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);padding:4px 10px 3px;font-size:10.5px;font-weight:800}.ct-item{box-sizing:border-box;cursor:pointer;text-align:left;width:100%;min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:7px 10px;transition:background .12s;display:flex}.ct-item:hover{background:var(--stock-2)}.ct-item .ct-ic{color:var(--ink-soft)}.ct-item.on{background:#f5c26b47}.ct-item.on .ct-ic{color:var(--gold-ink)}.ct-txt{flex:1;gap:1px;min-width:0;display:grid}.ct-txt b{font-family:var(--font-display);color:var(--ink);font-size:14px;font-weight:700}.ct-txt small{font-family:var(--font-body);color:var(--ink-soft);font-size:12px}.ct-item.on .ct-txt b{color:var(--gold-ink)}.ct-tick{color:var(--coral-deep);opacity:0;flex:none;place-items:center;display:grid}.ct-item.on .ct-tick{opacity:1}.ct-rev{min-height:44px;color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;margin-top:8px;font-size:13.5px;font-weight:600;display:flex}.ct-rev input{width:18px;height:18px;accent-color:var(--coral-deep);cursor:pointer;flex:none}.ct-rev em{color:var(--ink-faint);font-style:normal;font-weight:400}.ct-ctx{margin-top:2px}.ct-ctx .comp-note{margin-bottom:14px}@media (width<=560px){.ct-trigger{min-height:48px;padding:8px 12px}.ct-menu{max-width:calc(100vw - 24px)}}.cardlist{gap:10px;display:grid}.c-row{background:var(--stock);border:1px solid var(--stock-line);transition:transform .18s var(--ease-pop), box-shadow .18s var(--ease-pop);border-radius:14px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid;box-shadow:0 1px 2px #20261f14}.c-row:hover{transform:translateY(-1px)rotate(-.5deg);box-shadow:0 12px 24px -14px #20261f66}.c-pip{text-align:center;color:var(--coral);place-items:center;font-size:20px;line-height:1;display:grid}.c-main{min-width:0}.c-main h4{font-family:var(--font-display);letter-spacing:-.005em;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15.5px;font-weight:700;overflow:hidden}.c-main p{color:var(--ink-soft);font-size:14px;font-family:var(--voice);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:75ch;margin:3px 0 0;font-style:italic;display:-webkit-box;overflow:hidden}.c-chips{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.c-acts{gap:8px;display:flex}.app.study-mode .page.study{background:var(--study-bg);background-image:radial-gradient(900px 480px at 50% -10%,#ffffff0b,#0000 65%);min-height:calc(100vh - 56px)}.study-top{align-items:center;gap:14px;margin-bottom:6px;display:flex}.study-deck{text-align:center;font-family:var(--font-display);color:var(--onfelt);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:16px;font-weight:700;overflow:hidden}.study-left{color:var(--onfelt-soft);background:#f4f8f214;border:1px solid #f4f8f22e;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700}.study-zone{justify-items:center;gap:24px;max-width:620px;margin:40px auto 0;display:grid}.stack{aspect-ratio:5/7;perspective:1600px;width:min(88vw,max(260px,71.4286svh - 164.286px),clamp(min(88vw,340px),47vmin,580px));position:relative;container-type:inline-size}.sc{background:var(--stock);border:1px solid #20261f29;border-radius:14px;position:absolute;inset:0;box-shadow:0 2px 5px #0000004d}.sc-2{opacity:.75;transform:translate(10px,-10px)rotate(2.4deg)}.sc-3{opacity:.5;transform:translate(-12px,-20px)rotate(-2.8deg)}.scard{animation:deal-in .42s var(--ease-pop) both;transition:transform .32s var(--ease-pop);touch-action:pan-y;cursor:grab;position:absolute;inset:0}.scard:active{cursor:grabbing}.sc-stamp{z-index:2;pointer-events:none;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-size:11px;font-weight:800;position:absolute;top:50%}.sc-stamp-right{right:14px;transform:translateY(-50%)rotate(8deg)}.sc-stamp-left{left:14px;transform:translateY(-50%)rotate(-8deg)}@media (prefers-reduced-motion:reduce){.scard{transition:none}.sc-stamp{display:none}}@keyframes deal-in{0%{opacity:0;transform:translate(56px,-34px)rotate(8deg)}55%{opacity:1}to{opacity:1;transform:none}}.sc-inner{transform-style:preserve-3d;transition:transform .55s var(--ease-pop);position:absolute;inset:0}.scard.flipped .sc-inner{transform:rotateY(180deg)}.sc-face{backface-visibility:hidden;background:var(--stock);border:1px solid #20261f2e;border-radius:14px;flex-direction:column;padding:7.1cqw 6.2cqw;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 48px -18px #0009}.sc-back{transform:rotateY(180deg)}.sc-pip{font-size:clamp(16px,4.6cqw,28px);line-height:1;position:absolute;top:3.3cqw;left:4cqw}.sc-which{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:clamp(9.5px,2.5cqw,15px);font-weight:700;position:absolute;top:3.6cqw;right:4.5cqw}.sc-text{text-align:center;font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);white-space:pre-wrap;flex:1;align-content:center;justify-items:center;max-width:94%;margin:0 auto;padding:7cqw 0;font-size:clamp(17px,4.9cqw,30px);font-weight:650;line-height:1.5;display:grid;overflow:auto}.sc-opts{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;max-width:400px;margin:16px auto 0;display:grid}.sc-opt{text-align:left;font-family:var(--font-body);color:var(--ink);cursor:pointer;transition:transform .16s var(--ease-pop), background-color .15s ease;background:#f4f1e5;border:1px solid #20261f24;border-radius:9px;align-items:center;gap:10px;padding:2.4cqw 2.9cqw;font-size:clamp(13.5px,3.5cqw,21px);font-weight:600;display:flex}.sc-opt:hover{background:#ece8d9;transform:translateY(-1px)}.sc-opt b{background:var(--ink);width:23px;height:23px;color:var(--stock);font-family:var(--font-display);border-radius:6px;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.sc-tf{grid-template-columns:1fr 1fr}.tf-true{color:#1f6b40}.tf-false{color:#b02a3b}.sc-opt.picked{background:var(--ink);border-color:var(--ink);color:var(--stock);transform:none}.sc-opt.picked b{background:var(--gold);color:var(--ink)}.tf-true.picked,.tf-false.picked{color:var(--gold-bright)}.sc-write{width:100%;max-width:92%;font-family:var(--font-body);color:var(--ink);resize:none;background:#f4f1e5;border:1px solid #20261f24;border-radius:9px;margin:3.8cqw auto 0;padding:2.4cqw 2.9cqw;font-size:clamp(13.5px,3.5cqw,21px);line-height:1.4;display:block}.sc-write::placeholder{color:var(--ink-faint)}.sc-write:focus{border-color:var(--gold-ink);outline:none;box-shadow:0 0 0 3px #f5c26b40}.sc-you{max-width:92%;color:var(--gold-ink);background:var(--stock-2);overflow-wrap:anywhere;border:1px solid #f5c26b66;border-radius:8px;margin:3.3cqw auto 0;padding:2.1cqw 2.9cqw;font-size:clamp(12.5px,3.2cqw,19px);font-weight:600;line-height:1.45}.sc-correct{color:var(--felt-deep);background:#24523a14;border-color:#24523a59}.sc-media{object-fit:contain;border-radius:8px;max-width:100%;max-height:46cqw;margin:3.3cqw auto 0;display:block;box-shadow:0 12px 22px -14px #20261f99}.sc-audio{width:100%;max-width:78%;box-shadow:none}.sc-cloze-chip{font-family:var(--font-body);color:var(--ink);background:#f5c26b4d;border:1px solid #f5c26ba6;border-radius:8px;margin:0 3px;padding:1px 2.1cqw 3px;font-size:clamp(14px,3.8cqw,23px);font-weight:600;transition:background .2s,border-color .2s;display:inline-block}.sc-cloze-chip.revealed{color:var(--felt-deep);background:#24523a14;border-color:#24523a59}.sc-note{max-width:92%;font-family:var(--font-body);color:var(--ink-soft);text-align:center;background:#f4f1e5;border:1px solid #20261f1f;border-radius:8px;margin:2.9cqw auto 0;padding:1.9cqw 2.9cqw;font-size:clamp(12.5px,3.2cqw,19px);line-height:1.45}.sc-occl{width:100%;max-width:92%;margin:2.9cqw auto 0;position:relative}.sc-occl img{background:#f4f1e5;border:1px solid #20261f24;border-radius:10px;width:100%;height:auto;display:block}.sc-occl-box{border:2px solid var(--gold);pointer-events:none;background:#f5c26b1f;border-radius:6px;position:absolute}.sc-occl.revealed .sc-occl-box{background:#24523a0f;border-color:#24523aa6}.sc-occl-label{background:var(--gold);color:var(--gold-ink);font-family:var(--font-body);letter-spacing:.01em;border-radius:999px;padding:1px 8px 2px;font-size:11.5px;font-weight:700;line-height:1.5;position:absolute;bottom:4px;left:4px;box-shadow:0 1px 3px #20261f4d}.sc-timer{text-align:center;font-family:var(--font-display);letter-spacing:.02em;color:var(--coral-deep);font-variant-numeric:tabular-nums;margin:12px auto 0;font-size:15px;font-weight:700}.sc-timer.done{color:var(--ink-soft)}.sc-mhint{text-align:center;max-width:420px;font-family:var(--font-body);color:var(--ink-soft);margin:14px auto 8px;font-size:13px;font-weight:600}.sc-match{grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:420px;margin:0 auto;display:grid}.sc-match-col{gap:8px;display:grid}.sc-mt,.sc-md{text-align:left;font-family:var(--font-body);color:var(--ink);cursor:pointer;background:#f4f1e5;border:1px solid #20261f24;border-radius:9px;padding:9px 12px;font-size:14px;font-weight:500;line-height:1.35;transition:background .15s,border-color .15s,color .15s}.sc-md{font-size:13.5px}.sc-mt:hover:not(:disabled),.sc-md:hover:not(:disabled){border-color:#f5c26bb3}.sc-mt.sel{background:var(--ink);border-color:var(--ink);color:var(--stock)}.sc-mt.linked,.sc-md.linked{color:var(--felt-deep);cursor:default;background:#24523a14;border-color:#24523a59}.sc-md.wrong{border-color:var(--coral-deep);background:#e8593c14;animation:.4s sc-shake}@keyframes sc-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-3px)}}.sc-mt:disabled,.sc-md:disabled{cursor:default}.sc-m-reveal{margin:12px auto 0;display:block}.sc-pairs{gap:6px;width:100%;max-width:380px;margin:14px auto 0;display:grid}.sc-pairs-row{font-family:var(--font-body);text-align:left;background:#f4f1e5;border:1px solid #20261f1f;border-radius:8px;align-items:baseline;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;line-height:1.35;display:flex}.sc-pairs-row em{color:var(--coral-deep);font-style:normal;font-weight:700}.sc-cue{text-align:center;width:fit-content;max-width:380px;font-family:var(--font-body);color:var(--gold-ink);background:var(--stock-2);border:1px solid #f5c26b66;border-radius:8px;margin:10px auto 0;padding:7px 11px;font-size:13px;font-weight:600}.sc-rev{text-align:left;max-width:380px;font-family:var(--font-body);color:var(--ink);background:var(--stock-2);border:1px solid #20261f1f;border-radius:8px;margin:14px auto 0;padding:9px 12px;font-size:13.5px;font-weight:600;line-height:1.45}.stack.leaving-again .scard{animation:.32s ease-in both waste-right}.stack.leaving-hard .scard{animation:.32s ease-in both waste-left}.stack.leaving-good .scard{animation:.32s ease-in both waste-top}.stack.leaving-easy .scard{animation:.32s ease-in both waste-bottom}@keyframes waste-right{to{opacity:0;transform:translate(130px,-80px)rotate(14deg)}}@keyframes waste-left{to{opacity:0;transform:translate(-130px,-80px)rotate(-14deg)}}@keyframes waste-top{to{opacity:0;transform:translateY(-100px)scale(.94)}}@keyframes waste-bottom{to{opacity:0;transform:translate(40px,150px)rotate(9deg)}}.study-controls{justify-content:center;width:100%;display:flex}.btn.wide{min-width:230px}.rate-row{grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;width:100%;max-width:560px;display:grid}.rate{font-size:14px;font-weight:800;font-family:var(--font-body);white-space:nowrap;color:var(--rate-ink);cursor:pointer;transition:transform .16s var(--ease-pop), box-shadow .16s var(--ease-pop);border:0;border-radius:10px;justify-items:center;gap:5px;padding:13px 10px;display:grid;box-shadow:0 3px 8px -3px #0000008c}.rate:hover{transform:translateY(-2px);box-shadow:0 8px 16px -6px #0009}.rate:active{transform:translateY(0)scale(.98)}.rate kbd{color:var(--rate-ink);background:#1e242024;border-color:#1e24204d}.rate.ra{background:var(--rate-again)}.rate.rh{background:var(--rate-hard)}.rate.rg{background:var(--rate-good)}.rate.re{background:var(--rate-easy)}.study-hint{color:var(--onfelt-soft);font-size:12.5px;font-weight:600}.study-cleared{text-align:center;justify-items:center;gap:14px;max-width:460px;margin:56px auto 0;padding:0 18px;display:grid}.cleared-card{background-color:var(--study-deep);background-image:repeating-linear-gradient(45deg,#f5c26b1f 0 3px,#0000 3px 10px),repeating-linear-gradient(-45deg,#f5c26b1f 0 3px,#0000 3px 10px);border:2px solid #f5c26b8c;border-radius:10px;place-items:center;width:96px;height:128px;display:grid;box-shadow:0 24px 48px -18px #000000a6}.study-cleared h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--onfelt);margin:0;font-size:34px;font-weight:800}.study-cleared p{color:var(--onfelt-soft);max-width:38ch;font-size:15px;line-height:1.55}.cleared-acts{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.page.auth{place-content:center;justify-items:center;min-height:100vh;padding:44px 20px;display:grid}.auth .notice{width:100%;max-width:420px}.auth-card{justify-items:center;gap:12px;width:100%;max-width:420px;display:grid}.auth-crest{background-color:var(--felt-deep);background-image:repeating-linear-gradient(45deg,#f5c26b1f 0 3px,#0000 3px 10px),repeating-linear-gradient(-45deg,#f5c26b1f 0 3px,#0000 3px 10px);border:2px solid #f5c26b8c;border-radius:9px;place-items:center;width:62px;height:82px;display:grid;box-shadow:0 16px 34px -14px #00000080}.auth-card h1{font-family:var(--font-body);letter-spacing:-.04em;color:var(--onfelt);margin:0;font-size:44px;font-weight:500}.auth-sub{color:var(--onfelt-soft);text-align:center;margin:0;font-size:15px;line-height:1.5}.auth-card .panel{width:100%}.auth-card .field{margin-top:14px}.auth-card .btn{margin-top:18px}.scoreboard{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.sb-cell{border:1px solid var(--felt-line);background:#f4f8f20d;border-radius:14px;gap:8px;padding:20px 22px;transition:background-color .18s,border-color .18s;display:grid}.sb-cell:hover{background:#f4f8f217;border-color:#f5c26b66}.sb-cell b{font-family:var(--font-display);letter-spacing:-.02em;color:var(--gold-bright);font-size:clamp(36px,4vw,46px);font-weight:800;line-height:1}.sb-cell span{color:var(--onfelt-soft);font-size:13.5px;font-weight:600}.ledger{background:var(--stock);box-shadow:var(--sh-stock);border-radius:14px;margin-top:22px;padding:20px 22px 12px}.ledger-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:10px;margin:0 0 6px;font-size:12.5px;font-weight:800;display:flex}.ledger-title:after{content:"";background:var(--stock-line);flex:1;height:1px}.ledger-row{border-bottom:1px dashed var(--stock-line);grid-template-columns:30px minmax(0,1fr) minmax(120px,220px) 52px;align-items:center;gap:12px;padding:13px 6px;display:grid}.ledger-row:last-child{border-bottom:0}.lr-pip{font-family:var(--font-display);font-size:16px;line-height:1}.lr-main{gap:2px;min-width:0;display:grid}.lr-main b{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.lr-main small{color:var(--ink-soft);font-size:12px}.lr-bar{background:#20261f1a;border-radius:3px;height:6px;overflow:hidden}.lr-bar-fill{background:var(--ink);border-radius:3px;height:100%}.lr-bar-fill.full{background:var(--gold-ink)}.lr-pct{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);text-align:right;font-size:17px;font-weight:800}.ledger-loading{color:var(--ink-soft);align-items:center;gap:10px;padding:18px 4px;font-size:14px;display:flex}@media (width<=720px){.ledger-row{grid-template-columns:28px minmax(0,1fr) 48px}.lr-bar{grid-column:1/-1}.ledger-rows{overflow-x:auto}}.toasts{z-index:60;gap:10px;max-width:360px;display:grid;position:fixed;bottom:18px;right:18px}.toast{background:var(--stock);color:var(--ink);animation:toast-in .32s var(--ease-pop) both;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;font-weight:600;line-height:1.45;display:flex;box-shadow:0 14px 34px -12px #050f0999,0 0 0 1px #20261f14}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.toast .t-ic{flex:none;margin-top:1px}.toast-success .t-ic{color:#1f6b40}.toast-danger .t-ic{color:#b02a3b}.toast-info .t-ic{color:var(--gold-ink)}@media (width<=960px){.home{grid-template-columns:1fr;gap:28px}.scoreboard,.comp-grid,.opt-grid,.settings-grid{grid-template-columns:1fr}.rate-row{grid-template-columns:repeat(2,1fr)}.c-row{grid-template-columns:26px minmax(0,1fr)}.c-acts{grid-column:2;justify-content:flex-end}.welcome{grid-template-columns:84px minmax(0,1fr);gap:16px;padding:20px}.welcome-card{width:84px;height:112px}}@media (width<=640px){.topbar{gap:8px;padding:0 12px}.brand b{display:none}.topnav{scrollbar-width:none;flex:1;min-width:0;margin-left:0;overflow-x:auto}.topnav::-webkit-scrollbar{display:none}.tl{padding:7px 10px;font-size:13px}.userchip{display:none}.page{padding:18px 12px 64px}.auth-card{max-width:340px}.home{gap:22px}.composer section{padding:14px}.comp-grid{gap:14px}.ws-actions{flex-wrap:wrap;width:100%;margin-left:0}.ws-actions .btn{flex:150px}.ws-actions .io .btn{flex:none}.toasts{max-width:calc(100vw - 24px);bottom:12px;right:12px}.study-zone{margin-top:22px}.sc-pip{width:40px;height:40px}.sc-text{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mf-thumb{object-fit:cover;background:#ede7d5;border:1px solid #20261f24;border-radius:9px;flex:none;width:44px;height:44px}.csv-import{margin-bottom:26px}.csv-import section{background:var(--stock);color:var(--ink);border:1px solid var(--stock-line);box-shadow:var(--sh-stock);border-radius:14px;padding:18px 22px}.ci-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ci-title{gap:2px;min-width:0;display:grid}.ci-title b{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);font-size:19px;font-weight:800}.ci-title span{color:var(--ink-soft);font-size:13px}.ci-head .btn{margin-left:auto}.ci-srcrow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.ci-filename{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:13px;font-weight:600;overflow:hidden}.ci-paste{resize:vertical;width:100%;min-height:96px;font-family:var(--font-body);color:var(--ink);background:#fff;border:1px solid #20261f29;border-radius:9px;margin-top:10px;padding:10px 12px;font-size:14px;line-height:1.5}.ci-paste::placeholder{color:var(--ink-faint)}.ci-paste:focus{border-color:var(--gold-ink);outline:none;box-shadow:0 0 0 3px #f5c26b40}.ci-idle{color:var(--ink-soft);margin:14px 0 0;font-size:13.5px;font-weight:600}.ci-preview{margin-top:14px}.ci-count{color:var(--ink-soft);align-items:baseline;gap:8px;margin:0 0 8px;font-size:13.5px;font-weight:600;display:flex}.ci-count b{color:var(--ink);font-size:15px}.ci-rows{gap:5px;max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.ci-row{background:#20261f0d;border-radius:8px;align-items:baseline;gap:8px;padding:6px 9px;font-size:13.5px;line-height:1.45;display:flex}.ci-row .ci-mark{flex:none;font-weight:800}.ci-row.ok .ci-mark{color:#2e7d4f}.ci-row.err{background:#c6394b14}.ci-row.err .ci-mark{color:#a32936}.ci-row.err span:last-child{color:#8f2f3b}.ci-pip{flex:none;font-size:13px}.ci-tpl{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);flex:none;font-size:11.5px;font-weight:700}.ci-front{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-weight:600;overflow:hidden}.ci-more{color:var(--ink-soft);margin:8px 0 0;font-size:13px}.ci-foot{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.ci-hint{color:var(--ink-soft);font-size:13px;font-weight:600}.ci-done{color:#1e4a33;background:#2e7d4f1f;border:1px solid #2e7d4f47;border-radius:10px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;font-size:14px;font-weight:700;display:flex}.ci-done-lines{flex-direction:column;gap:2px;display:flex}.ci-done-main{font-weight:700}.ci-done-sub{color:#1e4a33c7;font-size:12.5px;font-weight:500}.ci-ai{border-top:1px solid var(--stock-line);margin-top:18px;padding-top:14px}.ci-ai-toggle{cursor:pointer;color:var(--gold-ink);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.ci-ai-toggle:hover{color:var(--ink)}.ci-ai-body{gap:10px;margin-top:10px;display:grid}.ci-ai-note{color:var(--ink-soft);margin:0;font-size:13px}.ci-schema,.ci-example{font-family:var(--font-body);color:var(--ink);white-space:pre-wrap;background:#fff;border:1px solid #20261f1f;border-radius:9px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.65;overflow:auto}.ci-ex-label{color:var(--ink-soft);margin-bottom:-4px;font-size:12px;font-weight:700;display:block}.ci-copy{align-items:center;gap:10px;display:flex}.ledger-row{grid-template-columns:30px minmax(0,1fr) minmax(120px,220px) 52px auto}.ledger-x-toggle{border:1px solid var(--stock-line);font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:11.5px;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.ledger-x-toggle:hover{color:var(--gold-ink);background:#f5c26b14;border-color:#f5c26b8c}.ledger-x-toggle:focus-visible{border-color:var(--gold-ink);outline:none;box-shadow:0 0 0 3px #f5c26b4d}.ledger-x-toggle .ledger-x-chev{transition:transform .18s var(--ease-pop)}.ledger-x-toggle[aria-expanded=true]{color:var(--gold-ink);border-color:#f5c26b8c}.ledger-x-toggle[aria-expanded=true] .ledger-x-chev{transform:rotate(90deg)}.ledger-x-cards{border-bottom:1px dashed var(--stock-line);padding:2px 6px 4px}.ledger-x-card{align-items:center;gap:10px;padding:6px 0 6px 42px;display:flex}.ledger-x-front{min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13.5px;overflow:hidden}.ledger-x-chip{border:1px solid var(--stock-line);color:var(--ink-soft);background:var(--stock-2);border-radius:999px;flex:none;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.ledger-x-chip.muted{color:var(--ink-soft);background:0 0}.ledger-x-chip.mastered{color:var(--gold-ink);background:var(--accent-soft);border-color:#f5c26b73}.ledger-x-pips{align-items:center;gap:2.5px;margin-left:4px;display:inline-flex}.ledger-x-pips i{background:#20261f29;border-radius:50%;width:5px;height:5px}.ledger-x-pips i.on{background:var(--gold-ink)}.ledger-x-empty{color:var(--ink-soft);margin:0;padding:8px 0 8px 42px;font-size:13px;font-style:italic}.study-cleared .ledger-x-retired{color:var(--onfelt-soft);margin:0 0 4px;font-size:13px}.ledger-x-unit{align-items:center;gap:8px;display:flex}.ledger-x-unit input{width:130px}.ledger-x-unit-label{color:var(--ink-soft);font-size:12.5px}@media (width<=720px){.ledger-row{grid-template-columns:28px minmax(0,1fr) 48px auto}.ledger-row .ledger-x-toggle{grid-area:1/4}}.panel.wide-panel+.panel.wide-panel{margin-top:18px}.panel-title{align-items:center;gap:8px;display:flex}.panel-title svg{color:var(--coral);flex:none}.panel-sub{color:var(--ink-soft);align-items:center;gap:10px;margin:6px 0 4px;font-size:14px;display:flex}.code-input{letter-spacing:.05em;font-family:ui-monospace,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.code-deal-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.code-deal-row input{min-width:0;font:inherit;color:var(--ink);background:#fff;border:1px solid #cfc7b0;border-radius:12px;flex:180px;padding:9px 12px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.code-deal-row input::placeholder{color:var(--ink-faint)}.code-deal-row input:focus{border-color:var(--amber);outline:none;box-shadow:0 0 0 3px #f5c26b59}.code-deal-row .btn{flex:none}.code-reveal{border:1.5px dashed var(--amber);background:#f5c26b29;border-radius:14px;margin-bottom:14px;padding:14px 16px}.code-reveal-label{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-amber);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.code-reveal-value{letter-spacing:.08em;color:var(--ink);word-break:break-all;margin-bottom:10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:20px;font-weight:700;display:block}.code-reveal-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.code-reveal-note{color:var(--ink-amber);font-size:12.5px;font-weight:600}.invite-list{gap:10px;display:grid}.invite-row{border:1px solid var(--stock-line);background:#20261f08;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.invite-label{text-overflow:ellipsis;white-space:nowrap;flex:120px;min-width:0;font-size:14.5px;font-weight:700;overflow:hidden}.invite-status-text{font-size:12.5px;font-weight:700}.invite-row .btn{margin-left:auto}.invite-row.live .invite-status-text{color:#2f7d4f}.invite-row.used .invite-status-text{color:var(--ink-soft)}.invite-row.revoked .invite-status-text{color:var(--danger-live);text-decoration:line-through}.invite-row.revoked .invite-label{color:var(--ink-soft);text-decoration:line-through}.invite-row.expired .invite-status-text,.invite-row.expired .invite-label{color:var(--ink-soft)}.invite-expiry{color:var(--ink-soft);white-space:nowrap;font-size:.8rem}.users-head{color:var(--ink-soft);margin:0 0 12px;font-size:14.5px;font-weight:600}.user-list{display:grid}.user-row{border-top:1px solid var(--stock-line);flex-wrap:wrap;align-items:center;gap:10px;min-width:0;padding:10px 2px;display:flex}.user-name{text-overflow:ellipsis;white-space:nowrap;flex:140px;min-width:0;font-size:14.5px;font-weight:700;overflow:hidden}.dot{background:#a9b1a8;border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.user-row .dot{margin-right:14px}.dot.on,.user-row.online .dot{background:var(--rate-good);box-shadow:0 0 0 2px #7cc98f40}.user-online{color:var(--ink-soft);padding-left:4px;font-size:12.5px;font-weight:600}.user-created{color:var(--ink-soft);margin-left:auto;font-size:12px}.chip .dot{background:var(--rate-good);width:7px;height:7px;box-shadow:none}.totp-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.totp-row input,.totp-gate-row input{letter-spacing:.22em;text-align:center;width:110px;color:var(--ink);background:#fff;border:1px solid #cfc7b0;border-radius:12px;flex:none;padding:9px 12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:15px;transition:border-color .15s,box-shadow .15s}.totp-row input::placeholder,.totp-gate-row input::placeholder{letter-spacing:.1em;color:var(--ink-faint)}.totp-row input:focus,.totp-gate-row input:focus{border-color:var(--amber);outline:none;box-shadow:0 0 0 3px #f5c26b59}.totp-row .btn{flex:none}.totp-gate{background:var(--stock);color:var(--ink);border:1.5px dashed var(--amber);box-shadow:var(--sh-stock);border-radius:14px;margin-bottom:18px;padding:16px 18px}.totp-gate-title{font-family:var(--font-display);color:var(--ink);align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.totp-gate-title svg{color:var(--coral)}.totp-gate-sub{color:var(--ink-soft);margin:6px 0 0;font-size:13.5px}.totp-gate-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.totp-gate-row .btn{flex:none}.totp-off-sub{color:var(--ink-soft);margin:0 0 12px;font-size:14px}.totp-reveal,.totp-pending{border:1.5px dashed var(--amber);background:#f5c26b29;border-radius:14px;padding:16px}.totp-qr-wrap{border:1px solid var(--amber);background:#fff;border-radius:14px;align-items:center;gap:16px;margin:10px 0 6px;padding:14px 16px;display:flex}.totp-qr{flex:none;width:136px;height:136px}.totp-qr svg{width:100%;height:100%;display:block}.totp-qr-loading{background:var(--stock);border-radius:10px;justify-content:center;align-items:center;display:flex}.totp-qr-hint{color:var(--ink-soft);font-size:12.5px;line-height:1.55}.totp-reveal-note{color:var(--ink-soft);margin:0 0 8px;font-size:13.5px}.totp-reveal-once{color:var(--ink-amber);margin:10px 0 4px;font-size:12.5px;font-weight:600}.totp-secret-row{flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0;display:flex}.totp-secret-row+.totp-secret-row{border-top:1px dashed #4a320833}.totp-secret-label{letter-spacing:.07em;text-transform:uppercase;width:110px;color:var(--ink-amber);flex:none;font-size:11px;font-weight:700}.totp-secret-value{min-width:0;color:var(--ink);overflow-wrap:anywhere;background:0 0;flex:160px;font-family:ui-monospace,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:13px;font-weight:600}.totp-secret-row .btn{flex:none}.totp-connected-head{color:var(--ink);flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.totp-connected-head .dot{margin-right:4px}.totp-connected-sub{color:var(--ink-soft);margin:6px 0 0;font-size:13.5px}@media (width<=720px){.code-deal-row{flex-direction:column;align-items:stretch}.code-deal-row .btn{width:100%}.invite-row .btn{justify-content:center;width:100%;margin-left:0}.invite-status-text{margin-left:auto}.user-created{margin-left:0}.user-row .user-online{margin-left:auto}.totp-secret-label{width:100%}.totp-gate-row{flex-direction:column;align-items:stretch}.totp-gate-row input{width:100%}.totp-qr-wrap{flex-direction:column;align-items:flex-start}}.math-text{overflow-wrap:break-word}.math-text img{object-fit:contain;max-width:100%;height:auto;max-height:320px;margin:10px auto;display:block}@media (width<=720px){.math-text img{max-height:200px}}.math-text table{border-collapse:collapse;width:100%;margin:8px 0}.math-text th,.math-text td{border:1px solid var(--stock-line);text-align:left;padding:4px 8px}.math-text ul,.math-text ol,.math-text dl{margin:8px 0;padding-left:20px}.math-text li{margin:2px 0}.math-text blockquote{border-left:3px solid var(--stock-2);color:var(--ink-soft);margin:8px 0;padding:4px 12px}.math-text a{color:var(--accent);text-decoration:underline}.math-text code,.math-text pre{background:var(--accent-soft);border-radius:6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.9em}.math-text code{padding:1px 4px}.math-text pre{padding:8px 10px;overflow-x:auto}.rail{min-width:0;max-height:max(320px, calc(100dvh - var(--nav-h) - var(--page-pad-top) - var(--page-pad-bottom)));flex-direction:column;display:flex}.rail-scroll{flex:1;min-height:200px;padding:18px 4px 0 2px;overflow-y:auto}.rail-head{align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.rail-head h2{font-family:var(--font-display);color:var(--onfelt);margin:0;font-size:18px;font-weight:700}.rail-count{color:var(--onfelt-soft);font-size:12.5px;font-weight:600}.rail-search{border:1px solid var(--felt-line);background:#f4f8f20f;border-radius:10px;align-items:center;gap:8px;margin-top:2px;padding:8px 10px;display:flex}.rail-search:focus-within{border-color:#f5c26b8c}.rail-search svg{color:var(--onfelt-soft);flex:none}.rail-search input{min-width:0;font:inherit;color:var(--onfelt);background:0 0;border:0;outline:none;flex:1;font-size:13.5px}.rail-search input::placeholder{color:#c9dbcf8c}.rail-search-clear{width:22px;height:22px;color:var(--onfelt-soft);cursor:pointer;background:#f4f8f21a;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.rail-search-clear:hover{color:var(--onfelt);background:#f4f8f22e}.rail-search-clear:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.rail-nomatch{color:var(--onfelt-soft);opacity:.75;margin:8px 2px;font-size:13px;font-weight:500}.rail-legend{cursor:help;color:var(--onfelt-soft);display:inline-flex}.rail-legend:hover{color:var(--gold-bright)}.fan{gap:14px;margin:0 0 18px;display:grid}.deck-card{background:var(--stock);border:1px solid var(--stock-line);width:100%;box-shadow:var(--sh-card);cursor:pointer;text-align:left;transition:transform .22s var(--ease-pop), box-shadow .22s var(--ease-pop), border-color .2s;border-radius:16px;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;padding:12px 14px;display:grid;position:relative}.deck-card:hover{transform:translateY(-2px)rotate(-.5deg);box-shadow:0 14px 26px -14px #0000008c}.fan-cell{position:relative}.dc-back{z-index:-1;background:var(--amber);opacity:0;transition:opacity .25s var(--ease-pop);border-radius:12px;position:absolute;inset:-5px 10px 10px;transform:rotate(-2deg)}.dc-back.on{opacity:1}.dc-spark{color:var(--coral);place-items:center;display:grid}.dc-pip{gap:1px;font-size:12px;font-style:normal;line-height:1.1;display:grid}.dc-pip b{font-family:var(--font-display);color:var(--spade);font-size:15px;font-weight:800}.dc-pip i{font-style:normal}.dc-pip.st-new i{color:var(--gold-ink)}.dc-pip.st-learning i{color:var(--heart)}.dc-pip.st-mastered i{color:var(--ink)}.dc-mid{min-width:0}.dc-name{font-family:var(--font-body);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.dc-mid small{color:#5b6b62;margin-top:1px;font-size:11.5px;font-weight:500;display:block}.dc-status{vertical-align:middle;margin-right:5px;font-size:11px;display:inline}.dc-status.st-learning{color:var(--green)}.dc-status.st-mastered{color:var(--amber)}.dc-status.st-new{color:#8a9a91}.deck-card.sel{border:2px solid var(--amber);transform:translateY(-1px);box-shadow:0 12px 24px -16px #00000080}.deck-card.faceback{background-color:var(--felt-deep);cursor:default;background-image:repeating-linear-gradient(45deg,#f5c26b1a 0 3px,#0000 3px 10px),repeating-linear-gradient(-45deg,#f5c26b1a 0 3px,#0000 3px 10px);border:2px solid #f5c26b66;place-items:center;height:56px;display:grid}.deck-card.faceback:hover{box-shadow:none;transform:none}.fb-diamond{background:var(--amber);opacity:.75;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:16px;height:16px}.trashbox{border-top:1px solid var(--felt-line);margin-top:24px;padding-top:16px}.trashbox h3{letter-spacing:.08em;text-transform:uppercase;color:var(--onfelt-soft);margin:0 0 2px;font-size:11.5px;font-weight:700}.trash-sub{color:var(--onfelt-soft);margin:0 0 10px;font-size:12px;line-height:1.4}.trash-row{background:#f4f8f20d;border-radius:9px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;padding:8px 10px;display:flex}.trash-name{flex:1;align-content:start;gap:2px;min-width:0;display:grid}.trash-name b{color:var(--onfelt);overflow-wrap:anywhere;font-size:14px;font-weight:600}.trash-name small{letter-spacing:.03em;color:var(--onfelt-soft);font-size:11.5px;font-weight:600}.trash-acts{gap:6px;margin-left:auto;display:flex}.trash-confirm{background:#8f2f3b14;border:1px solid #8f2f3b66;border-radius:10px;gap:5px;min-width:220px;padding:8px 10px;display:grid}.trash-confirm label{color:var(--onfelt-soft);font-size:11.5px;font-weight:600}.trash-confirm input{font:inherit;color:var(--onfelt);background:#f4f8f214;border:1px solid #f4f8f259;border-radius:8px;outline:none;padding:6px 8px;font-size:13px}.trash-confirm input:focus{border-color:#f4f8f299}.trash-empty{color:var(--onfelt-soft);align-items:center;gap:6px;margin:2px 0 0;font-size:13.5px;display:flex}.trash-empty svg{color:var(--amber);flex:none}@media (width<=960px){.rail{max-width:560px}}.fab{z-index:6;justify-content:flex-end;align-items:center;width:100%;height:48px;margin:10px 0 0;display:flex;position:sticky;bottom:0}.fab-toggle{background:var(--coral-deep);color:#fff;cursor:pointer;width:48px;height:48px;transition:background-color .16s ease, box-shadow .18s var(--ease-pop), transform .16s var(--ease-pop);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff2e,0 2px 8px -4px #101a1280}.fab-toggle:hover{background:var(--coral);box-shadow:inset 0 1px #ffffff52,0 6px 16px -8px #101a129e}.fab-toggle:active{transition-duration:80ms;transform:scale(.94)}.fab.open .fab-toggle{background:var(--ink);box-shadow:inset 0 1px #ffffff1a,0 3px 10px -4px #101a128c}.fab-toggle:focus-visible{outline:2px solid var(--onfelt);outline-offset:3px}.fab-plus{width:20px;height:20px;display:block;position:relative}.fab-plus:before,.fab-plus:after{content:"";width:20px;height:2.5px;transition:transform .18s var(--ease-pop);background:currentColor;border-radius:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fab-plus:after{transform:translate(-50%,-50%)rotate(90deg)}.fab.open .fab-plus:before{transition:transform .2s var(--ease-pop);transform:translate(-50%,-50%)rotate(45deg)scaleX(.72)}.fab.open .fab-plus:after{transition:transform .2s var(--ease-pop);transform:translate(-50%,-50%)rotate(135deg)scaleX(.72)}.fab-form{width:min(300px,100%);color:var(--ink);border:1px solid var(--coral);box-sizing:border-box;transform-origin:100% 100%;opacity:0;visibility:hidden;pointer-events:none;transition:grid-template-rows .2s var(--ease-pop), transform .2s var(--ease-pop), box-shadow .2s var(--ease-pop), opacity .16s linear, visibility 0s linear .2s;background:#fff;border-radius:14px;grid-template-rows:0fr;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(8px)scale(.96);box-shadow:0 1px 2px #20261f1a,0 6px 12px -6px #20261f40}.fab.open .fab-form{opacity:1;visibility:visible;pointer-events:auto;transition:grid-template-rows .24s var(--ease-pop), transform .26s var(--ease-pop), box-shadow .26s var(--ease-pop), opacity .2s ease-out 40ms, visibility 0s;grid-template-rows:1fr;transform:none;box-shadow:0 2px 4px #14302229,0 18px 38px -12px #0c281c8c}.fab-form:after{content:"";border-right:1px solid var(--coral);border-bottom:1px solid var(--coral);transform-origin:100% 100%;background:#fff;border-bottom-right-radius:3px;width:11px;height:11px;position:absolute;bottom:-5.5px;right:20px;transform:rotate(45deg)}.fab.open .fab-form:after{animation:fab-caret .22s var(--ease-pop) 80ms both}@keyframes fab-caret{0%{transform:rotate(45deg)scale(0)}to{transform:rotate(45deg)scale(1)}}.fab-panel{min-height:0;overflow:hidden}.fab-fields{opacity:0;transition:transform .18s var(--ease-pop), opacity .12s linear;flex-direction:column;gap:8px;padding:14px;display:flex;transform:translateY(8px)}.fab.open .fab-fields{opacity:1;transition:transform .24s var(--ease-pop) 50ms, opacity .2s ease-out 50ms;transform:none}.fab-actions{opacity:0;transition:transform .18s var(--ease-pop), opacity .12s linear;gap:8px;display:flex;transform:translateY(6px)}.fab.open .fab-actions{opacity:1;transition:transform .22s var(--ease-pop) 90ms, opacity .2s ease-out 90ms;transform:none}@media (prefers-reduced-motion:reduce){.fab-toggle,.fab-plus,.fab-plus:before,.fab-plus:after,.fab-form,.fab-fields,.fab-actions{transition:none}.fab.open .fab-form:after{animation:none}.fab-toggle:active{transform:none}.fab.open .fab-form,.fab.open .fab-fields,.fab.open .fab-actions{opacity:1;transform:none}}.fab-fields .field{min-width:0}.fab-cancel{flex:1;min-width:0}.fab-deal{flex:1.2;min-width:0}@media (width<=480px){.fab{margin-top:18px;bottom:0}.fab-form{width:100%}.fab-cancel,.fab-deal{min-height:44px}}