:root{--ink: #191a23;--ink-soft: #5c5f70;--bg: #f4f4f7;--surface: #ffffff;--surface-warm: #fafafc;--border: #e3e4ea;--border-strong: #c9cbd6;--accent: #4f46e5;--accent-strong: #4338ca;--accent-soft: #eef0fe;--accent-grad: linear-gradient(135deg, #5b52f0 0%, #7c4fe0 100%);--ok-bg: #e5f6ec;--ok-ink: #14532d;--warn-bg: #fdf3e2;--warn-ink: #7c4a03;--error-bg: #fdecec;--error-ink: #991b1b;--info-bg: #e8f1fd;--info-ink: #1e429f;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--shadow-sm: 0 1px 2px rgba(25, 26, 35, .06);--shadow: 0 8px 24px rgba(25, 26, 35, .07);--shadow-pop: 0 12px 32px rgba(79, 70, 229, .22);font-family:Segoe UI Variable Text,Segoe UI,Hiragino Sans,Yu Gothic UI,Meiryo,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1100px 500px at 85% -10%,rgba(124,79,224,.07),transparent 60%),radial-gradient(900px 420px at -10% 0%,rgba(79,70,229,.05),transparent 55%),var(--bg);background-attachment:fixed}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}button{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 14px;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}button:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow-sm)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 10px;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.app{max-width:1100px;margin:0 auto;padding:32px 24px 64px}header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}h1{margin:0 0 6px;font-size:30px;font-weight:750;letter-spacing:-.02em}h1:after{content:"";display:inline-block;width:.28em;height:.28em;margin-left:.14em;border-radius:50%;background:var(--accent-grad)}h2{margin-top:0;letter-spacing:-.015em}h3,h4{letter-spacing:-.01em}.muted{color:var(--ink-soft)}.tabs button{margin-left:10px;padding:8px 16px;border:1px solid var(--border);background:var(--surface);border-radius:999px}.tabs .active{background:var(--ink);color:#fff;border-color:var(--ink)}.subtabs{display:inline-flex;gap:4px;margin:12px 0 20px;padding:4px;background:#191a230d;border-radius:999px}.subtabs button{padding:7px 16px;border:none;background:transparent;border-radius:999px;color:var(--ink-soft);font-weight:500}.subtabs button:hover:not(.active){color:var(--ink);box-shadow:none}.subtabs .active{background:var(--surface);color:var(--ink);font-weight:650;box-shadow:var(--shadow-sm)}.filter-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.filter-row select{padding:6px 8px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:24px}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.stack{display:grid;gap:10px}.primary,button.primary{background:var(--accent-grad);color:#fff;border:none;padding:10px 18px;border-radius:var(--radius-sm);font-weight:600;box-shadow:0 2px 8px #4f46e547}.primary:hover:not(:disabled),button.primary:hover:not(:disabled){box-shadow:var(--shadow-pop);border-color:transparent}button.ghost{background:transparent;border:1px solid var(--border-strong);color:var(--ink)}.report-card{padding:16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-warm);margin-top:16px}.report-card textarea{width:100%;margin-top:8px}.review-grid{display:grid;grid-template-columns:1fr 2fr;gap:24px}.list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.list button{width:100%;padding:10px 14px;border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:var(--radius-sm)}.list button:hover:not(.selected){border-color:var(--accent);background:var(--accent-soft);box-shadow:none}.list button.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.pack-row{padding-bottom:10px;border-bottom:1px solid var(--border)}.status-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;margin-top:6px}.status-pill.ok{background:var(--ok-bg);color:var(--ok-ink)}.status-pill.warning{background:var(--warn-bg);color:var(--warn-ink)}.status-pill.error{background:var(--error-bg);color:var(--error-ink)}.detail p{margin-top:0}.detail input,.detail textarea,.detail select{width:100%;margin-bottom:8px}.section{margin-bottom:26px}.section label{display:block;margin-top:8px;margin-bottom:4px}.edit-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;align-items:center}.edit-row input{flex:1 1 150px;min-width:120px}.edit-row input[type=number]{flex:0 0 72px;min-width:72px}.edit-row input,.edit-row select{padding:6px 8px}.bulk-box textarea{width:100%}.issue{padding:10px 12px;border-radius:var(--radius-sm)}.issue.error{background:var(--error-bg);color:var(--error-ink)}.issue.warning{background:var(--warn-bg);color:var(--warn-ink)}.issue.info{background:var(--info-bg);color:var(--info-ink)}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.classroom{padding:18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-warm)}.classroom.projector{background:var(--surface);font-size:22px}.classroom-content{margin-top:16px}.classroom-type{font-weight:650;margin:8px 0}.classroom-text{font-size:28px;line-height:1.4}.classroom-answer{margin-top:12px;padding:12px;background:var(--ok-bg);border-radius:var(--radius-sm);font-size:24px}.control-panel{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.control-panel button{border:none;background:var(--ink);color:#fff}.narrow-reading{margin-top:12px;padding:14px;background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--radius-sm)}.narrow-line{padding:4px 0}.follow-box{margin-top:8px;padding:10px;border-radius:var(--radius-sm);background:var(--info-bg)}.edit-row button{border:none;background:var(--ink);color:#fff;padding:6px 12px}.edit-row button.ghost{background:transparent;color:var(--ink);border:1px solid var(--border-strong)}.slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.slot-card{border:1px solid var(--border);padding:14px;border-radius:var(--radius);background:var(--surface-warm);margin-bottom:12px}.slot-values{margin-top:8px}.pill-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pill{background:var(--surface);color:var(--ink);padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:550;border:1px solid var(--border-strong)}.pill:hover:not(:disabled):not(.active){border-color:var(--accent);background:var(--accent-soft);box-shadow:none}.pill.active{background:var(--accent-grad);color:#fff;border-color:transparent;box-shadow:0 2px 6px #4f46e54d}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.activity textarea{width:100%;margin-top:12px;padding:12px;font-size:14px}.activity button{padding:8px 16px;border:none;background:var(--ink);color:#fff}.activity button:disabled{opacity:.5;cursor:not-allowed}.feedback{margin-top:12px;padding:12px;border-radius:var(--radius-sm);background:var(--ok-bg);color:var(--ok-ink)}.empty{padding:18px;border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-warm);color:var(--ink-soft)}.mastery{margin-top:24px}.meter{height:8px;background:var(--border);border-radius:999px;overflow:hidden;margin-top:8px}.meter .fill{height:100%;background:var(--accent-grad);border-radius:999px}.prompt{margin:12px 0}.faulty{padding:10px 12px;background:var(--error-bg);border-radius:var(--radius-sm);border:1px solid #f1c4c4}.focus-card{padding:14px;border-radius:var(--radius);background:var(--accent-soft);border:1px solid #d9ddfb;margin-bottom:16px}.drill-guidance{margin-bottom:16px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface-warm);border:1px solid var(--border)}@media (max-width: 900px){header{flex-direction:column}.grid,.review-grid,.split,.preview-grid,.edit-row{grid-template-columns:1fr}}.meaning-source{background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;margin:12px 0}.meaning-source .source-text{font-size:22px;font-weight:600;line-height:1.4}.meaning-source .gloss{margin-top:6px;font-size:13px;color:var(--ink-soft);font-style:italic}.meaning-options{display:flex;flex-direction:column;gap:8px;margin-top:12px}.meaning-options .option{padding:12px 14px;text-align:left;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);font-size:15px}.meaning-options .option:hover{border-color:var(--accent)}.meaning-options .option.selected{background:var(--accent-soft);border-color:var(--accent);font-weight:600}.translation{margin:6px 0 10px;font-size:14px}.listen-btn{margin-top:6px}.frame-row{grid-template-columns:2fr 2fr 2fr 80px auto auto!important}@media (max-width: 820px){.grid,.split,.review-grid,.preview-grid{grid-template-columns:1fr}header{flex-wrap:wrap;gap:8px}.row{flex-wrap:wrap}.edit-row,.frame-row,.slot-value-row{grid-template-columns:1fr!important}.panel{padding:14px}input,select,textarea{max-width:100%;box-sizing:border-box}.matrix-row{gap:6px}.classroom-text{font-size:1.4em;word-break:break-word}.subtabs{flex-wrap:wrap;border-radius:var(--radius)}}button.danger,button.ghost.danger{color:#c0392b;border-color:#e3b0aa}button.danger:hover,button.ghost.danger:hover{background:var(--error-bg);border-color:#c0392b}code.join-code{font-size:1.25em;letter-spacing:.12em;font-weight:700;padding:2px 8px;background:var(--accent-soft);border-radius:6px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (max-width: 900px){.split .drill-column{order:-1}}@media (min-width: 901px){.grid>*:first-child{position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow-y:auto}}.leaderboard{border-collapse:collapse;width:100%;max-width:480px}.leaderboard td{padding:10px 12px;border-bottom:1px solid var(--border)}.leaderboard .rank{width:3em;text-align:center}.leaderboard .points{text-align:right;font-variant-numeric:tabular-nums;font-weight:650}.leaderboard-me td{background:var(--accent-soft)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.pack-row .pack-structure{font-size:.85em}.pack-row .pack-meta{font-size:.78em;display:flex;align-items:center;gap:.4em}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted, #9aa);flex:none}.status-dot.ok{background:#3fa66a}.status-dot.warn{background:#d9a441}.status-dot.error{background:#c0392b}.actions-more{border-top:1px solid var(--border, #e6e6ee);padding-top:.6rem;margin-top:.4rem}.actions-more .spacer{flex:1}.sheetgroup{margin-bottom:.6rem}.sheetgroup-label{font-size:.75em;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem}.muted.quiet{font-size:.85em;opacity:.75}.linkish{background:none;border:0;padding:0;font:inherit;color:var(--accent, #4b4bd6);text-decoration:underline;cursor:pointer}.picker .field{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.picker .field select{flex:1;min-width:0}button,select,input[type=text],input[type=number],input[type=search]{min-height:32px}.slot-value-row input[aria-label^=Reading]{min-width:9.5rem}.slot-value-row input[aria-label^=L1]{min-width:9rem}.slot-value-row input[aria-label^=L2]{min-width:8rem}.toolgroup{margin-bottom:.5rem;width:100%}.toolgroup-label{font-size:.72em;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.15rem}.jump{display:flex;flex-wrap:wrap;gap:.9rem;font-size:.8em;margin-bottom:.4rem}.jump a{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}.jump a:hover{color:var(--accent, #4b4bd6)}[id]{scroll-margin-top:1rem}.section-fold>summary{cursor:pointer;list-style:none}.section-fold>summary::-webkit-details-marker{display:none}.section-fold>summary h3{display:inline-block;margin:.6rem 0 .2rem}.section-fold>summary h3:before{content:"▸ ";opacity:.5}.section-fold[open]>summary h3:before{content:"▾ "}.home-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:.5rem 0 1rem}.home-card{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.25rem;text-align:left;min-height:130px;border:1px solid var(--border, #d9d9e3);border-radius:14px;background:var(--card, #fff);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.home-card:hover{transform:translateY(-2px);border-color:#6c5ce7;box-shadow:0 6px 18px #00000014}.home-icon{font-size:1.6rem;line-height:1}.home-title{font-size:1.1rem;font-weight:650}.home-blurb{font-size:.9rem;opacity:.7;font-weight:400}.home-count{margin:0 0 1rem}.home-setup{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:.9rem;border-top:1px solid var(--border, #e6e6ee)}.crumb{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border, #e6e6ee)}.crumb-title{font-size:1.15rem;font-weight:650}.print-fast{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:.75rem 0}.print-fast .primary{font-size:1rem;padding:.6rem 1.1rem}