:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f3ec;--surface:#fffdf8;--ink:#1f2421;--muted:#625f55;--line:#e0dacb;--outline:#c4bda9;--accent:#0f6b62;--accent-ink:#fff;--accent-soft:#d9ece8;--danger:#b42318;--danger-solid:#b42318;--stop-bg:#fde7e1;--stop-line:#f1b5a8;--stop-ink:#a23a27;--perfect:#15803d;--perfect-ink:#fff;--unsure:#facc15;--unsure-ink:#332800;--unknown:#dc2626;--unknown-ink:#fff;--radius:12px;--tabs-height:3.75rem;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-text-size=large]{font-size:18px}:root[data-text-size=xlarge]{font-size:20px}:root[data-text-size=xxlarge]{font-size:23px}@media (prefers-color-scheme:dark){:root{--bg:#15191a;--surface:#1f2526;--ink:#eeece6;--muted:#a8a59a;--line:#343b3c;--outline:#4d5759;--accent:#4fc4b5;--accent-ink:#082420;--accent-soft:#1f3f3b;--danger:#ff8a7d;--danger-solid:#c0392b;--stop-bg:#432620;--stop-line:#7d4339;--stop-ink:#ffb4a4}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;margin:0}h1,h2,p,ul,dl,dd,fieldset{margin:0;padding:0}fieldset{border:0;min-width:0}legend{padding:0}ul{list-style:none}h1{font-family:var(--serif);font-size:1.75rem;line-height:1.2}h2{font-size:1.05rem}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{min-height:100dvh}.page{width:100%;max-width:30rem;padding:1.25rem 1rem calc(var(--tabs-height) + 2rem + env(safe-area-inset-bottom));margin:0 auto}.page-solo{padding-bottom:2rem}.stack{flex-direction:column;gap:1.25rem;display:flex}.stack-sm{flex-direction:column;gap:.625rem;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:.75rem;display:flex}.tabs{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:10;justify-content:center;display:flex;position:fixed;inset:auto 0 0}.tab{max-width:7.5rem;height:var(--tabs-height);color:var(--muted);border-top:3px solid #0000;flex:1 1 0;justify-content:center;align-items:center;font-size:.875rem;text-decoration:none;display:flex}.tab.active{color:var(--accent);border-top-color:var(--accent);font-weight:600}.eyebrow{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:.8125rem;font-weight:600}.muted{color:var(--muted);font-size:.9375rem}.error{color:var(--danger);font-size:.9375rem}.empty{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);text-align:center;padding:1.25rem 1rem}.status-line{color:var(--muted);text-align:center;padding:.25rem 0}.field{flex-direction:column;min-width:0;display:flex;position:relative}.field-label{font-size:.875rem;font-weight:600}.field>.field-label{z-index:1;background:linear-gradient(to bottom, var(--bg) 50%, var(--surface) 50%);max-width:calc(100% - 1.25rem);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;padding:0 .3125rem;font-size:.75rem;line-height:1rem;position:absolute;top:0;left:.625rem;overflow:hidden;transform:translateY(-50%)}.field:focus-within>.field-label{color:var(--accent)}.input{border:1px solid var(--outline);background:var(--surface);width:100%;min-width:0;min-height:2.875rem;color:var(--ink);font:inherit;border-radius:10px;padding:.625rem .75rem;font-size:1rem}.input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}.inline-form .field{flex:1}.legend-gap{padding-bottom:.75rem}.autogrow{resize:none;line-height:1.4;display:block;overflow:hidden}.row-main>span,.row-line>span,.term,.translation,.phonetics-large{white-space:pre-line}.textarea{resize:vertical;min-height:12rem;line-height:1.5}.phonetics{color:var(--accent);font-size:.9375rem}.phonetics-large{font-size:1.375rem}.keys{flex-wrap:wrap;gap:.375rem;display:flex}.key{border:1px solid var(--line);background:var(--surface);min-width:2.75rem;min-height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;padding:0 .625rem;font-size:1.25rem}.faint{opacity:.8;font-style:italic}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:.0625rem;height:.0625rem;position:absolute;overflow:hidden}.search-row{align-items:stretch;gap:.5rem;display:flex}.search-row .field{flex:1;min-width:0}.btn-filter{position:relative}.badge{background:var(--accent);min-width:1.25rem;height:1.25rem;color:var(--accent-ink);text-align:center;border-radius:999px;padding:0 .3rem;font-size:.75rem;font-weight:700;line-height:1.25rem;position:absolute;top:-.3rem;right:-.3rem}.active-filters{flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.pill{background:var(--accent-soft);min-height:2rem;color:var(--accent);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.375rem;padding:.125rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.add-menu{position:relative}.btn-plus{border-radius:50%;min-width:2.75rem;padding:0}.menu{z-index:5;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;min-width:14rem;padding:.25rem;display:flex;position:absolute;top:calc(100% + .375rem);right:0;box-shadow:0 10px 30px #0000002e}.menu-item{width:100%;font:inherit;text-align:left;cursor:pointer;min-height:2.75rem;color:var(--ink);background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .75rem;text-decoration:none;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--accent-soft)}.menu-count{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:0 .5rem;font-size:.8125rem;font-weight:700}.sheet{background:var(--surface);width:min(100%,30rem);max-width:30rem;max-height:88dvh;color:var(--ink);border:0;border-radius:1rem 1rem 0 0;margin:auto auto 0;padding:0;box-shadow:0 -10px 40px #0000004d}.sheet[open]{flex-direction:column;animation:.2s ease-out sheet-in;display:flex}.sheet::backdrop{background:#0f14128c}@keyframes sheet-in{0%{transform:translateY(100%)}}.sheet-header{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.sheet-header h2{font-family:var(--serif);font-size:1.25rem}.sheet-header-action{margin-right:auto}.sheet-body{flex:1;min-height:0;padding:1rem;overflow-y:auto}.sheet-footer{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.pager{text-align:center}.pairs{flex-direction:column;gap:1.375rem;display:flex}.pair{flex-direction:column;gap:.375rem;display:flex}.pair>.stack-sm{margin-top:.25rem}.pair-term{font-weight:600}.sticky-actions{bottom:calc(var(--tabs-height) + env(safe-area-inset-bottom));background:var(--bg);box-shadow:0 -12px 12px -4px var(--bg);flex-direction:column;gap:.5rem;padding:.75rem 0;display:flex;position:sticky}.inline-form{gap:.5rem;display:flex}.flag-row{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.flag-button{border-radius:var(--radius);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:2px solid #0000;flex-direction:column;align-items:center;padding:.75rem;font-weight:600;display:flex}.flag-button:hover,.flag-button:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.flag{border:1px solid #000;border-radius:.5rem;width:8rem;height:auto;box-shadow:0 4px 12px #0000001f}.teacher-page{text-align:center;justify-content:center;align-items:center;min-height:100dvh}.code-boxes{justify-content:center;gap:.5rem;display:flex}.code-box{border:1px solid var(--line);background:var(--surface);width:3.25rem;height:4rem;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;text-align:center;caret-color:#0000;border-radius:12px;padding:0;font-size:1.75rem;font-weight:700}.code-box:focus{outline:2px solid var(--accent);outline-offset:1px}.code-boxes-shake{animation:1s cubic-bezier(.36,.07,.19,.97) both shake}.code-boxes-shake .code-box{border-color:var(--danger);color:var(--danger)}@keyframes shake{10%,90%{transform:translate(-3px)}20%,80%{transform:translate(6px)}30%,50%,70%{transform:translate(-12px)}40%,60%{transform:translate(12px)}}.title-input{border:0;border-bottom:1px dashed var(--line);width:100%;color:var(--ink);font-family:var(--serif);background:0 0;padding:.125rem 0;font-size:1.75rem;font-weight:700}.date-range{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem;display:grid}.date-range .input{padding-inline:.5rem}.btn{border:1px solid var(--line);background:var(--surface);min-height:2.875rem;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:.625rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled,.score:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn-stop{border-color:var(--stop-line);background:var(--stop-bg);color:var(--stop-ink);gap:.5rem;font-weight:600}.btn-danger-solid{border-color:var(--danger-solid);background:var(--danger-solid);color:#fff}.dialog{background:var(--surface);width:min(100% - 2rem,22rem);color:var(--ink);border:0;border-radius:16px;margin:auto;padding:0;box-shadow:0 20px 50px #0000004d}.dialog-top{margin:4rem auto auto}.dialog::backdrop{background:#0f14128c}.dialog[open]{animation:.16s ease-out dialog-in}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.dialog-body{flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.dialog-body h2{font-family:var(--serif);font-size:1.3rem}.dialog-actions{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem;display:grid}.btn-block{width:100%}.btn-small{min-height:2.25rem;padding:.25rem .75rem;font-size:.875rem}.button-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.link-button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:.5rem 0;font-weight:600}.inline-link{padding:0}.add-link{align-self:flex-end;padding:0}.btn-x{min-width:2rem;min-height:2rem;color:var(--muted);background:0 0;border-color:#0000;padding:0;font-size:1rem}.btn-x:hover{color:var(--danger)}.drag-handle{color:var(--muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:6px;flex:0 0 24px;justify-content:center;align-self:stretch;align-items:center;padding:0;display:flex}.drag-handle:hover{color:var(--ink)}.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.translation-row.lifted{z-index:2;background:var(--bg);border-radius:12px;position:relative;box-shadow:0 6px 18px #0000002e}.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.list>li+li{border-top:1px solid var(--line)}.list-row{width:100%;min-height:3.5rem;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .875rem;text-decoration:none;display:flex}.list-row-static{cursor:default}.row-main{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.row-title{font-weight:600}.row-main-wide{flex:1;gap:.125rem}.row-line{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.row-line>.row-title{min-width:0}.row-line>.phonetics{text-align:right;flex-shrink:0;max-width:50%}.row-tags{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.25rem;max-width:45%;display:flex}.tag{background:var(--accent-soft);border-radius:999px;padding:.0625rem .5rem;font-size:.75rem}.tag-miss{background:var(--unknown);color:var(--unknown-ink)}.check-inline{align-items:center;gap:.625rem;font-size:.9375rem;display:flex}.check-inline input{width:1.375rem;height:1.375rem;accent-color:var(--accent);flex-shrink:0}.tab-switch{border:1px solid var(--line);background:var(--surface);border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;gap:.25rem;padding:.25rem;display:grid}.tab-choice{min-height:2.5rem;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;font-weight:600}.tab-choice-on{background:var(--accent);color:var(--accent-ink)}.qr-card{border-radius:var(--radius);background:#fff;align-self:center;width:min(100%,18rem);padding:1rem}.qr{width:100%;height:auto;display:block}.link-copy{gap:.5rem;display:flex}.link-input{text-overflow:ellipsis;flex:1;min-width:0}.btn-icon{flex-shrink:0;min-width:2.875rem;padding:0}.check-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.check{cursor:pointer;align-items:center;gap:.75rem;min-height:3.125rem;padding:.5rem .875rem;display:flex}.check+.check{border-top:1px solid var(--line)}.check input,.chip input{accent-color:var(--accent)}.check input{flex-shrink:0;width:1.375rem;height:1.375rem;margin:0}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{cursor:pointer;position:relative}.chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.chip span{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;min-height:2.5rem;padding:.375rem .875rem;font-size:.9375rem;display:inline-flex}.chip input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.quiz-header{margin-bottom:.5rem}.quiz-header .muted{margin-top:.5rem}.tree{margin:0;padding:0;list-style:none}.tree-group>.tree{padding-left:0}.tree-children{border-left:2px solid var(--line);margin-left:.625rem;padding-left:.875rem}.tree-row{cursor:pointer;align-items:center;gap:.75rem;min-height:2.75rem;display:flex}.tree-row input{width:1.375rem;height:1.375rem;accent-color:var(--accent);flex-shrink:0;margin:0}.tree-name{flex:1}.tree-arrow{color:var(--muted);font-size:.8125rem}.tree-caption{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:.5rem 0 0;font-size:.75rem;font-weight:600}.tree-add{min-height:2.5rem;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.play{padding-bottom:calc(1rem + env(safe-area-inset-bottom));flex-direction:column;gap:.875rem;display:flex}.play-live{position:fixed;inset:0;overflow:hidden}.play-scroll{flex-direction:column;flex:1;gap:.875rem;min-height:0;display:flex;overflow-y:auto}.play-bottom{flex-direction:column;flex-shrink:0;gap:.5rem;margin-top:auto;display:flex}.play:not(.play-live){min-height:100dvh}.progress{background:var(--line);border-radius:4px;height:.5rem;overflow:hidden}.progress-button{width:100%;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block}.segmented{border:1px solid var(--ink);border-radius:12px;height:1.5rem;margin-bottom:1.125rem;display:flex}.segment{font-variant-numeric:tabular-nums;flex-basis:0;justify-content:center;align-items:center;min-width:1.75rem;font-size:.8125rem;font-weight:700;transition:flex-grow .25s;display:flex}.segment-perfect{background:var(--perfect);color:var(--perfect-ink)}.segment-unsure{background:var(--unsure);color:var(--unsure-ink)}.segment-unknown{background:var(--unknown);color:var(--unknown-ink)}.segment-left{color:#fff;text-shadow:0 1px 2px #00143280;background:repeating-linear-gradient(-45deg,#2f6db5 0 10px,#4a8bd0 10px 20px) 0 0/28.28px 28.28px;animation:1s linear infinite candy}@keyframes candy{to{background-position:28.28px 0}}@media (prefers-reduced-motion:reduce){.segment-left{animation:none}}.quiet-action{color:var(--muted);align-self:center;font-weight:400}.progress-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .25s}.word-card{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .875rem;display:flex}.play-actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.action-button{border-color:var(--ink);gap:.5rem;min-height:3.25rem;font-weight:600}.answer-card{gap:.125rem;min-height:0;padding:.375rem .875rem}.answer-card .translation{padding:.125rem 0}.answer-card .phonetics-large{margin:0}.term{font-family:var(--serif);overflow-wrap:anywhere;font-size:clamp(2rem,11vw,3rem);font-weight:700;line-height:1.15}.term-meaning{font-size:clamp(1.5rem,7vw,2rem);line-height:1.25}.term-answer{font-size:clamp(1.75rem,9vw,2.5rem)}button.term{width:100%;color:inherit;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block}.read-aloud .field{margin-top:.625rem}.translation{color:var(--muted);padding:.375rem 0;font-size:1.25rem}.read-aloud{flex-direction:column;gap:.25rem;display:flex}.switch{cursor:pointer;align-items:center;gap:.625rem;min-height:2.5rem;display:flex;position:relative}.switch input{opacity:0;cursor:pointer;width:2.75rem;height:1.625rem;margin:0;position:absolute}.switch-track{background:var(--line);border-radius:13px;flex-shrink:0;width:2.75rem;height:1.625rem;transition:background .15s;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:1.25rem;height:1.25rem;transition:transform .15s;position:absolute;top:.1875rem;left:.1875rem}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:after{transform:translate(18px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.scores{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.scores-two{grid-template-columns:repeat(2,1fr)}.score{border:1px solid var(--ink);min-height:4.75rem;font:inherit;cursor:pointer;border-radius:12px;padding:.5rem .25rem;font-size:1.0625rem;font-weight:700}.score-locked{filter:grayscale()}.score-perfect{background:var(--perfect);color:var(--perfect-ink)}.score-unsure{background:var(--unsure);color:var(--unsure-ink)}.score-unknown{background:var(--unknown);color:var(--unknown-ink)}.auto-next{flex-direction:column;gap:.625rem;display:flex}.auto-next .muted{text-align:center}.auto-next-bar{background:var(--line);border-radius:4px;height:.5rem;overflow:hidden}.auto-next-fill{height:100%;transition:width .1s linear}.auto-next-actions{grid-auto-columns:1fr;grid-auto-flow:column;gap:.5rem;display:grid}.auto-next-actions .btn{border-color:var(--ink);min-height:4.75rem;font-size:1.0625rem;font-weight:700}.score-tabs{z-index:1;grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;gap:.25rem;margin-bottom:-3px;display:grid;position:relative}.score-tab{border:1px solid var(--ink);min-height:2.75rem;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border-bottom-width:3px;border-radius:12px 12px 0 0;font-size:1.25rem;font-weight:700}.score-tab-perfect{background:color-mix(in srgb, var(--perfect) 28%, var(--surface))}.score-tab-unsure{background:color-mix(in srgb, var(--unsure) 40%, var(--surface))}.score-tab-unknown{background:color-mix(in srgb, var(--unknown) 28%, var(--surface))}.score-tab-on{border-width:3px 3px 0;min-height:3.25rem}.score-tab-on.score-tab-perfect{border-color:var(--perfect);background:var(--perfect);color:var(--perfect-ink)}.score-tab-on.score-tab-unsure{border-color:var(--unsure);background:var(--unsure);color:var(--unsure-ink)}.score-tab-on.score-tab-unknown{border-color:var(--unknown);background:var(--unknown);color:var(--unknown-ink)}.score-tab:disabled{opacity:.4;cursor:default}.result-perfect{background:var(--perfect);color:var(--perfect-ink)}.result-unsure{background:var(--unsure);color:var(--unsure-ink)}.result-unknown{background:var(--unknown);color:var(--unknown-ink)}.result-perfect .phonetics,.result-perfect .muted,.result-unsure .phonetics,.result-unsure .muted,.result-unknown .phonetics,.result-unknown .muted{color:inherit}.results-panel{border-width:3px;border-radius:0 0 12px 12px}.results-panel-perfect{border-color:var(--perfect)}.results-panel-unsure{border-color:var(--unsure)}.results-panel-unsure>li+li{border-top-color:#000}.results-panel-unknown{border-color:var(--unknown)}.dot-perfect{background:var(--perfect)}.dot-unsure{background:var(--unsure)}.dot-unknown{background:var(--unknown)}.tiles{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem .875rem}.tile-value{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:700;line-height:1.1}.bars{flex-direction:column;gap:.625rem;display:flex}.bar-row{grid-template-columns:5rem 1fr 2.5rem;align-items:center;gap:.5rem;display:grid}.bar-track{background:var(--line);border-radius:4px;height:.5rem;overflow:hidden}.bar-fill{border-radius:4px;width:auto;height:100%;display:block}.bar-value{text-align:right;font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.fold>summary{cursor:pointer;border:1px solid var(--ink);border-radius:.5rem;justify-content:space-between;align-items:center;min-height:2.75rem;padding:.5rem .875rem;font-weight:600;list-style:none;display:flex}.fold>summary::-webkit-details-marker{display:none}.fold>summary:after{content:"▸"}.fold[open]>summary:after{content:"▾"}.fold[open]>summary{margin-bottom:.5rem}.field-pair{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}.field-pair>fieldset{min-width:0}.qr-inline{width:100%;margin-top:1.5rem;padding:.75rem}.teacher-link-narrow{width:75%;margin-inline:auto}.quiz-item{align-items:center;gap:.25rem;display:flex}.quiz-item>.list-row{flex:1;min-width:0}.row-tags-left{justify-content:flex-start;max-width:none;margin-top:.25rem}.score-chips{flex-shrink:0;gap:.25rem;display:flex}.score-chip{text-align:center;border-radius:.375rem;min-width:1.75rem;padding:.125rem .375rem;font-size:.875rem;font-weight:700}.score-flash{animation:2s linear both score-flash}.score-flash-perfect{--flash:var(--perfect);--flash-ink:var(--perfect-ink)}.score-flash-unsure{--flash:var(--unsure);--flash-ink:var(--unsure-ink)}.score-flash-unknown{--flash:var(--unknown);--flash-ink:var(--unknown-ink)}.score-flash .term,.score-flash .phonetics,.score-flash .translation{color:inherit}@keyframes score-flash{0%{background:color-mix(in srgb, var(--flash) 0%, var(--surface));color:color-mix(in srgb, var(--flash-ink) 0%, var(--ink))}8%{background:color-mix(in srgb, var(--flash) 6%, var(--surface));color:color-mix(in srgb, var(--flash-ink) 6%, var(--ink))}17%{background:color-mix(in srgb, var(--flash) 18%, var(--surface));color:color-mix(in srgb, var(--flash-ink) 18%, var(--ink))}27%{background:color-mix(in srgb, var(--flash) 40%, var(--surface));color:color-mix(in srgb, var(--flash-ink) 40%, var(--ink))}38%{background:color-mix(in srgb, var(--flash) 68%, var(--surface));color:color-mix(in srgb, var(--flash-ink) 68%, var(--ink))}50%{background:color-mix(in srgb, var(--flash) 100%, var(--surface));color:color-mix(in srgb, var(--flash-ink) 100%, var(--ink))}62%{background:color-mix(in srgb, var(--flash) 100%, var(--surface));color:color-mix(in srgb, var(--flash-ink) 100%, var(--ink))}75%{background:color-mix(in srgb, var(--flash) 55%, var(--surface));color:color-mix(in srgb, var(--flash-ink) 55%, var(--ink))}88%{background:color-mix(in srgb, var(--flash) 18%, var(--surface));color:color-mix(in srgb, var(--flash-ink) 18%, var(--ink))}to{background:color-mix(in srgb, var(--flash) 0%, var(--surface));color:color-mix(in srgb, var(--flash-ink) 0%, var(--ink))}}@media (prefers-reduced-motion:reduce){.score-flash{background:var(--flash);color:var(--flash-ink);animation:none}}.play-field{align-items:flex-start;gap:.5rem;display:flex}.play-field>.field{flex:1;min-width:0}.word-item{position:relative}.word-item .row-line>.phonetics{margin-right:2.25rem}.btn-speak{min-width:2.5rem;min-height:2.5rem;color:var(--ink);position:absolute;top:.1rem;right:.25rem}.tag-filter{cursor:pointer}.tag-filter:hover{filter:brightness(.95)}.score-chip-left{color:#fff;text-shadow:0 1px 2px #00143280;background:repeating-linear-gradient(-45deg,#2f6db5 0 10px,#4a8bd0 10px 20px)}