.dictation-page{--ink:#19221e;--muted:#65706b;--paper:#f6f3ea;--surface:#fffdf7;--line:#d9d8ce;--forest:#24473d;--moss:#bdd7bd;--sun:#f1c75b;box-sizing:border-box;background:radial-gradient(circle at 14% 5%, #e7eedc 0, transparent 28rem), var(--paper);min-height:100vh;color:var(--ink);padding:24px;font-family:Georgia,Noto Serif JP,serif;position:relative;overflow:hidden}.dictation-shell{z-index:2;max-width:720px;margin:0 auto;position:relative}.dictation-reward-glass{pointer-events:none;z-index:1;background:#6dd5a114;position:fixed;inset:0;overflow:hidden}.dictation-reward-glass:after{-webkit-backdrop-filter:blur(14px)saturate(145%);backdrop-filter:blur(14px)saturate(145%);content:"";background:linear-gradient(120deg,#0000 15%,#cbffe352 44%,#5bd1962e 62%,#0000 85%);animation:.9s ease-out both reward-glass-wash;position:absolute;inset:0;transform:translate(-120%)}.dictation-reward-glass span{filter:blur(16px);background:radial-gradient(circle,#abfad0a6 0,#4fc68933 42%,#0000 72%);border-radius:999px;width:46vw;max-width:620px;height:46vw;max-height:620px;animation:.9s cubic-bezier(.2,.75,.2,1) both reward-glass-bloom;position:absolute}.dictation-reward-glass span:first-child{top:-13vw;left:-7vw}.dictation-reward-glass span:nth-child(2){animation-delay:80ms;bottom:-20vw;right:-4vw}.dictation-reward-glass span:nth-child(3){animation-delay:.14s;top:28%;left:38%}@keyframes reward-glass-wash{0%{opacity:0;transform:translate(-120%)}38%{opacity:1}to{opacity:0;transform:translate(120%)}}@keyframes reward-glass-bloom{0%{opacity:0;transform:scale(.35)}45%{opacity:.92}to{opacity:0;transform:scale(1.3)}}.dictation-topline{justify-content:space-between;align-items:center;margin-bottom:56px;display:flex}.dictation-topline-actions{align-items:center;gap:14px;display:flex}.dictation-brand{color:var(--forest);font-family:var(--font-geist-sans), sans-serif;letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:700;text-decoration:none}.dictation-progress{color:var(--muted);font-family:var(--font-geist-mono), monospace;font-size:12px}.dictation-review-link{border:1px solid var(--line);color:var(--forest);font-family:var(--font-geist-sans), sans-serif;border-radius:999px;align-items:center;min-height:36px;padding:0 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.dictation-language-toggle{border:1px solid var(--line);background:#fffdf7c2;border-radius:999px;align-items:center;padding:3px;display:flex}.dictation-language-toggle button{color:var(--muted);cursor:pointer;font-family:var(--font-geist-sans), sans-serif;background:0 0;border:0;border-radius:999px;min-height:30px;padding:5px 10px;font-size:12px;font-weight:700}.dictation-language-toggle button.active{background:var(--forest);color:#fff}.dictation-card{background:color-mix(in srgb, var(--surface) 92%, transparent);border:1px solid var(--line);border-radius:24px;padding:clamp(24px,6vw,48px);box-shadow:0 18px 40px #1f302714}.dictation-card-meta{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.dictation-eyebrow{color:var(--forest);font-family:var(--font-geist-sans), sans-serif;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:700}.dictation-card h1{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(32px,8vw,52px);font-weight:500;line-height:1}.dictation-intro,.dictation-note{color:var(--muted);font-family:var(--font-geist-sans), sans-serif;margin:0;font-size:15px;line-height:1.6}.dictation-controls{gap:18px;margin-top:36px;display:grid}.dictation-field{font-family:var(--font-geist-sans), sans-serif;gap:8px;font-size:13px;font-weight:650;display:grid}.dictation-size-field{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.dictation-size-field legend{font-family:var(--font-geist-sans), sans-serif;margin-bottom:8px;padding:0;font-size:13px;font-weight:650}.dictation-size-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.dictation-size-options button{color:var(--forest);cursor:pointer;font-family:var(--font-geist-sans), sans-serif;background:#fffefa;border:1px solid #bfc4b9;border-radius:12px;min-height:44px;padding:8px 6px;font-size:14px;font-weight:700}.dictation-size-options button:hover{border-color:var(--forest)}.dictation-size-options button.active{background:var(--forest);border-color:var(--forest);color:#fff}:is(.dictation-size-options button:focus-visible,.dictation-custom-size input:focus){outline-offset:3px;outline:3px solid #e2ad26}.dictation-custom-size{grid-template-columns:minmax(0,1fr) minmax(120px,.72fr);align-items:center;gap:10px;display:grid}.dictation-custom-size span{color:var(--muted);font-family:var(--font-geist-sans), sans-serif;font-size:12px;font-weight:650}.dictation-custom-size input{-webkit-appearance:textfield;appearance:textfield;box-sizing:border-box;color:var(--ink);font-family:var(--font-geist-sans), sans-serif;background:#fffefa;border:1px solid #bfc4b9;border-radius:12px;width:100%;min-height:44px;padding:0 12px;font-size:15px}.dictation-custom-size input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.dictation-custom-size input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.dictation-size-note{color:var(--muted);font-family:var(--font-geist-sans), sans-serif;margin:0;font-size:12px}.dictation-select,.dictation-input{-webkit-appearance:none;appearance:none;box-sizing:border-box;color:var(--ink);font:inherit;background:#fffefa;border:1px solid #bfc4b9;border-radius:12px;width:100%;min-height:48px;padding:0 14px}:is(.dictation-select:focus,.dictation-input:focus,.dictation-button:focus-visible,.dictation-play:focus-visible){outline-offset:3px;outline:3px solid #e2ad26}.dictation-button{background:var(--forest);color:#fff;cursor:pointer;font-family:var(--font-geist-sans), sans-serif;border:0;border-radius:14px;min-height:52px;padding:12px 18px;font-size:15px;font-weight:700}.dictation-button:hover{background:#173a30}.dictation-button:disabled{cursor:not-allowed;opacity:.45}.dictation-button.secondary{border:1px solid var(--forest);color:var(--forest);background:0 0}.dictation-button.quiet{color:var(--forest);background:0 0;border:0;min-height:44px;padding:8px;text-decoration:underline}.dictation-task{text-align:center;justify-items:center;display:grid}.dictation-play{background:var(--forest);color:#fff;cursor:pointer;border:7px solid #d9e8d8;border-radius:999px;justify-content:center;align-items:center;width:112px;height:112px;margin:10px 0 28px;display:flex}.dictation-play:hover{transform:scale(1.025)}.dictation-play:disabled{cursor:not-allowed;opacity:.5}.dictation-speaker{align-items:center;width:54px;height:42px;display:flex;position:relative}.dictation-speaker-body{clip-path:polygon(0 35%,30% 35%,74% 0,74% 100%,30% 65%,0 65%);background:#fff;width:34px;height:36px}.dictation-speaker-wave{border:3px solid #fff;border-left:0;border-radius:0 999px 999px 0;position:absolute}.dictation-speaker-wave.one{width:7px;height:16px;left:34px}.dictation-speaker-wave.two{opacity:.72;width:12px;height:30px;left:38px}.dictation-visually-hidden{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dictation-task label{font-family:var(--font-geist-sans), sans-serif;text-align:left;align-self:stretch;margin-bottom:8px;font-size:14px;font-weight:700}.dictation-translation-prompt{border:1px solid var(--line);text-align:left;background:#f1f1e8;border-radius:16px;align-self:stretch;gap:12px;margin:-6px 0 28px;padding:18px;display:grid}.dictation-translation-prompt div{gap:4px;display:grid}.dictation-translation-prompt span{color:var(--muted);font-family:var(--font-geist-sans), sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.dictation-translation-prompt strong{font-family:var(--font-geist-sans), sans-serif;font-size:16px;line-height:1.45}.dictation-translation-prompt .secondary{border-top:1px solid var(--line);opacity:.68;padding-top:12px}.dictation-translation-prompt .primary strong{color:var(--forest);font-size:20px}.dictation-translation-prompt.single{margin-top:-6px}.dictation-input{font-family:"Noto Sans JP", var(--font-geist-sans), sans-serif;text-align:center;min-height:64px;font-size:23px}.dictation-submit{width:100%;margin-top:16px}.dictation-hint{color:var(--muted);font-family:var(--font-geist-sans), sans-serif;margin-top:14px;font-size:12px}.dictation-feedback{font-family:var(--font-geist-sans), sans-serif;text-align:left;border-radius:16px;width:100%;margin-top:24px;padding:20px}.dictation-feedback.correct{background:#e5f0e4;border:1px solid #b9d4b7}.dictation-feedback.wrong{background:#fff0e3;border:1px solid #e7c7a8}.dictation-feedback-title{margin-bottom:12px;font-weight:800;display:block}.dictation-correct-compact{text-align:center;justify-content:center;align-items:center;gap:12px;display:flex}.dictation-correct-compact .dictation-feedback-title{margin:0}.dictation-correct-compact span{color:var(--muted);font-size:13px}.dictation-correct-answer-label{color:var(--muted);margin-bottom:8px;font-size:13px;display:block}.dictation-correct-answer{font-family:"Noto Sans JP", var(--font-geist-sans), sans-serif;letter-spacing:.02em;font-size:30px;display:block}.dictation-correct-reading{color:var(--ink);font-family:"Noto Sans JP", var(--font-geist-sans), sans-serif;align-items:baseline;gap:9px;margin-top:8px;font-size:17px;display:flex}.dictation-correct-reading small{color:var(--muted);font-family:var(--font-geist-sans), sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:750}.dictation-answer-grid{gap:8px;display:grid}.dictation-answer-grid span{color:var(--muted);font-size:13px}.dictation-answer-grid strong{color:var(--ink);font-size:16px}.dictation-feedback-actions{gap:9px;margin-top:18px;display:grid}.dictation-feedback-actions.two{grid-template-columns:1fr 1fr}.dictation-feedback-actions .dictation-button{min-height:46px}.dictation-error{color:#9f3e22;font-family:var(--font-geist-sans), sans-serif;margin:14px 0 0;font-size:13px}.dictation-audio-notice{color:var(--forest);font-family:var(--font-geist-sans), sans-serif;margin:10px 0 0;font-size:12px}.dictation-summary-counts{grid-template-columns:repeat(2,1fr);gap:12px;margin:28px 0;display:grid}.dictation-summary-counts div{background:#edf1e8;border-radius:14px;padding:18px}.dictation-summary-counts span{color:var(--muted);font-family:var(--font-geist-sans), sans-serif;font-size:12px;display:block}.dictation-summary-counts strong{font-family:var(--font-geist-mono), monospace;font-size:30px}.dictation-wrong-list{border-top:1px solid var(--line);margin:30px 0;padding:0;list-style:none}.dictation-wrong-list li{border-bottom:1px solid var(--line);font-family:var(--font-geist-sans), sans-serif;padding:16px 0}.dictation-wrong-list strong{font-size:18px;display:block}.dictation-wrong-list span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.dictation-review-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.dictation-review-badge{border-radius:999px;padding:5px 9px;font-weight:750;margin:0!important;font-size:11px!important}.dictation-review-badge.fuzzy{color:#765710;background:#fff0b7}.dictation-review-badge.forgotten{color:#8c3c28;background:#f9d8cf}.dictation-actions{gap:10px;display:grid}@media (min-width:700px){.dictation-feedback-actions{grid-template-columns:1fr 1fr 1fr}.dictation-actions{grid-template-columns:1fr 1fr}}@media (max-width:520px){.dictation-page{padding:16px}.dictation-topline{align-items:flex-start;gap:12px;margin-bottom:32px}.dictation-topline-actions{flex-direction:column-reverse;align-items:flex-end;gap:8px}.dictation-card{border-radius:20px}.dictation-card-meta{flex-direction:column;align-items:flex-start;gap:0}.dictation-size-options{grid-template-columns:repeat(4,1fr)}.dictation-size-options button:last-child{grid-column:span 4}.dictation-custom-size,.dictation-feedback-actions.two{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.dictation-play{transition:none}.dictation-reward-glass:after,.dictation-reward-glass span{opacity:.25;animation:none}}