html{color-scheme:light}body{margin:0}#root{min-height:100vh}:root{--ink: #26343d;--muted: #66737a;--cream: #f4efe6;--paper: #fffdf8;--line: #ddd5c8;--line-strong: #c8bdad;--navy: #1e3d52;--coral: #df6b55;--coral-dark: #b84e3b;--teal: #278f83;--teal-soft: #e5f2f0;--gold: #d99a2d;--gold-soft: #fbf2df;--green: #2f8c68;--green-soft: #e7f4ed;--red: #b94d49;--red-soft: #fae9e8;--shadow: 0 12px 30px rgba(53, 45, 36, .09)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background-color:var(--cream);background-image:linear-gradient(rgba(82,68,50,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(82,68,50,.04) 1px,transparent 1px);background-size:28px 28px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-layout{display:grid;width:min(1490px,calc(100% - 32px));margin:24px auto 42px;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}.sidebar{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow-y:auto;padding:22px;background:#fffdf8fa;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.eyebrow,.section-kicker{margin:0 0 7px;color:var(--coral-dark);font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.sidebar h2,.task-card h2,.feedback h2,.history-card h2{margin:0;color:var(--navy)}.sidebar h2{font-size:23px}.filter-count{display:flex;align-items:baseline;gap:7px;margin-top:17px}.filter-count strong{color:var(--teal);font-size:30px}.filter-count span,.available-count,.sidebar-note p{color:var(--muted);font-size:12px;line-height:1.45}.available-count{margin:4px 0 0}.filter-actions{display:grid;margin:17px 0 13px;grid-template-columns:1fr 1fr;gap:7px}.filter-actions button,.clear-button{padding:8px 9px;color:var(--navy);background:#fff;border:1px solid var(--line-strong);border-radius:8px;cursor:pointer;font-size:11px;font-weight:800}.filter-actions button:hover,.clear-button:hover{color:#fff;background:var(--teal);border-color:var(--teal)}.warning{margin:0 0 12px;padding:9px 10px;color:var(--red);background:var(--red-soft);border-radius:9px;font-size:11px;font-weight:800}.filter-list{display:grid;gap:8px}.filter-option{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:9px;padding:11px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:11px;cursor:pointer}.filter-option.active{color:var(--ink);background:var(--teal-soft);border-color:#278f836b}.filter-option input{position:absolute;opacity:0;pointer-events:none}.check{display:grid;width:24px;height:24px;place-items:center;color:#fff;background:var(--teal);border-radius:7px;font-size:12px;font-weight:900}.filter-option:not(.active) .check{color:transparent;background:#fff;border:1px solid var(--line-strong)}.filter-option>span:last-child{display:grid;gap:3px}.filter-option strong{font-size:12px}.filter-option small{color:var(--muted);font-size:10px}.sidebar-note{margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.sidebar-note strong{color:var(--navy);font-size:12px}.sidebar-note p{margin:5px 0 12px}.app{min-width:0}.app-header{display:flex;justify-content:space-between;gap:24px;padding:26px 28px;background:#fffdf8fa;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.app-header h1{margin:0;color:var(--navy);font-size:clamp(31px,5vw,47px);line-height:1.03;letter-spacing:-.04em}.app-header p:not(.eyebrow){max-width:690px;margin:10px 0 0;color:var(--muted);line-height:1.5}.score{display:grid;min-width:118px;padding:12px 15px;color:#fff;background:var(--navy);border-radius:13px;text-align:center}.score span{font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.score strong{font-size:28px}.score small{color:#ffffffad;font-size:17px}.word-card,.task-card,.feedback,.history-card{margin-top:18px;background:#fffdf8fa;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.word-card{overflow:hidden}.word-card-header{display:flex;justify-content:space-between;gap:12px;padding:12px 17px;color:#fff;background:var(--navy);font-size:11px;font-weight:850;text-transform:uppercase}.word-stage{position:relative;display:grid;min-height:235px;place-items:center;overflow:hidden;padding:40px;background:linear-gradient(145deg,var(--gold-soft),var(--teal-soft))}.word-stage p{position:relative;z-index:1;margin:0;color:var(--navy);font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,8vw,82px);font-weight:700;letter-spacing:-.035em}.decoration{position:absolute;border-radius:999px}.decoration-one{width:155px;height:155px;top:-57px;right:-36px;background:#df6b5526}.decoration-two{width:110px;height:110px;bottom:-48px;left:-25px;background:#d99a2d33}.task-card{padding:23px}.task-heading{display:flex;gap:12px}.task-number{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;color:#fff;background:var(--coral);border-radius:10px;font-size:13px;font-weight:900}.task-card h2{font-size:23px}.task-help{margin:12px 0 0;color:var(--muted);font-size:12px}.complexity-row{display:grid;margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.complexity-row button{display:grid;min-height:66px;place-items:center;gap:3px;padding:10px;color:var(--navy);background:#fff;border:2px solid var(--line);border-radius:12px;cursor:pointer;font-size:16px;font-weight:850}.complexity-row button small{font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.complexity-row button.selected{color:#fff;background:var(--teal);border-color:var(--teal)}.complexity-row button.correct-answer{color:#fff;background:var(--green);border-color:var(--green)}.complexity-row button.incorrect-answer{color:#fff;background:var(--red);border-color:var(--red)}.affix-task{border-color:#d99a2d80}.classification-list{display:grid;gap:10px;margin-top:17px}.classification-row{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:14px;padding:12px;background:#f7f3ec;border:1px solid var(--line);border-radius:11px}.affix-label{display:grid;gap:3px;text-align:center}.affix-label strong{color:var(--coral-dark);font-family:Georgia,Times New Roman,serif;font-size:22px}.affix-label span{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.kind-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kind-buttons button{min-height:46px;color:var(--navy);background:#fff;border:2px solid var(--line);border-radius:10px;cursor:pointer;font-size:12px;font-weight:850}.kind-buttons button.selected{color:#fff;background:var(--teal);border-color:var(--teal)}.action-row{display:flex;justify-content:flex-end;gap:9px;margin-top:15px}.primary-button,.secondary-button{min-height:44px;padding:10px 16px;border-radius:10px;cursor:pointer;font-size:12px;font-weight:850}.primary-button{color:#fff;background:var(--coral);border:1px solid var(--coral)}.primary-button:hover:not(:disabled){background:var(--coral-dark);border-color:var(--coral-dark)}.primary-button:disabled{cursor:not-allowed;opacity:.48}.secondary-button{color:var(--navy);background:#fff;border:1px solid var(--line-strong)}.secondary-button:hover{color:#fff;background:var(--navy);border-color:var(--navy)}.feedback{padding:24px}.feedback.correct{border-color:#2f8c686b}.feedback.incorrect{border-color:#b94d496b}.feedback h2{font-size:30px}.result-summary{margin:12px 0 0;font-size:16px;line-height:1.5}.analysis{margin:17px 0;padding:17px;background:#f6f2eb;border-radius:13px}.analysis-label{margin:0;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.breakdown{margin:7px 0 15px;color:var(--navy);font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,4vw,38px)}.root-row{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:9px}.root-row span{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.correct-affix-list{display:grid;gap:8px;margin-top:10px}.correct-affix-list article{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:11px 12px;background:#fff;border:1px solid var(--line);border-left-width:5px;border-radius:9px}.correct-affix-list article.correct-affix{border-left-color:var(--green)}.correct-affix-list article.incorrect-affix{border-left-color:var(--red)}.correct-affix-list article>div{display:grid}.correct-affix-list strong{color:var(--coral-dark);font-family:Georgia,Times New Roman,serif;font-size:19px}.correct-affix-list span{color:var(--muted);font-size:10px;text-transform:uppercase}.correct-affix-list p,.analysis-note,.simple-note{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.analysis-note{margin-top:11px;padding-top:11px;border-top:1px solid var(--line)}.simple-note{margin:16px 0;padding:14px;background:var(--green-soft);border-radius:10px}.history-card{padding:23px}.history-heading{display:flex;justify-content:space-between;gap:20px}.history-heading h2{font-size:24px}.history-heading p:not(.section-kicker){margin:5px 0 0;color:var(--muted);font-size:12px}.clear-button{align-self:start;padding:8px 9px;color:var(--navy);background:#fff;border:1px solid var(--line-strong);border-radius:8px;cursor:pointer;font-size:11px;font-weight:800}.history-empty{margin:17px 0 0;padding:15px;color:var(--muted);background:#f6f2eb;border-radius:10px;font-size:13px}.history-list{display:grid;gap:10px;margin-top:17px}.history-entry{padding:14px;background:#fff;border:1px solid var(--line);border-left-width:5px;border-radius:11px}.history-entry.correct{border-left-color:var(--green)}.history-entry.incorrect{border-left-color:var(--red)}.history-entry>div{display:flex;justify-content:space-between;gap:10px}.history-entry>div strong{color:var(--navy);font-family:Georgia,Times New Roman,serif;font-size:20px}.history-entry>div span{padding:4px 7px;background:#f4f0e9;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase}.history-entry p{margin:8px 0 0;color:var(--muted);font-size:11px}.history-entry time{display:block;margin-top:9px;color:var(--muted);font-size:9px}@media(max-width:1050px){.app-layout{grid-template-columns:1fr}.sidebar{position:static;max-height:none}.filter-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.app-layout{width:calc(100% - 18px);margin-top:9px}.app-header,.history-heading{flex-direction:column}.score{width:100%}.filter-list,.complexity-row,.kind-buttons{grid-template-columns:1fr}.classification-row,.correct-affix-list article{grid-template-columns:1fr}.action-row{flex-direction:column}}.bank-summary{display:flex;align-items:baseline;gap:8px;margin-top:18px;padding:12px;background:var(--gold-soft);border:1px solid rgba(217,154,45,.34);border-radius:11px}.bank-summary strong{color:var(--gold);font-size:30px}.bank-summary span{color:var(--muted);font-size:12px}.mode-card{margin-top:14px;padding:15px;background:#fff;border:2px solid var(--line);border-radius:13px;transition:border-color .15s ease,background .15s ease}.mode-card.active{background:var(--teal-soft);border-color:var(--teal)}.mode-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.mode-card-heading p{margin:0 0 4px;color:var(--coral-dark);font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.mode-card-heading h3{margin:0;color:var(--navy);font-size:15px;line-height:1.3}.mode-description{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.mode-switch{display:grid;justify-items:center;gap:4px;cursor:pointer}.mode-switch input{position:absolute;width:1px;height:1px;opacity:0}.mode-switch-control{position:relative;width:46px;height:26px;background:#aeb7bc;border-radius:999px;transition:background .15s ease}.mode-switch-control:after{position:absolute;width:20px;height:20px;top:3px;left:3px;content:"";background:#fff;border-radius:50%;box-shadow:0 2px 5px #0000002e;transition:transform .15s ease}.mode-switch input:checked+.mode-switch-control{background:var(--teal)}.mode-switch input:checked+.mode-switch-control:after{transform:translate(20px)}.mode-switch input:disabled+.mode-switch-control{opacity:.55}.mode-switch-label{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}.current-mode{display:grid;gap:4px;margin-top:12px;padding:11px 12px;color:#fff;background:var(--navy);border-radius:10px}.current-mode span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.current-mode strong{font-size:12px}.introductory-note{padding:13px;background:var(--gold-soft);border:1px solid rgba(217,154,45,.35);border-radius:10px}.feedback-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.feedback-mode{padding:6px 9px;color:var(--teal);background:var(--teal-soft);border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase}.correct-affix-list article.ungraded-affix{border-left-color:var(--gold)}@media(max-width:720px){.feedback-heading{flex-direction:column}}