:root{--bg:#f7f7f5;--surface:#fff;--surface-2:#f1f1ee;--surface-3:#e8e8e4;--border:#efefec;--border-strong:#e0e0dc;--text:#17181c;--text-2:#5d6068;--text-3:#9a9ca3;--text-4:#c9cace;--ink:#1f2024;--ink-text:#fff;--chip:#ecece8;--accent:#3b7fd9;--accent-hover:#2f6fc4;--accent-soft:#eaf2fc;--new:#3b7fd9;--learn:#d6544b;--review:#2a9467;--new-soft:#eaf2fc;--learn-soft:#fbecea;--review-soft:#e7f4ee;--new-tile:#f4f8fd;--learn-tile:#fcf3f2;--review-tile:#f1f8f4;--new-tile-label:#6f7d90;--learn-tile-label:#8f6e6b;--review-tile-label:#5f8574;--again:#c8473e;--again-soft:#fbecea;--again-sub:#a6736e;--hard:#b8650a;--hard-soft:#fbf1e3;--hard-sub:#a2815a;--good:#2a9467;--good-sub:#d6efe3;--easy:#2f6fc4;--easy-soft:#eaf2fc;--easy-sub:#6b86a8;--danger:#d6544b;--shadow-sm:0 1px 2px #14140a0a;--shadow:0 1px 2px #14140a0a, 0 8px 28px #14140a0f;--shadow-lg:0 12px 40px #14140a29;--shadow-ink:0 6px 16px #14140a2e;--radius:16px;--radius-sm:10px;--card-font-size:22px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141416;--surface:#1e1f22;--surface-2:#26272b;--surface-3:#303136;--border:#2b2c30;--border-strong:#3a3b40;--text:#ececea;--text-2:#a9abb2;--text-3:#7c7f87;--text-4:#4c4e55;--ink:#ececea;--ink-text:#17181c;--chip:#2a2b2f;--accent:#6ea4ec;--accent-hover:#86b4f0;--accent-soft:#1d2a3b;--new:#6ea4ec;--learn:#ec7f77;--review:#4fbf8f;--new-soft:#1d2a3b;--learn-soft:#3a2220;--review-soft:#1a3328;--new-tile:#1b2530;--learn-tile:#2e2020;--review-tile:#1a2b23;--new-tile-label:#8fa3bc;--learn-tile-label:#bc9591;--review-tile-label:#8db3a1;--again:#ec7f77;--again-soft:#3a2220;--again-sub:#b58c88;--hard:#e3a052;--hard-soft:#382a18;--hard-sub:#b49a7a;--good:#2f9e6f;--good-sub:#cfeedd;--easy:#86b4f0;--easy-soft:#1d2a3b;--easy-sub:#8ea6c4;--danger:#ec7f77;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 2px #0000004d, 0 8px 28px #0000004d;--shadow-lg:0 12px 40px #00000080;--shadow-ink:0 6px 16px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#141416;--surface:#1e1f22;--surface-2:#26272b;--surface-3:#303136;--border:#2b2c30;--border-strong:#3a3b40;--text:#ececea;--text-2:#a9abb2;--text-3:#7c7f87;--text-4:#4c4e55;--ink:#ececea;--ink-text:#17181c;--chip:#2a2b2f;--accent:#6ea4ec;--accent-hover:#86b4f0;--accent-soft:#1d2a3b;--new:#6ea4ec;--learn:#ec7f77;--review:#4fbf8f;--new-soft:#1d2a3b;--learn-soft:#3a2220;--review-soft:#1a3328;--new-tile:#1b2530;--learn-tile:#2e2020;--review-tile:#1a2b23;--new-tile-label:#8fa3bc;--learn-tile-label:#bc9591;--review-tile-label:#8db3a1;--again:#ec7f77;--again-soft:#3a2220;--again-sub:#b58c88;--hard:#e3a052;--hard-soft:#382a18;--hard-sub:#b49a7a;--good:#2f9e6f;--good-sub:#cfeedd;--easy:#86b4f0;--easy-soft:#1d2a3b;--easy-sub:#8ea6c4;--danger:#ec7f77;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 2px #0000004d, 0 8px 28px #0000004d;--shadow-lg:0 12px 40px #00000080;--shadow-ink:0 6px 16px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:650}.app{height:100%;display:flex}.sidebar{background:var(--bg);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:2px;width:228px;padding:18px 12px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;padding:4px 10px 18px;font-size:17px;font-weight:700;display:flex}.brand-logo{width:28px;height:28px}.nav-item{color:#7d8088;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;font-weight:500;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--surface-3);color:var(--ink);font-weight:600}.nav-item kbd{margin-left:auto}.sidebar-footer{color:var(--text-3);margin-top:auto;padding:10px;font-size:12px}.today-stat{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text-2);border-radius:14px;margin-bottom:8px;padding:12px 14px}.today-stat b{color:var(--text);font-size:15px}.main{flex:1;min-width:0;overflow:auto}.page{max-width:980px;margin:0 auto;padding:32px 32px 64px}.page.wide{max-width:none}.page-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.page-header h1{letter-spacing:-.02em;font-size:30px;font-weight:700}.page-header .spacer{flex:1}.page-eyebrow{color:var(--text-3);font-size:13px;font-weight:500}.back-link{color:var(--ink);cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;margin-left:-6px;padding:4px 0;font-size:16px;font-weight:550;display:inline-flex}.subtle{color:var(--text-2)}.muted{color:var(--text-3)}.btn{background:var(--chip);height:38px;color:var(--text);cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:550;transition:background .12s,opacity .12s,transform 60ms;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--ink);color:var(--ink-text)}.btn.primary:hover{background:var(--ink);opacity:.9}.btn.danger{color:var(--danger)}.btn.danger.solid{background:var(--danger);color:#fff}.btn.ghost{background:0 0}.btn.ghost:hover{background:var(--surface-2)}.btn.sm{border-radius:10px;height:32px;padding:0 12px;font-size:13px}.btn.lg{border-radius:14px;height:54px;padding:0 28px;font-size:17px;font-weight:600}.btn.primary.lg{box-shadow:var(--shadow-ink)}.icon-btn{width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.circle-btn{background:var(--chip);width:36px;height:36px;color:var(--text-2);cursor:pointer;border:none;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,opacity .12s;display:inline-flex}.circle-btn:hover{background:var(--surface-3)}.circle-btn.dark{background:var(--ink);color:var(--ink-text)}.circle-btn.dark:hover{opacity:.9}.input,.select,.textarea{border:1px solid var(--border-strong);background:var(--surface);border-radius:12px;outline:none;width:100%;height:40px;padding:0 12px;transition:border-color .12s,box-shadow .12s}.textarea{resize:vertical;height:auto;padding:10px 12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field>label,.field-label{color:var(--text-2);font-size:13px;font-weight:600}.field .hint{color:var(--text-3);font-size:12px}.row{align-items:center;gap:12px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}kbd{min-width:18px;font-family:var(--mono);text-align:center;border:1px solid var(--border-strong);color:var(--text-3);background:var(--surface);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-size:11px;line-height:18px;display:inline-block}.switch{flex-shrink:0;width:38px;height:22px;position:relative}.switch input{opacity:0;width:0;height:0}.switch span{background:var(--surface-3);cursor:pointer;border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch span:after{content:"";width:16px;height:16px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--review)}.switch input:checked+span:after{transform:translate(16px)}.setting-row{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:14px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-row .label{flex:1}.setting-row .label b{font-weight:600;display:block}.setting-row .label span{color:var(--text-3);font-size:13px}.setting-row .control{flex-shrink:0;width:200px}.panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.panel-body{padding:20px 24px}.panel-title{margin-bottom:12px;font-size:16px;font-weight:650}.section-title{color:var(--text-3);margin:22px 0 0;padding:0 4px 8px;font-size:12px;font-weight:600}.empty{text-align:center;color:var(--text-3);padding:56px 20px}.empty h3{color:var(--text);margin-bottom:6px}.summary-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px;padding:14px 0;display:grid}.summary-card>div{padding:0 16px}.summary-card>div+div{border-left:1px solid var(--border)}.summary-card .label{color:var(--text-3);font-size:12px;font-weight:500}.summary-card .value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:24px;font-weight:650}.list-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.deck-item{cursor:pointer;align-items:center;gap:6px;height:56px;padding:0 8px 0 10px;transition:background .12s;display:flex}.deck-item+.deck-item{border-top:1px solid var(--border)}.deck-item:hover{background:var(--surface-2)}.deck-item.child{height:52px}.deck-item .toggle{width:22px;height:22px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.deck-item .toggle:hover{background:var(--surface-3)}.deck-item .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;font-weight:550;overflow:hidden}.deck-item.child .name{color:#3a3c42;font-size:15px;font-weight:400}:root[data-theme=dark] .deck-item.child .name{color:var(--text-2)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .deck-item.child .name{color:var(--text-2)}}.deck-item .row-menu{color:#b4b6bc}.pills{font-variant-numeric:tabular-nums;flex-shrink:0;gap:4px;font-size:13px;font-weight:600;display:flex}.pill-count{text-align:center;min-width:30px;color:var(--text-4);border-radius:999px;padding:2px 7px}.pill-count.new{background:var(--new-soft);color:var(--new)}.pill-count.learn{background:var(--learn-soft);color:var(--learn)}.pill-count.review{background:var(--review-soft);color:var(--review)}.c-new{color:var(--new)}.c-learn{color:var(--learn)}.c-review{color:var(--review)}.stat-tile{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px 16px}.stat-tile .label{color:var(--text-3);font-size:12px;font-weight:500}.stat-tile .value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:24px;font-weight:650}.menu-wrap{display:inline-block;position:relative}.menu{z-index:50;background:var(--surface);border:1px solid var(--border);min-width:168px;box-shadow:var(--shadow-lg);text-align:left;border-radius:14px;padding:4px;position:absolute;top:calc(100% + 4px);right:0}.menu button{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-weight:450;display:flex}.menu button:hover{background:var(--surface-2)}.menu button.danger{color:var(--danger)}.menu hr{border:none;border-top:1px solid var(--border);margin:4px 0}.modal-backdrop{z-index:100;background:#0a0c1073;justify-content:center;align-items:center;padding:24px;animation:.12s ease-out fade;display:flex;position:fixed;inset:0}.modal{background:var(--surface);box-shadow:var(--shadow-lg);border-radius:20px;width:100%;max-width:460px;max-height:calc(100vh - 48px);animation:.14s ease-out pop;overflow:auto}.modal.lg{max-width:720px}.modal-header{padding:20px 24px 0;font-size:17px;font-weight:650}.modal-body{padding:16px 24px}.modal-footer{justify-content:flex-end;gap:8px;padding:0 24px 20px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.97)translateY(4px)}}.toast-stack{z-index:200;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:var(--ink-text);box-shadow:var(--shadow-lg);border-radius:14px;align-items:center;gap:12px;padding:10px 16px;font-weight:500;animation:.15s ease-out pop;display:flex}.toast button{color:var(--accent);cursor:pointer;filter:brightness(1.3);background:0 0;border:none;font-weight:650}.editor-field{border:1px solid var(--border-strong);background:var(--surface);border-radius:12px;transition:border-color .12s,box-shadow .12s}.editor-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.editor-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:2px;padding:4px;display:flex}.editor-toolbar button{cursor:pointer;min-width:28px;height:28px;color:var(--text-2);background:0 0;border:none;border-radius:5px;padding:0 7px;font-size:13px}.editor-toolbar button:hover{background:var(--surface-2);color:var(--text)}.editor-toolbar .sep{background:var(--border);width:1px;margin:4px}.editor-content{overflow-wrap:anywhere;outline:none;min-height:72px;padding:10px 12px;font-size:16px;line-height:1.6}.editor-content img{max-width:100%}.editor-content:empty:before{content:attr(data-placeholder);color:var(--text-3)}.editor-html{border:none;border-top:1px dashed var(--border);width:100%;min-height:72px;font-family:var(--mono);background:var(--surface-2);resize:vertical;border-radius:0 0 var(--radius-sm) var(--radius-sm);outline:none;padding:10px 12px;font-size:12.5px}.tag-input{border:1px solid var(--border-strong);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;min-height:36px;padding:4px 8px;display:flex}.tag-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tag-input input{background:0 0;border:none;outline:none;flex:1;min-width:100px;height:26px}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12.5px;font-weight:550;display:inline-flex}.tag button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;line-height:1}.type-pills{flex-wrap:wrap;gap:6px;display:flex}.pill{background:var(--chip);cursor:pointer;color:var(--text-2);border:none;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500}.pill:hover{border-color:var(--text-3)}.pill.active{background:var(--ink);color:var(--ink-text);border-color:#0000}.add-layout{grid-template-columns:1fr 340px;align-items:start;gap:24px;display:grid}.preview-card{position:sticky;top:24px}.preview-card .card-face{min-height:80px;font-size:17px}.card-content{font-size:var(--card-font-size);text-align:center;overflow-wrap:anywhere;line-height:1.6}.card-content img{border-radius:6px;max-width:100%;height:auto}.card-content hr.answer-sep{border:none;border-top:1px solid var(--border);width:100%;margin:28px auto}.card-content .cloze{color:var(--accent);font-weight:650}.card-content .cloze-extra{color:var(--text-2);margin-top:24px;font-size:.8em}.card-content table{border-collapse:collapse;margin:0 auto}.card-content td,.card-content th{border:1px solid var(--border);padding:4px 10px}.card-content pre,.card-content code{font-family:var(--mono);text-align:left;font-size:.85em}.card-content ul,.card-content ol{text-align:left;display:inline-block}.typed{font-family:var(--mono);letter-spacing:.02em;font-size:.85em}.typed .ok{color:var(--good)}.typed .bad{color:var(--again);text-decoration:line-through}.typed .miss{color:var(--again);background:color-mix(in srgb, var(--again) 14%, transparent);border-radius:2px}.typed-arrow{color:var(--text-3);font-size:.7em}.type-answer-input{text-align:center;width:min(420px,100%);height:44px;margin:24px auto 0;font-size:18px;display:block}.study{background:var(--bg);flex-direction:column;height:100%;display:flex}.study-top{align-items:center;gap:4px;width:100%;max-width:800px;margin:0 auto;padding:10px 10px 8px;display:flex}.study-top .deck-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.study-progress{background:var(--surface-3);border-radius:2px;flex:none;align-self:center;width:calc(100% - 32px);max-width:768px;height:4px;margin:0 16px}.study-progress div{background:var(--ink);border-radius:2px;height:100%;transition:width .3s}.study-counts{font-variant-numeric:tabular-nums;gap:10px;margin-right:4px;font-size:14px;font-weight:650;display:flex}.study-counts span{border-bottom:2px solid #0000}.study-counts span.current{border-bottom-color:currentColor}.study-body{flex-direction:column;flex:1;align-items:center;padding:16px 14px;display:flex;overflow:auto}.study-card{background:var(--surface);width:100%;max-width:760px;min-height:300px;box-shadow:var(--shadow);border-radius:24px;flex-direction:column;flex:1 0 auto;justify-content:center;padding:44px 24px 36px;animation:.18s ease-out card-in;display:flex;position:relative}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}}.study-card .flag-mark{border-radius:0 0 3px 3px;width:14px;height:22px;position:absolute;top:0;right:28px}.card-meta{gap:6px;display:flex;position:absolute;top:14px;left:16px}.badge{background:var(--chip);height:22px;color:var(--text-2);border-radius:999px;align-items:center;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge.new{color:var(--new);background:var(--new-soft)}.badge.learn{color:var(--learn);background:var(--learn-soft)}.badge.review{color:var(--review);background:var(--review-soft)}.study-bottom{flex:none;padding:4px 12px 24px}.answer-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:760px;margin:0 auto;display:grid}.answer-bar.single{display:flex}.show-answer{width:100%;height:56px;box-shadow:var(--shadow-ink);border-radius:14px;font-size:17px}.grade-btn{cursor:pointer;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1px;height:64px;transition:transform 60ms,filter .12s;display:flex;position:relative}.grade-btn:hover{filter:brightness(.97)}.grade-btn:active,.grade-btn.pressed{transform:scale(.97)}.grade-btn .name{font-size:16px;font-weight:650}.grade-btn .ivl{font-variant-numeric:tabular-nums;font-size:12px}.grade-btn kbd{min-width:0;color:inherit;opacity:.45;background:0 0;border:none;padding:0;position:absolute;top:6px;right:8px}.grade-btn.again{background:var(--again-soft);color:var(--again-sub)}.grade-btn.again .name{color:var(--again)}.grade-btn.hard{background:var(--hard-soft);color:var(--hard-sub)}.grade-btn.hard .name{color:var(--hard)}.grade-btn.good{background:var(--good);color:var(--good-sub)}.grade-btn.good .name{color:#fff}.grade-btn.easy{background:var(--easy-soft);color:var(--easy-sub)}.grade-btn.easy .name{color:var(--easy)}.shortcut-hint{text-align:center;color:var(--text-3);flex-wrap:wrap;justify-content:center;gap:14px;margin-top:10px;font-size:12px;display:flex}.congrats{text-align:center;max-width:480px;margin:10vh auto 0}.congrats .big{margin-bottom:18px;font-size:56px;line-height:1}.congrats h2{margin-bottom:8px;font-size:22px}.congrats p{color:var(--text-2);margin:0 0 24px}.overview-card{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px;padding:28px 20px 20px}.overview-card .eyebrow{color:var(--text-3);font-size:13px;font-weight:500}.overview-card h1{letter-spacing:-.02em;margin-bottom:24px;font-size:28px;font-weight:700}.overview-card .desc{color:var(--text-2);margin:-16px 0 20px;font-size:14px}.count-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:24px;display:grid}.count-tile{border-radius:14px;padding:12px 14px}.count-tile .n{font-variant-numeric:tabular-nums;font-size:30px;font-weight:650;line-height:1.1}.count-tile .l{margin-top:2px;font-size:12px;font-weight:500}.count-tile.new{background:var(--new-tile)}.count-tile.new .n{color:var(--new)}.count-tile.new .l{color:var(--new-tile-label)}.count-tile.learn{background:var(--learn-tile)}.count-tile.learn .n{color:var(--learn)}.count-tile.learn .l{color:var(--learn-tile-label)}.count-tile.review{background:var(--review-tile)}.count-tile.review .n{color:var(--review)}.count-tile.review .l{color:var(--review-tile-label)}.overview-card .btn.lg{width:100%}.overview-done{text-align:center;color:var(--text-2);margin:0 0 14px;font-size:14px}.info-list{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-top:14px;padding:0 16px}.info-list>div{justify-content:space-between;align-items:center;height:46px;font-size:15px;display:flex}.info-list>div+div{border-top:1px solid var(--border)}.info-list span:first-child{color:var(--text-2)}.info-list span:last-child{font-variant-numeric:tabular-nums;font-weight:600}.text-link{color:var(--ink);cursor:pointer;background:0 0;border:none;margin:14px auto 0;font-size:14px;font-weight:550;display:block}.browse{height:100%;display:flex}.browse-side{border-right:1px solid var(--border);background:var(--surface);flex-shrink:0;width:220px;padding:16px 10px;overflow:auto}.browse-side .group-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;padding:12px 10px 4px;font-size:11.5px;font-weight:650}.browse-side button{text-align:left;cursor:pointer;width:100%;color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:5px 10px;font-size:13px;display:flex;overflow:hidden}.browse-side button:hover{background:var(--surface-2);color:var(--text)}.browse-main{flex-direction:column;flex:1;min-width:0;display:flex}.browse-toolbar{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.search-box{flex:1;min-width:220px;position:relative}.search-box svg{color:var(--text-3);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-box input{padding-left:34px}.browse-split{flex:1;min-height:0;display:flex}.browse-table-wrap{flex:1;min-width:0;overflow:auto}.browse-table{border-collapse:collapse;width:100%;font-size:13px}.browse-table th{background:var(--surface-2);text-align:left;color:var(--text-2);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1;padding:8px 12px;font-weight:600;position:sticky;top:0}.browse-table td{border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;max-width:320px;padding:7px 12px;overflow:hidden}.browse-table tr{cursor:default}.browse-table tbody tr:hover{background:var(--surface-2)}.browse-table tr.selected{background:var(--accent-soft)}.browse-table tr.suspended td{color:var(--text-3);background:color-mix(in srgb, var(--hard) 8%, transparent)}.browse-table tr.buried td{color:var(--text-3)}.flag-dot{vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.browse-editor{border-left:1px solid var(--border);background:var(--surface);flex-shrink:0;width:420px;padding:20px;overflow:auto}.card-info{grid-template-columns:auto 1fr;gap:4px 16px;font-size:13px;display:grid}.card-info dt{color:var(--text-3)}.card-info dd{font-variant-numeric:tabular-nums;margin:0}.status-bar{color:var(--text-3);border-top:1px solid var(--border);background:var(--surface);padding:6px 16px;font-size:12px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.chart-panel{margin-bottom:20px}.chart{width:100%;display:block}.chart text{fill:var(--text-3);font-size:11px}.chart .gridline{stroke:var(--border)}.chart-tip{pointer-events:none;background:var(--text);color:var(--bg);z-index:300;white-space:nowrap;border-radius:6px;padding:6px 10px;font-size:12px;position:fixed}.heatmap{gap:3px;padding-bottom:4px;display:flex;overflow-x:auto}.heatmap-col{flex-direction:column;gap:3px;display:flex}.heatmap-cell{background:var(--surface-3);border-radius:3px;width:12px;height:12px}.legend{color:var(--text-2);flex-wrap:wrap;gap:16px;margin-top:8px;font-size:12px;display:flex}.legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.segmented{background:var(--surface-2);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.segmented button{cursor:pointer;color:var(--text-2);background:0 0;border:none;border-radius:9px;padding:5px 12px;font-size:13px;font-weight:550}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.import-preview{border:1px solid var(--border);border-radius:var(--radius-sm);max-height:220px;overflow:auto}.import-preview table{border-collapse:collapse;width:100%;font-size:12.5px}.import-preview td{border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;max-width:200px;padding:5px 8px;overflow:hidden}.opt-progress{background:var(--surface-3);border-radius:3px;height:6px;margin-top:12px;overflow:hidden}.opt-progress div{background:var(--accent);border-radius:3px;height:100%;transition:width .2s}.opt-progress div.indeterminate{animation:1.2s ease-in-out infinite indeterminate}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(340%)}}.opt-result{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);margin-top:12px;padding:14px 16px}.opt-num{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.opt-params{font-family:var(--mono);color:var(--text-2);word-break:break-all;font-size:12px;line-height:1.6;display:block}.page-title{letter-spacing:-.02em;margin-bottom:16px;font-size:30px;font-weight:700}.page.narrow{max-width:640px}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.app{height:100dvh}button,a,.pill,.chip{touch-action:manipulation}.tap-hint,.swipe-hint,.m-only{display:none}.study-card.tappable{cursor:pointer}.study,.study-body{overflow-x:hidden}.study-card.swipeable{touch-action:pan-y;-webkit-user-select:none;user-select:none}.swipe-label{background:var(--surface);pointer-events:none;border:2px solid;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:700;position:absolute;top:16px}.swipe-label.good{color:var(--good);left:16px}.swipe-label.again{color:var(--again);right:16px}.select-inline{color:var(--text-2);background:0 0;border:none;padding:2px 0;font-size:13px;font-weight:550}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes slide-in{0%{transform:translate(100%)}}@media (width<=900px){.add-layout{grid-template-columns:1fr}.preview-card{position:static}.browse-side{display:none}.browse-editor{z-index:60;width:auto;position:fixed;inset:0}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){body{font-size:15px}.input,.select,.textarea,.tag-input input,.editor-content{font-size:16px}.input,.select{height:42px}.btn{height:40px}.btn.sm{height:34px}.btn-label{display:none}.m-only{display:revert}.app{flex-direction:column-reverse}.sidebar{width:auto;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid #ebebe8;border-right:none;flex-direction:row;justify-content:space-around;gap:0}.brand,.sidebar-footer,.nav-item kbd{display:none}.nav-item,.nav-item:hover,.nav-item.active{background:0 0;border-radius:0;flex-direction:column;flex:1;gap:3px;padding:0;font-size:11px}.nav-item svg{border-radius:15px;width:52px;height:30px;padding:4px 15px;transition:background .15s}.nav-item.active svg{background:var(--surface-3)}.main{padding-top:env(safe-area-inset-top)}.page{padding:16px 16px 32px}.page-header{gap:8px;margin-bottom:16px}.panel-body{padding:16px}.study-top{padding:calc(2px + env(safe-area-inset-top)) 10px 8px}.study-body{padding:16px 14px}.study-card{min-height:0;padding:44px 20px 36px}.card-meta{top:12px;left:14px}.tap-hint{text-align:center;color:var(--text-3);font-size:12px;display:block;position:absolute;bottom:14px;left:0;right:0}.study-bottom{padding:4px 12px calc(14px + env(safe-area-inset-bottom))}.grade-btn kbd,.shortcut-hint{display:none}.swipe-hint{text-align:center;color:var(--text-3);margin-top:8px;font-size:12px;display:block}.add-submit{background:var(--surface);border-top:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);margin:0 -16px -16px;padding:12px 16px;position:sticky;bottom:0}.add-submit .btn{width:100%;height:48px}.add-submit kbd{display:none}.editor-toolbar button{min-width:32px;height:32px}.modal-backdrop{align-items:flex-end;padding:0}.modal,.modal.lg{max-width:none;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0;animation:.2s ease-out sheet-up}.modal-footer .btn{flex:1;height:46px}.menu{top:auto;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:150;border-radius:16px;max-height:70dvh;padding:6px;animation:.18s ease-out sheet-up;position:fixed;overflow:auto}.menu-wrap:has(.menu):before{content:"";z-index:149;background:#0a0c1066;position:fixed;inset:0}.menu button{padding:13px 14px;font-size:16px}.toast-stack{bottom:calc(84px + env(safe-area-inset-bottom));width:calc(100% - 32px)}.toast{justify-content:space-between;width:100%}.setting-row{flex-wrap:wrap;gap:10px}.setting-row .control{width:100%}.grid-2{grid-template-columns:1fr}.stats-grid{gap:8px}.m-browse{flex-direction:column;height:100%;display:flex}.m-browse-top{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 16px 0}.chips{scrollbar-width:none;gap:6px;margin:0 -16px;padding:10px 16px 2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:13px;font-weight:550}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.m-browse-meta{color:var(--text-3);justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.m-list{background:var(--surface);flex:1;overflow:auto}.m-item{border-bottom:1px solid var(--border);color:var(--text-3);align-items:center;gap:12px;padding:12px 16px;display:flex}.m-item:active{background:var(--surface-2)}.m-item.selected{background:var(--accent-soft)}.m-item.suspended .m-item-title{color:var(--text-3)}.m-item-body{flex:1;min-width:0}.m-item-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:550;overflow:hidden}.m-item-sub{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12.5px;overflow:hidden}.m-check{border:2px solid var(--border-strong);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.m-check.on{background:var(--accent);border-color:var(--accent)}.m-action-bar{background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;display:flex}.m-sheet-page{z-index:80;background:var(--surface);flex-direction:column;animation:.2s ease-out slide-in;display:flex;position:fixed;inset:0}.m-sheet-header{padding:calc(6px + env(safe-area-inset-top)) 8px 6px;border-bottom:1px solid var(--border);align-items:center;display:flex}.m-sheet-header .row-menu{opacity:1}.m-sheet-body{padding:16px 16px calc(24px + env(safe-area-inset-bottom));flex:1;overflow:auto}}