:root{color-scheme:light dark;--primary: #ff6a00;--primary-hover: #f26500;--primary-tint: #fff3eb;--brand-blue: #0081cc;--brand-blue-hover: #0079bf;--brand-blue-tint-pale: #e5f4ff;--brand-blue-light: #bdecff;--correct: #a7d422;--correct-dark: #769e00;--correct-tint: #ecfce3;--error: #d51c1b;--error-tint: #ffebe6;--warning: #f5a623;--tooltip-bg: #faf6dc;--font-ui: "Inter", "Franklin Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;--rounded-xs: 3px;--rounded-sm: 5px;--rounded-md: 7px;--rounded-lg: 10px;--rounded-xl: 15px;--btn-xs: 8px / 50%;--btn-sm: 12px / 50%;--btn-md: 14px / 50%;--btn-lg: 22px / 50%;--pxg-1: 4px;--pxg-2: 8px;--pxg-3: 12px;--pxg-4: 16px;--pxg-5: 20px;--pxg-6: 24px;--pxg-7: 28px;--pxg-8: 32px;--shadow-soft: 0px 1px 6px rgba(0, 0, 0, .15);--shadow-medium: 0px 5px 20px rgba(0, 0, 0, .2);--shadow-large: 0px 10px 40px rgba(0, 0, 0, .2);--shadow-button-hover: 0px 5px 10px rgba(0, 0, 0, .2)}body.theme--light{--canvas: #ffffff;--surface: #ffffff;--surface-band: #f0f0f0;--surface-card-tint: #f9f9f9;--surface-card-warmer: #f5f5f5;--highlight-row: #e5f4ff;--ink: #262626;--ink-deep: #181818;--body-color: #4d4d4d;--muted: #999999;--on-primary: #ffffff;--hairline: #e5e5e5;--hairline-strong: #cfcfcf;--border-strong: #4d4d4d;--gray-light: #e5e5e5;--gray-light-2: #f0f0f0;--gray-light-3: #f9f9f9;--content-correct-bg: #ecfce3;--content-correct-fg: #5f8000;--content-error-bg: #ffebe6;--content-error-fg: #d51c1b;--content-practice-bg: #faf6dc;--content-practice-fg: #6f6b54}body.theme--dark{--canvas: #262626;--surface: #1f1f1f;--surface-band: #4d4d4d;--surface-card-tint: #2e2e2e;--surface-card-warmer: #353535;--highlight-row: #004064;--ink: #ffffff;--ink-deep: #ffffff;--body-color: #e5e5e5;--muted: #999999;--on-primary: #ffffff;--hairline: #595959;--hairline-strong: #808080;--border-strong: #b3b3b3;--gray-light: #4d4d4d;--gray-light-2: #353535;--gray-light-3: #2e2e2e;--content-correct-bg: #2a3a14;--content-correct-fg: #a7d422;--content-error-bg: #4a1f1c;--content-error-fg: #ff8080;--content-practice-bg: #3d3825;--content-practice-fg: #e7d45a;--shadow-soft: 0px 1px 6px rgba(0, 0, 0, .6);--shadow-medium: 0px 5px 20px rgba(0, 0, 0, .6);--shadow-large: 0px 10px 40px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-ui);font-weight:400;line-height:1.5;color:var(--body-color);background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:var(--pxg-4);transition:background-color .2s ease-in-out,color .2s ease-in-out}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}button:disabled{cursor:not-allowed}.wam{width:100%;max-width:520px;background:var(--surface);border-radius:var(--rounded-lg);border:1px solid var(--hairline);padding:var(--pxg-6);margin-top:var(--pxg-6);position:relative}.wam-header{text-align:center;margin-bottom:var(--pxg-6);position:relative;padding-right:var(--pxg-8);padding-left:var(--pxg-8)}.wam-h1{margin:0;font-size:24px;font-weight:800;line-height:1.2;color:var(--ink);letter-spacing:0}.wam-sub{margin:var(--pxg-1) 0 0;font-size:15px;color:var(--body-color);font-weight:400}.wam-theme-switch{position:absolute;top:var(--pxg-3);right:var(--pxg-3);width:32px;height:32px;border-radius:var(--btn-md);background:var(--gray-light-2);color:var(--body-color);display:flex;align-items:center;justify-content:center;font-size:14px;transition:background-color .15s;z-index:2}.wam-theme-switch:hover{background:var(--gray-light)}.wam-label{font-size:11px;font-weight:800;color:var(--muted);margin-bottom:var(--pxg-2);letter-spacing:.04em;text-transform:uppercase}.wam-btn{font-family:var(--font-ui);font-weight:800;font-size:16px;line-height:1.1em;padding:6px var(--pxg-4);height:32px;border-radius:var(--btn-md);transition:background-color .15s,box-shadow .15s,color .15s;display:inline-flex;align-items:center;justify-content:center}.wam-btn--primary{background:var(--primary);color:var(--on-primary)}.wam-btn--primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-button-hover)}.wam-btn--secondary{background:var(--gray-light);color:var(--body-color)}.wam-btn--secondary:hover{background:var(--hairline-strong);box-shadow:var(--shadow-button-hover)}.wam-btn--blue{background:var(--brand-blue);color:var(--on-primary)}.wam-btn--blue:hover{background:var(--brand-blue-hover);box-shadow:var(--shadow-button-hover)}.wam-btn--lg{font-size:20px;height:46px;padding:7px var(--pxg-6);border-radius:var(--btn-lg)}.wam-btn--sm{font-size:14px;height:28px;padding:5px var(--pxg-3);border-radius:var(--btn-sm)}.wam-btn--xs{font-size:11px;height:24px;padding:4px var(--pxg-2);border-radius:var(--btn-xs)}.wam-btn--block{width:100%}.wam-btn--ghost{background:transparent;border:1px solid var(--hairline);color:var(--body-color)}.wam-btn--ghost:hover{background:var(--gray-light-2)}.wam-section{margin-bottom:var(--pxg-5)}.wam-gender-row{display:flex;gap:var(--pxg-2)}.wam-gender-btn{flex:1;height:64px;border-radius:var(--rounded-lg);border:2px solid var(--hairline);background:var(--surface);color:var(--ink);font-family:var(--font-ui);font-size:22px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;transition:border-color .15s,background-color .15s}.wam-gender-btn:hover{background:var(--gray-light-2)}.wam-gender-btn--active{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.wam-gender-btn--active:hover{background:var(--ink-deep)}.wam-toggle-row{width:100%;padding:var(--pxg-3) var(--pxg-4);border-radius:var(--rounded-lg);border:1px solid var(--hairline);background:var(--surface);color:var(--ink);font-size:15px;font-weight:400;text-align:left;display:flex;justify-content:space-between;align-items:center}.wam-toggle-row__main{display:flex;flex-direction:column}.wam-toggle-row__sub{font-size:12px;color:var(--muted);margin-top:2px}.wam-switch{display:inline-block;width:36px;height:20px;border-radius:9999px;background:var(--hairline);position:relative;transition:background .15s;flex-shrink:0}.wam-switch__dot{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--canvas);transition:left .15s;box-shadow:0 1px 2px #0003}.wam-switch--on{background:var(--brand-blue)}.wam-switch--on .wam-switch__dot{left:18px}.wam-hud{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--pxg-3);padding:var(--pxg-2) var(--pxg-3);background:var(--surface-band);border-radius:var(--rounded-md)}.wam-target-pill{padding:4px var(--pxg-3);border-radius:var(--rounded-sm);font-size:13px;font-weight:800;letter-spacing:.04em;background:var(--ink);color:var(--canvas)}.wam-hud-stats{display:flex;align-items:center;gap:var(--pxg-3);font-size:14px;font-weight:700}.wam-hud-stat--time{color:var(--body-color)}.wam-hud-stat--time-urgent{color:var(--error)}.wam-hud-stat--score{color:var(--ink)}.wam-hud-lives{display:inline-flex;gap:2px}.wam-life{font-size:16px;line-height:1}.wam-life--filled{color:var(--error)}.wam-life--empty{color:var(--hairline)}.wam-en-toggle{padding:3px var(--pxg-2);border-radius:var(--btn-xs);border:1px solid var(--hairline);background:var(--surface);color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.05em;height:24px}.wam-en-toggle--on{background:var(--brand-blue);border-color:var(--brand-blue);color:var(--on-primary)}.wam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--pxg-3);background:var(--surface-card-tint);padding:var(--pxg-4);border-radius:var(--rounded-lg)}.wam-hole{height:130px;border-radius:var(--rounded-md);background:transparent;position:relative;overflow:hidden;transition:background-color .2s}.wam-hole--good{background:var(--content-correct-bg)}.wam-hole--bad{background:var(--content-error-bg)}.wam-mole-svg{position:absolute;left:50%;transform:translate(-50%);transition:top .18s cubic-bezier(.34,1.56,.64,1),opacity .12s;pointer-events:none}.wam-hole-svg{position:absolute;left:50%;transform:translate(-50%);pointer-events:none;transition:bottom .18s}.wam-word-card{position:absolute;bottom:var(--pxg-2);left:50%;transform:translate(-50%);background:var(--surface);color:var(--ink);padding:5px var(--pxg-2);border-radius:var(--rounded-sm);font-size:13px;font-weight:700;box-shadow:var(--shadow-soft);white-space:nowrap;pointer-events:none;border:1px solid var(--hairline);text-align:center;line-height:1.15;z-index:1}.wam-word-card__en{font-size:11px;font-weight:400;color:var(--muted);font-style:italic;margin-top:1px}.wam-hint{margin-top:var(--pxg-3);font-size:13px;text-align:center;color:var(--muted)}.wam-hint strong{color:var(--ink);font-weight:800}.wam-go-head{text-align:center;margin-bottom:var(--pxg-5)}.wam-go-label{font-size:13px;color:var(--body-color);font-weight:700;margin-bottom:var(--pxg-1)}.wam-go-score{font-size:48px;font-weight:800;color:var(--ink);letter-spacing:0;line-height:1.1}.wam-go-score__unit{font-size:20px;color:var(--muted);font-weight:700;margin-left:var(--pxg-1)}.wam-go-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--pxg-2);margin-bottom:var(--pxg-3)}.wam-stat-chip{border-radius:var(--rounded-md);padding:var(--pxg-3) var(--pxg-2);text-align:center}.wam-stat-chip__val{font-size:24px;font-weight:800;line-height:1}.wam-stat-chip__lbl{font-size:12px;color:var(--body-color);margin-top:var(--pxg-1);font-weight:700;letter-spacing:.02em}.wam-stat-chip--good{background:var(--content-correct-bg)}.wam-stat-chip--good .wam-stat-chip__val{color:var(--content-correct-fg)}.wam-stat-chip--bad{background:var(--content-error-bg)}.wam-stat-chip--bad .wam-stat-chip__val{color:var(--content-error-fg)}.wam-stat-chip--miss{background:var(--content-practice-bg)}.wam-stat-chip--miss .wam-stat-chip__val{color:var(--content-practice-fg)}.wam-accuracy{text-align:center;font-size:13px;color:var(--muted);margin-bottom:var(--pxg-5)}.wam-accuracy strong{color:var(--body-color);font-weight:800}.wam-list-wrap{margin-bottom:var(--pxg-3);border-radius:var(--rounded-md);overflow:hidden}.wam-list-wrap--good{background:var(--content-correct-bg)}.wam-list-wrap--bad{background:var(--content-error-bg)}.wam-list-wrap--miss{background:var(--content-practice-bg)}.wam-list-head{display:flex;align-items:center;padding:var(--pxg-2) var(--pxg-3)}.wam-list-toggle{flex:1;display:flex;align-items:center;gap:var(--pxg-2);background:transparent;color:var(--ink);font-size:14px;font-weight:800;text-align:left}.wam-list-arrow{display:inline-block;transition:transform .15s;color:var(--muted);font-size:10px}.wam-list-arrow--open{transform:rotate(90deg)}.wam-list-count{color:var(--on-primary);border-radius:9999px;padding:1px var(--pxg-2);font-size:11px;font-weight:800;min-width:22px;text-align:center}.wam-list-count--good{background:var(--correct-dark)}.wam-list-count--bad{background:var(--error)}.wam-list-count--miss{background:var(--content-practice-fg)}.wam-copy-btn{background:var(--surface);border:1px solid var(--hairline);color:var(--body-color);font-size:11px;font-weight:800;letter-spacing:.02em;height:24px;padding:0 var(--pxg-2);border-radius:var(--btn-xs);transition:background-color .15s,color .15s,border-color .15s}.wam-copy-btn:hover{background:var(--gray-light-2)}.wam-copy-btn--copied{background:var(--correct);color:var(--on-primary);border-color:var(--correct)}.wam-list-body{padding:0 var(--pxg-3) var(--pxg-3);max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--pxg-1)}.wam-list-empty{font-size:13px;color:var(--muted);font-style:italic;padding:var(--pxg-1) 0 var(--pxg-2)}.wam-list-item{display:flex;justify-content:space-between;align-items:baseline;padding:6px var(--pxg-2);background:var(--surface);border-radius:var(--rounded-xs);font-size:14px;gap:var(--pxg-2)}.wam-art{font-weight:700;color:var(--ink)}.wam-art--strike{text-decoration:line-through;color:var(--error);font-weight:400}.wam-arrow{color:var(--muted);font-size:11px}.wam-meta{font-size:12px;color:var(--muted);white-space:nowrap;text-align:right;flex-shrink:0;font-style:italic}.wam-go-actions{display:flex;gap:var(--pxg-2);margin-top:var(--pxg-6)}.wam-go-actions .wam-btn{flex:1}