.practice-page{padding-bottom:9rem}.practice-toolbar{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.practice-toolbar h1{font-size:clamp(2rem,5vw,3.5rem)}.toolbar-actions{display:flex;align-items:end;gap:.75rem}.language-selector{display:grid;gap:.25rem;color:var(--fog-blue);font-size:.8rem;font-weight:700}button,select{border:1px solid var(--fog-blue-soft);border-radius:.65rem;padding:.7rem .9rem;color:var(--ink);background:var(--surface);font:inherit}.mode-hint{margin:-.75rem 0 1rem;padding:.75rem .9rem;border:1px solid var(--fog-blue-soft);border-radius:.85rem;color:var(--fog-blue);background:color-mix(in srgb,var(--surface) 86%,var(--fog-blue-soft));font-size:.9rem}.manual-practice{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.85rem;margin:0 0 1rem;padding:1rem;border:1px solid var(--fog-blue-soft);border-radius:1rem;background:var(--surface);box-shadow:0 .75rem 2rem #37404c0d}.manual-practice label{display:grid;gap:.4rem;color:var(--fog-blue);font-size:.9rem;font-weight:700}.manual-practice textarea{width:100%;resize:vertical;min-height:5rem;border:1px solid var(--fog-blue-soft);border-radius:.85rem;padding:.75rem .9rem;color:var(--ink);background:color-mix(in srgb,var(--surface) 96%,var(--fog-blue-soft));font:inherit;font-weight:400}.result-desk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.result-desk section{min-width:0;min-height:12rem;padding:1.4rem;border:1px solid var(--fog-blue-soft);border-radius:1rem;background:var(--surface);box-shadow:0 .75rem 2rem #37404c0f}.result-desk h2{margin-top:0;font-family:Georgia,"Noto Serif SC",serif;font-size:1.1rem}.keyword-list{display:flex;flex-wrap:wrap;gap:.65rem}.keyword{display:grid;gap:.15rem;padding:.65rem .8rem;border-radius:.75rem;background:var(--fog-blue-soft)}.keyword span{color:var(--fog-blue);font-size:.85rem}.record-dock{position:fixed;z-index:10;left:50%;bottom:1rem;transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(38rem,calc(100% - 1rem));padding:.75rem .85rem .75rem 1rem;border:1px solid var(--fog-blue-soft);border-radius:1rem;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 1rem 3rem #37404c24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.record-dock span{color:var(--fog-blue);font-size:.85rem}.audio-energy{width:8rem;height:.3rem;margin-top:.45rem;border-radius:1rem;background:repeating-linear-gradient(90deg,var(--fog-blue-soft) 0 .35rem,transparent .35rem .55rem)}.audio-energy i{display:block;height:100%;border-radius:inherit;background:var(--fog-blue);transition:width .15s ease}.record-error{margin:.35rem 0 0;color:#9b3a3a;font-size:.78rem}.record-button{color:#fff;background:var(--fog-blue)}@media(max-width:760px){.practice-toolbar,.toolbar-actions,.manual-practice{align-items:stretch;flex-direction:column;grid-template-columns:1fr}.result-desk{grid-template-columns:1fr}.record-dock{bottom:.5rem}}:root{--paper: #f6f4ef;--surface: #fffefd;--fog-blue: #5d708b;--fog-blue-soft: #edf0f4;--coach-warm: #8b705d;--ink: #37404c}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif;line-height:1.6}a{color:var(--fog-blue);text-decoration:none}a:hover{color:var(--coach-warm)}header{border-bottom:1px solid var(--fog-blue-soft);background:color-mix(in srgb,var(--surface) 92%,transparent)}.shell{width:min(70rem,calc(100% - 2rem));margin-inline:auto}header .shell{display:flex;align-items:center;justify-content:space-between;min-height:4rem;gap:1rem}.brand{color:var(--ink);font-family:Georgia,"Noto Serif SC",serif;font-size:1.15rem;font-weight:700}nav{display:flex;gap:1.25rem}main{padding-block:clamp(2rem,5vw,4rem)}.eyebrow{margin:0;color:var(--coach-warm);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{margin-block:.5rem;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(2.25rem,7vw,4.5rem);line-height:1.1}.intro{max-width:32rem;margin-bottom:0;color:var(--fog-blue)}