:root{--background:#f7f7f2;--surface:#fff;--surface-muted:#eeeeea;--text:#1e2624;--muted:#5f6d68;--border:#d8ded8;--accent:#2d6a4f;--accent-strong:#1b4332;--focus:#b85721}*{box-sizing:border-box}html{min-height:100%}body{background:var(--background);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:#ffffffdb}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding:16px 24px;display:flex}.brand{letter-spacing:0;align-items:center;gap:9px;font-weight:760;text-decoration:none;display:inline-flex}.brand-mascot{width:32px;height:32px}.vocabull-mascot{transform-origin:50% 88%;display:block;overflow:visible}.vocabull-mascot:hover{animation:.85s vocabull-hop}.vocabull-mascot:active .vocabull-head{transform-box:fill-box;transform-origin:50%;animation:.6s vocabull-headbutt}.vocabull-eyes{transform-box:fill-box;transform-origin:50%;animation:5.2s infinite vocabull-blink}.sign-in-hero{grid-template-columns:minmax(210px,260px) minmax(280px,420px);justify-content:center;align-items:center;gap:34px;width:100%;display:grid}.sign-in-panel{align-items:center;min-height:calc(100vh - 178px);display:grid}.mascot-card{background:#fbf3e9;border:1px solid #eadfce;border-radius:8px;place-items:center;min-height:278px;padding:18px 18px 0;display:grid;position:relative;overflow:hidden}.sign-in-mascot{width:min(72vw,220px);max-width:220px;animation:4.6s ease-in-out infinite vocabull-idle}.sign-in-card{gap:14px;width:100%;display:grid}.sign-in-form{gap:10px;display:grid}.success-notice{color:#1b5e3a;background:#edf7f1;border:1px solid #9fcfb3;border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.success-notice p{color:#35664d;margin:3px 0 0}.success-badge{color:#fff;background:#2d6a4f;border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;animation:.42s ease-out both success-pop;display:inline-flex}@keyframes success-pop{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes vocabull-blink{0%,90%,to{transform:scaleY(1)}94%,96%{transform:scaleY(.06)}}@keyframes vocabull-hop{0%{transform:translateY(0)scaleY(1)}22%{transform:translateY(-16px)scaleY(1.04)}45%{transform:translateY(0)scaleY(.94)}60%{transform:translateY(-6px)scaleY(1.02)}78%{transform:translateY(0)scaleY(.98)}to{transform:translateY(0)scaleY(1)}}@keyframes vocabull-headbutt{0%{transform:rotate(0)translateY(0)}25%{transform:rotate(-9deg)translateY(-4px)}55%{transform:rotate(14deg)translateY(2px)}80%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes vocabull-idle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(-1deg)}}@media (prefers-reduced-motion:reduce){.vocabull-mascot,.vocabull-mascot:hover,.vocabull-mascot:active .vocabull-head,.vocabull-eyes,.practice-coach-mascot,.practice-summary-mascot,.practice-summary-score,.summary-confetti span,.success-badge,.streak-flag,.sign-in-mascot{animation:none}}.nav{align-items:center;gap:10px;display:flex}.nav-form{margin:0}.link-button,.primary-button,.secondary-button,.disabled-button{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-height:40px;padding:9px 14px;font-weight:650;text-decoration:none;display:inline-flex}.link-button{color:var(--muted)}.primary-button{background:var(--accent);color:#fff}.secondary-button{background:var(--surface);border-color:var(--border);color:var(--text)}.disabled-button{background:var(--surface-muted);border-color:var(--border);color:var(--muted);cursor:default}.page{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:56px 24px}.hero,.panel{gap:24px;display:grid}.hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start}.eyebrow{color:var(--accent-strong);margin:0 0 12px;font-size:.9rem;font-weight:700}h1{letter-spacing:0;max-width:780px;margin:0;font-size:clamp(2.25rem,5vw,4.8rem);line-height:1.02}h2{letter-spacing:0;margin:0;font-size:1.5rem;line-height:1.2}p{line-height:1.65}.lead{max-width:680px;color:var(--muted);font-size:1.1rem}.actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.actions form{margin:0}.stack{gap:10px;max-width:420px;display:grid}.field-label{color:var(--muted);font-size:.95rem;font-weight:700}.text-input{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;border-radius:6px;padding:10px 12px}.text-input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.import-steps,.file-panel,.guidance-panel,.result-panel,.facts{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:24px}.import-steps ol{margin-bottom:0;padding-left:22px}.file-panel{gap:14px;display:grid}.file-panel h2,.file-panel p{margin-bottom:0}.file-control{gap:8px;font-weight:700;display:grid}.file-control input{border:1px solid var(--border);background:var(--surface-muted);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:6px;padding:10px}.field-help{color:var(--muted);font-size:.95rem}.form-error,.form-success{border-radius:6px;padding:10px 12px}.form-error{color:#7c2d12;background:#fff0eb;border:1px solid #de8b6f}.form-success{color:var(--accent-strong);background:#edf7f1;border:1px solid #9fcfb3}.result-panel{gap:14px;display:grid}.result-panel h2,.result-panel p{margin-bottom:0}.result-panel ul{margin:0;padding-left:20px}.result-counts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.result-counts div{border:1px solid var(--border);border-radius:6px;padding:12px}.result-counts dt{color:var(--muted);font-size:.9rem;font-weight:700}.result-counts dd{margin:4px 0 0;font-size:1.2rem;font-weight:760}.library-panel{gap:20px;display:grid}.library-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.library-controls label{color:var(--muted);gap:6px;font-weight:700;display:grid}.library-controls select{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);font:inherit;border-radius:6px;padding:8px 10px}.library-table select{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);font:inherit;border-radius:6px;padding:6px 8px}.inline-error{color:#8f1d1d;margin:0;font-weight:700}.library-table-wrap{overflow-x:auto}.library-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);width:100%;min-width:760px}.library-table th,.library-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:12px}.library-table th{background:var(--surface-muted);font-size:.9rem}.table-sort-button{appearance:none;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:750}.table-sort-button[aria-pressed=true]{color:var(--accent-strong);text-decoration:underline}.detail-panel{gap:24px;display:grid}.detail-header{gap:10px;display:grid}.detail-header .link-button{justify-self:start}.detail-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.detail-facts div{border:1px solid var(--border);border-radius:6px;padding:12px}.detail-facts dt{color:var(--muted);font-size:.9rem;font-weight:700}.detail-facts dd{margin:4px 0 0}.context-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.context-list li{border-left:3px solid var(--accent);padding:8px 0 8px 14px}.context-list p{margin:0}.context-list time{color:var(--muted);margin-top:6px;font-size:.9rem;display:inline-block}.practice-panel{gap:20px;display:grid}.practice-coach{color:#4f463d;background:#fbf3e9;border:1px solid #eadfce;border-radius:8px;align-items:center;gap:12px;max-width:720px;margin-bottom:2px;padding:10px 12px;display:flex}.practice-coach p{margin:0}.practice-coach-mascot{flex:none;width:46px;height:46px;animation:4.6s ease-in-out infinite vocabull-idle}.practice-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.practice-options form{border:1px solid var(--border);border-radius:6px;gap:12px;margin:0;padding:14px;display:grid}.daily-complete-card{background:var(--surface-muted);border:1px solid var(--border);border-radius:6px;gap:12px;margin:0;padding:14px;display:grid}.status-pill{color:var(--muted);background:#e2e5df;border:1px solid #c8cec7;border-radius:6px;justify-content:center;align-items:center;min-height:40px;padding:9px 14px;font-weight:750;display:inline-flex}.practice-options label{gap:6px;font-weight:700;display:grid}.practice-options p{margin:0}.practice-options select{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);font:inherit;border-radius:6px;padding:8px 10px}.typed-recall{gap:16px;display:grid}.typed-recall label{color:var(--muted);font-size:.92rem;font-weight:700}.typed-recall textarea{border:1px solid var(--border);background:var(--surface);min-height:144px;color:var(--text);font:inherit;resize:vertical;border-radius:6px;padding:14px}.typed-recall-result{gap:16px;display:grid}.typed-recall-result h2{margin:0 0 6px;font-size:1rem}.typed-recall-actions{flex-wrap:wrap;gap:12px;display:flex}.multiple-choice{gap:16px;display:grid}.multiple-choice-options{gap:10px;display:grid}.multiple-choice-option{border:1px solid var(--border);cursor:pointer;border-radius:6px;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:14px;display:grid}.multiple-choice-option:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.practice-summary{gap:18px;max-width:860px;display:grid}.practice-summary-hero{background:#fbf3e9;border:1px solid #eadfce;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;padding:22px;display:flex;position:relative;overflow:hidden}.practice-summary-hero.is-perfect{background:#edf7f1;border-color:#9fcfb3}.summary-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.summary-confetti span{background:#e3a53c;border-radius:2px;width:7px;height:12px;animation:.9s ease-out both confetti-drop;position:absolute;top:-14px}.summary-confetti span:first-child{left:14%}.summary-confetti span:nth-child(2){background:#2d6a4f;animation-delay:80ms;left:29%}.summary-confetti span:nth-child(3){background:#b85721;animation-delay:.16s;left:44%}.summary-confetti span:nth-child(4){animation-delay:40ms;left:62%}.summary-confetti span:nth-child(5){background:#2d6a4f;animation-delay:.12s;left:76%}.summary-confetti span:nth-child(6){background:#b85721;animation-delay:.2s;left:90%}.practice-summary-hero h1{color:#7c4a2d;letter-spacing:0;text-transform:uppercase;font-size:.9rem;font-weight:800;line-height:1.2}.practice-summary-headline{color:var(--text);max-width:620px;margin:8px 0 0;font-size:clamp(1.8rem,4vw,3.25rem);font-weight:850;line-height:1.04}.practice-summary-support{color:#5f5146;max-width:520px;margin:10px 0 0;font-size:1rem;font-weight:650}.practice-summary-score{color:#7c4a2d;margin:14px 0 0;font-size:1rem;font-weight:800;animation:.44s ease-out both score-pop}.practice-summary-mascot-wrap{flex:none;justify-items:center;display:grid;position:relative}.practice-summary-mascot{width:120px;height:142px;animation:2.6s ease-in-out infinite determined-bob}.is-perfect .practice-summary-mascot{animation:1.2s ease-in-out infinite celebration-charge}.streak-flag{color:#fff;z-index:1;background:#2d6a4f;border:3px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:900;animation:.52s ease-out .22s both streak-pop;display:inline-flex;position:absolute;top:0;right:2px}.next-review-chip{background:var(--surface);border:1px solid var(--border);border-radius:6px;align-items:flex-end;padding:16px;display:grid}.next-review-chip dt{color:var(--muted);font-size:.82rem;font-weight:750}.next-review-chip dd{margin:0}.next-review-chip time{color:var(--text);margin-top:6px;font-size:1rem;font-weight:800;display:block}.practice-summary-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;display:grid}.practice-summary-metrics div{border:1px solid var(--border);border-radius:6px;padding:16px}.practice-summary-metrics dt{color:var(--muted);font-size:.88rem;font-weight:750}.practice-summary-metrics dd{margin:6px 0 0;font-size:1.45rem;font-weight:850}.result-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.result-card dt{align-items:center;gap:8px;display:flex}.result-card-correct{background:#edf7f1;border-color:#9fcfb3}.result-card-correct dt,.result-card-correct dd{color:#1b5e3a}.result-card-incorrect{background:#fff6df;border-color:#e3c979}.result-card-incorrect dt,.result-card-incorrect dd{color:#76591c}.result-card-reward{background:#f7f0dc;border-color:#e3c979}.result-card-reward dt,.result-card-reward dd{color:#76591c}.result-card-streak{background:#edf3fb;border-color:#abc8e6}.result-card-streak dt,.result-card-streak dd{color:#224d73}.missed-word-review{border:1px solid var(--border);border-radius:8px;gap:14px;padding:18px;display:grid}.missed-word-review-header{justify-content:space-between;align-items:start;gap:14px;display:flex}.missed-word-review-header h2,.missed-word-review-header p{margin:0}.missed-word-review-header p{margin-top:4px}.missed-count-pill{color:#76591c;background:#fff6df;border:1px solid #e3c979;border-radius:999px;flex:none;padding:5px 10px;font-size:.84rem;font-weight:800}@keyframes score-pop{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes determined-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(-1deg)}}@keyframes streak-pop{0%{opacity:0;transform:scale(.5)rotate(-8deg)}70%{opacity:1;transform:scale(1.12)rotate(3deg)}to{transform:scale(1)rotate(0)}}@keyframes celebration-charge{0%,to{transform:translate(0)rotate(0)}45%{transform:translate(-7px)rotate(-3deg)}70%{transform:translate(5px)rotate(2deg)}}@keyframes confetti-drop{0%{opacity:0;transform:translateY(0)rotate(0)}20%{opacity:1}to{opacity:0;transform:translateY(150px)rotate(240deg)}}.missed-word-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.missed-word-item{background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;padding:7px 11px}.missed-word-term{display:block}.missed-word-term strong{font-size:.98rem}.practice-summary-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.practice-summary-actions form{margin:0}.muted-text{color:var(--muted)}.import-steps li,.guidance-panel li,.facts li{margin:12px 0;line-height:1.55}.guidance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.guidance-panel p{margin-bottom:0}.guidance-panel summary{cursor:pointer;font-size:1.5rem;font-weight:700;line-height:1.2}.guidance-panel summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.guidance-panel ul{margin-bottom:0;padding-left:20px}.facts{background:var(--surface-muted)}.facts ul{margin-bottom:0;padding-left:20px}.notice{border-left:4px solid var(--accent);background:var(--surface);margin-top:24px;padding:14px 16px}.danger-panel{border:1px solid #f1a4a4;border-radius:6px;gap:14px;padding:18px;display:grid}.settings-panel{border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding:18px;display:grid}.settings-panel h2,.settings-panel p{margin:0}.settings-panel p{color:var(--muted)}.danger-panel h2{margin-top:0}.confirmation-control{grid-template-columns:auto 1fr;align-items:start;gap:10px;font-weight:700;display:grid}.danger-button{color:#fff;cursor:pointer;font:inherit;background:#b91c1c;border:1px solid #991b1b;border-radius:6px;justify-self:start;padding:10px 14px;font-weight:800}.danger-button:disabled{cursor:not-allowed;opacity:.55}@media (max-width:760px){.topbar-inner{flex-direction:column;align-items:flex-start}.nav{flex-wrap:wrap;width:100%}.hero{grid-template-columns:1fr}.sign-in-hero{grid-template-columns:1fr;justify-items:center}.mascot-card{width:100%;max-width:280px;min-height:236px}.guidance-grid,.result-counts,.library-controls{grid-template-columns:1fr}.library-table-wrap{overflow-x:visible}.library-table{background:0 0;border:0;min-width:0}.library-table thead{display:none}.library-table,.library-table tbody,.library-table tr,.library-table td{width:100%;display:block}.library-table tr{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:12px;overflow:hidden}.library-table td{border-bottom:1px solid var(--border);grid-template-columns:minmax(92px,.36fr) minmax(0,1fr);gap:8px;padding:12px;display:grid}.library-table td:last-child{border-bottom:0}.library-table td:before{color:var(--muted);content:attr(data-label);font-size:.84rem;font-weight:750}.library-table td>*{min-width:0}.detail-facts,.practice-options,.practice-summary-metrics{grid-template-columns:1fr}.practice-summary-hero,.missed-word-review-header{flex-direction:column;align-items:stretch}.practice-summary-mascot-wrap{justify-self:start}.practice-summary-mascot{width:96px;height:112px}.missed-count-pill{align-self:start}.missed-word-item{grid-template-columns:1fr;gap:8px}.settings-panel{grid-template-columns:1fr}.page{padding:36px 18px}}