:root{--serif:"Source Serif 4", "Source Serif Pro", "Charter", "Iowan Old Style", "Palatino Linotype", Cambria, Georgia, ui-serif, serif;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bg:#f4f2ec;--bg-elevated:#fff;--bg-soft:#faf8f3;--ink:#14110d;--ink-2:#2c2a26;--muted:#6b6862;--muted-2:#97938b;--line:#e3dfd4;--line-soft:#ece8dc;--accent:#2a3a5a;--accent-soft:#e8ecf3;--neutral-tone:#eef0f4;--emotional-tone:#f3ebe6;--correct-bg:#e6efe7;--correct-fg:#1f5132;--correct-line:#1f513238;--incorrect-bg:#f3e3e1;--incorrect-fg:#7c1d1d;--incorrect-line:#7c1d1d38;--shadow-card:0 1px 2px #14100c0a, 0 18px 44px -28px #14100c2e;font-family:var(--sans);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:radial-gradient(1200px 600px at 110% -10%, #2a3a5a0d, transparent 60%), radial-gradient(900px 500px at -10% 110%, #8c5a460d, transparent 60%), var(--bg);min-width:320px;min-height:100svh;margin:0}button,input{font:inherit;color:inherit}h1{font-family:var(--serif);color:var(--ink);letter-spacing:-.018em;margin:0;font-size:clamp(34px,5vw,54px);font-weight:600;line-height:1.06}h2{font-family:var(--serif);letter-spacing:-.005em;font-weight:600}p{margin:0}strong{font-weight:600}*{box-sizing:border-box}::selection{background:var(--accent);color:#fff}.app-shell{box-sizing:border-box;place-items:center;min-height:100svh;padding:56px 32px;display:grid;position:relative}.card,.test-screen{background:var(--bg-elevated);border:1px solid var(--line);width:min(880px,100%);box-shadow:var(--shadow-card);box-sizing:border-box;border-radius:18px}.card{padding:56px}.start-card,.tutorial-card,.results-card,.admin-card{text-align:left;gap:26px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:10px;margin:0;font-size:12px;font-weight:700;display:inline-flex}.eyebrow:before{content:"";opacity:.5;background:currentColor;width:18px;height:1px}.lead{max-width:64ch;color:var(--muted);font-size:16px;line-height:1.6}.muted{color:var(--muted);font-size:14px;line-height:1.55}.step-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.step-list li{align-items:flex-start;gap:14px;padding:10px 4px;display:flex}.step-list li span{background:var(--accent-soft);width:26px;height:26px;color:var(--accent);font-family:var(--mono);font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.step-list li p{color:var(--ink-2);padding-top:3px;font-size:15px;line-height:1.55}.name-field{color:var(--ink);letter-spacing:.005em;gap:8px;font-size:14px;font-weight:600;display:grid}.name-field input{border:1px solid var(--line);width:min(420px,100%);color:var(--ink);font:inherit;box-sizing:border-box;background:#fff;border-radius:10px;outline:none;padding:13px 16px}.name-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.primary-button,.secondary-button,.danger-button,.answer-button,.text-button{font:inherit;cursor:pointer;letter-spacing:.005em;border:1px solid #0000;border-radius:8px;font-weight:600}.primary-button,.secondary-button,.danger-button{width:fit-content;padding:12px 22px;font-size:15px}.primary-button{color:#fff;background:var(--ink);border-color:var(--ink)}.secondary-button{color:var(--ink);border-color:var(--line);background:#fff}.danger-button{color:var(--incorrect-fg);border-color:var(--incorrect-bg);background:#fff}button:disabled{cursor:not-allowed;opacity:.45}.text-button{width:fit-content;color:var(--accent);background:0 0;padding:0;font-size:14px;font-weight:600}.text-button:before{content:"← ";opacity:.7;margin-right:2px}.tutorial-guide,.tutorial-actions{gap:12px;display:grid}.input-preview{border:1px dashed var(--line);color:var(--ink-2);background:var(--bg-soft);border-radius:12px;padding:16px 18px;font-size:15px;font-weight:600}.tutorial-guide>div{border:1px solid var(--line);color:var(--ink-2);background:var(--bg-soft);border-radius:12px;align-items:center;gap:14px;padding:16px 18px;font-weight:500;line-height:1.5;display:flex}.tutorial-guide>div span{color:var(--muted);font-size:14px}.tutorial-guide>div strong{color:var(--ink);font-size:14px}.tutorial-actions{grid-template-columns:repeat(2,max-content);align-items:center;gap:14px}.tutorial-focus,.tutorial-word,.tutorial-input-grid .answer-button{min-height:320px}.mobile-only{display:none}.summary-grid,.category-table,.category-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid>div,.category-table>div,.category-summary-grid>div,.summary-comparison{border:1px solid var(--line);background:#fff;border-radius:12px;gap:6px;padding:20px 22px;display:grid}.summary-card{min-height:100px}.summary-card span,.category-table span,.category-summary-grid span,.summary-comparison span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700}.summary-card strong,.category-table strong,.category-summary-grid strong{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);font-variant-numeric:lining-nums tabular-nums;font-size:clamp(24px,2.4vw,30px);font-weight:600}.session-card{background:var(--bg-soft)!important}.emotional-card{background:#fff!important;border-left:3px solid #b87a6b!important}.neutral-card{background:#fff!important;border-left:3px solid #6e83a8!important}.summary-comparison{background:var(--accent-soft);border-color:#2a3a5a2e}.summary-comparison strong{font-family:var(--serif);letter-spacing:-.005em;color:var(--ink);font-size:17px;font-weight:500;line-height:1.5}kbd{border:1px solid var(--line);min-width:28px;color:var(--ink-2);font-family:var(--mono);background:#fff;border-bottom-width:2px;border-radius:6px;justify-content:center;align-items:center;padding:3px 8px;font-size:13px;font-weight:600;display:inline-flex}.test-screen{grid-template-rows:auto 1fr auto;gap:32px;min-height:min(680px,100svh - 112px);padding:40px;display:grid}.progress-line{color:var(--muted);justify-content:space-between;gap:16px;font-size:13px;font-weight:600;display:flex}.focus-state,.feedback,.word-zone{text-align:center;place-self:center;place-items:center;gap:14px;display:grid}.focus-mark{color:var(--muted-2);font-family:var(--serif);font-size:clamp(72px,12vw,132px);font-weight:300;line-height:.8}.focus-state p{color:var(--muted);letter-spacing:.04em;font-size:14px}.focus-state strong{color:var(--ink);font-family:var(--serif);font-variant-numeric:lining-nums tabular-nums;font-size:clamp(54px,9vw,96px);font-weight:500;line-height:1}.feedback{border:1px solid;border-radius:14px;padding:28px 36px;font-size:clamp(22px,4vw,36px)}.feedback.correct{color:var(--correct-fg);background:var(--correct-bg);border-color:var(--correct-line)}.feedback.incorrect{color:var(--incorrect-fg);background:var(--incorrect-bg);border-color:var(--incorrect-line)}.feedback strong{font-family:var(--serif);letter-spacing:-.01em;font-weight:500}.question-feedback{justify-self:stretch;padding:18px 24px;font-size:clamp(18px,3vw,26px)}.word-zone span{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:700}.word-zone p{color:var(--muted);font-size:14px;font-weight:500}.word-zone strong{color:var(--ink);font-family:var(--serif);letter-spacing:-.025em;font-size:clamp(58px,11vw,116px);font-weight:500;line-height:1}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.answer-button{min-height:132px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:12px;font-size:clamp(20px,3vw,26px);font-weight:600;display:flex}.answer-button kbd{min-width:28px;font-size:13px}.answer-button.neutral{background:var(--neutral-tone);border-color:#14110d0f}.answer-button.emotional{background:var(--emotional-tone);border-color:#14110d0f}.tutorial-input-grid .answer-button.selected{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft), 0 16px 30px #14110d1f;transform:translateY(-2px)}.admin-actions{flex-wrap:wrap;gap:10px;display:flex}.compact-danger-button{padding:8px 12px;font-size:13px}.results-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.results-actions p{flex-basis:100%}.admin-section{border:1px solid var(--line);background:#fff;border-radius:14px;gap:18px;padding:28px;display:grid}.admin-section h2{color:var(--ink);letter-spacing:-.01em;margin:0 0 4px;font-size:18px}.compact-section{grid-template-columns:1fr auto;align-items:center}.admin-settings{background:var(--bg-soft)}.admin-login{gap:16px;display:grid}.sessions-list{gap:0;display:grid;overflow-x:auto}.sessions-header,.sessions-list article{border-bottom:1px solid var(--line-soft);grid-template-columns:1.1fr 1.4fr repeat(4,minmax(100px,1fr)) minmax(72px,auto);align-items:center;gap:12px;padding:14px 4px;font-size:14px;display:grid}.sessions-header{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-bottom-color:var(--line);padding-top:0;font-size:12px;font-weight:700}.sessions-list article{font-variant-numeric:lining-nums tabular-nums}.sessions-list article strong{color:var(--ink);font-variant-numeric:normal;font-weight:600}.sessions-list article span{color:var(--muted-2)}.sessions-list article span:first-of-type{color:var(--muted)}.sessions-list article>:nth-child(n+3){color:var(--ink-2);font-weight:500}.sessions-empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px;padding:26px;font-size:14px}@media (width>=1280px){.app-shell{padding:64px 40px}.card{padding:64px 72px}.test-screen{padding:48px}}@media (hover:hover) and (pointer:fine){.answer-button{cursor:default}}@media (width<=720px){.app-shell{padding:16px}.card,.test-screen{border-radius:16px}.card{padding:28px 24px}.summary-grid,.category-table,.category-summary-grid,.tutorial-actions,.compact-section,.sessions-header,.sessions-list article{grid-template-columns:1fr}.tutorial-guide>div{align-items:flex-start}.desktop-only{display:none}.mobile-only{display:initial}.tutorial-guide .mobile-only{min-width:96px;color:var(--ink)}.test-screen{grid-template-rows:1fr auto;gap:22px;min-height:calc(100svh - 32px);padding:22px 18px}.admin-link{padding:6px 12px;font-size:12px;top:14px;right:14px}.word-zone{gap:10px}.word-zone strong{font-size:clamp(48px,14vw,86px)}.word-zone p{max-width:280px;font-size:14px}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sessions-header{display:none}.sessions-list article{gap:6px;padding:14px 0}.answer-button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:14px;flex-direction:column;min-height:clamp(180px,34svh,280px);font-size:clamp(20px,5.5vw,28px);line-height:1.05}.answer-button kbd{display:none}.progress-line{text-align:center;flex-direction:column}}