:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#24211d;background:#f7f2e9;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #24211d;--muted: #716b62;--surface: #fffdf8;--line: #ded7cb;--accent: #dc5b2b;--accent-dark: #9e3515;--accent-soft: #fae3d6;--safe: #476554;--danger: #ad2d22}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 84% 4%,rgba(230,164,110,.16),transparent 27rem),#f7f2e9;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(220,91,43,.42);outline-offset:3px}.app-shell{max-width:760px;margin:0 auto;padding:0 22px}.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(113,107,98,.18)}.brand{color:var(--ink);text-decoration:none;font-weight:800;font-size:18px;display:flex;align-items:center;gap:9px}.brand-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--accent)}.local-badge{display:flex;gap:6px;align-items:center;color:var(--safe);font-size:13px;font-weight:700}.intro{padding:52px 0 48px;animation:rise-in .6s cubic-bezier(.2,.7,.2,1) both}.eyebrow{margin:0 0 13px;color:var(--accent-dark);font-size:13px;font-weight:800;letter-spacing:.14em}.intro h1{margin:0;font-size:clamp(34px,8vw,58px);line-height:1.14;letter-spacing:-.045em;font-weight:800}.intro-copy{margin:22px 0 26px;color:var(--muted);font-size:18px;line-height:1.7}.safety-line{display:flex;align-items:flex-start;gap:10px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#594f45;font-size:14px;line-height:1.65}.safety-line svg{color:var(--accent);flex:0 0 auto;margin-top:2px}.tool-section{padding:42px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:28px}.step-number{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--ink);font-weight:800}.section-heading h2{font-size:clamp(23px,5vw,30px);line-height:1.2;letter-spacing:-.025em;margin:0 0 8px}.section-heading p{color:var(--muted);line-height:1.6;margin:0}.frequency-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.frequency-button{position:relative;min-height:76px;border:1px solid var(--line);border-radius:15px;background:#fffdf8b8;color:var(--ink);cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.frequency-button>span{font-size:21px;font-weight:800}.frequency-button>small{display:block;margin-top:1px;color:var(--muted);font-size:11px}.frequency-button:hover:not(:disabled){transform:translateY(-2px);border-color:#bcb2a5}.frequency-button.is-playing{animation:tone-pulse .9s ease-out}.frequency-button.is-best{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.frequency-button em{position:absolute;left:50%;bottom:-8px;transform:translate(-50%);white-space:nowrap;border-radius:20px;padding:2px 8px;color:#fff;background:var(--accent);font-size:10px;font-style:normal;font-weight:700}.frequency-check{position:absolute;right:8px;top:8px;color:var(--safe)}.frequency-button:disabled{cursor:not-allowed;opacity:.5}.tone-question{margin-top:20px;padding:18px;border-radius:16px;background:var(--surface);display:flex;justify-content:space-between;align-items:center;gap:14px;animation:reveal .25s ease-out both}.tone-question>span{font-weight:700}.tone-question>div{display:flex;gap:8px}.tone-question button{min-height:48px;border:1px solid var(--line);border-radius:12px;padding:0 16px;background:transparent;color:var(--ink);cursor:pointer}.tone-question .primary-small{display:inline-flex;align-items:center;gap:5px;border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700}.selection-note{margin:20px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.voice-section{padding-bottom:48px}.voice-stage{min-height:330px;padding:28px 20px 24px;border-radius:28px;display:flex;flex-direction:column;align-items:center;background:#292622;color:#fff;overflow:hidden;transition:background .25s}.voice-stage.status-recording{background:#80331c}.voice-stage.is-cancelling{background:#64251f}.voice-status{min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;text-align:center}.voice-status strong{font-size:16px}.voice-status time{width:100%;color:#ffffffb3;font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:#918a80}.status-recording .status-dot{background:#ffb08e;box-shadow:0 0 0 7px #ffb08e24;animation:dot-pulse 1.1s infinite}.waveform{height:72px;display:flex;align-items:center;justify-content:center;gap:5px;width:100%;margin:7px 0 13px}.waveform i{width:4px;border-radius:8px;background:#ffffffa8;transition:height .1s ease-out}.hold-button{width:174px;height:174px;border:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:var(--accent);color:#fff;box-shadow:0 0 0 13px #dc5b2b1f,0 16px 40px #00000040;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .16s,background .16s}.hold-button:active:not(:disabled),.status-recording .hold-button{transform:scale(.94);background:#f07140}.hold-button:disabled{cursor:wait;opacity:.58}.hold-button>span:not(.hold-icon){font-size:20px;font-weight:800}.hold-button small{display:flex;gap:4px;align-items:center;font-size:11px;opacity:.78}.hold-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#ffffff24}.error-message{margin-top:16px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:15px;color:var(--danger);background:#fff1ed;border-radius:14px;font-size:14px;line-height:1.5}.error-message button{min-height:44px;border:0;background:transparent;color:var(--danger);font-weight:800;cursor:pointer}.playback-actions{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.playback-actions button{min-height:58px;border-radius:14px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:800}.replay-button,.stop-button{border:1px solid var(--accent);background:var(--accent);color:#fff}.original-button{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.playback-actions .stop-button{grid-column:1 / -1;background:var(--ink);border-color:var(--ink)}.settings-section{padding:25px 0}.settings-toggle{width:100%;min-height:60px;border:0;padding:0;display:flex;align-items:center;justify-content:space-between;background:transparent;color:var(--ink);cursor:pointer;text-align:left}.settings-toggle>span{display:flex;align-items:center;gap:10px}.settings-toggle small{color:var(--muted);font-size:13px;font-weight:500}.settings-toggle>svg{transition:transform .2s}.settings-toggle>svg.rotate{transform:rotate(180deg)}.settings-body{padding:14px 0 10px;animation:reveal .25s ease-out both}.settings-body fieldset{border:0;padding:0;margin:0 0 28px}.settings-body legend{margin-bottom:12px;font-weight:700}.pitch-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pitch-options button{min-height:64px;border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);color:var(--ink);cursor:pointer}.pitch-options button.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.pitch-options span{font-weight:800}.pitch-options small{margin-top:2px;color:inherit;opacity:.65}.volume-control>span{display:flex;justify-content:space-between}.volume-control small{color:var(--muted)}.volume-control input{width:100%;height:44px;accent-color:var(--accent)}.settings-hint{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.6}footer{padding:34px 0 calc(42px + env(safe-area-inset-bottom));color:var(--muted);font-size:12px;line-height:1.75}footer strong{color:var(--ink)}.privacy-note{display:flex;align-items:center;gap:6px;margin-top:18px;color:var(--safe);font-weight:700}.modal-backdrop{position:fixed;z-index:20;inset:0;padding:20px;display:grid;align-items:end;background:#1c191694;backdrop-filter:blur(5px);animation:fade-in .2s ease-out}.safety-modal{position:relative;max-width:520px;width:100%;margin:0 auto;padding:30px 24px calc(24px + env(safe-area-inset-bottom));border-radius:26px 26px 18px 18px;background:var(--surface);text-align:center;animation:sheet-in .32s cubic-bezier(.2,.8,.2,1)}.modal-close{position:absolute;right:14px;top:14px;width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--muted);cursor:pointer}.modal-icon{width:62px;height:62px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.safety-modal h2{margin:0 0 12px;font-size:27px}.safety-modal p{margin:0 auto 23px;max-width:380px;color:var(--muted);line-height:1.7}.modal-primary{width:100%;min-height:58px;border:0;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}}@keyframes reveal{0%{opacity:0;transform:translateY(6px)}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{transform:translateY(30px);opacity:0}}@keyframes tone-pulse{0%{box-shadow:0 0 #dc5b2b4d}to{box-shadow:0 0 0 18px #dc5b2b00}}@keyframes dot-pulse{50%{opacity:.5}}@media(max-width:560px){.app-shell{padding:0 17px}.topbar{min-height:64px}.intro{padding:40px 0 38px}.intro-copy{font-size:16px}.frequency-grid{grid-template-columns:repeat(4,1fr);gap:7px}.frequency-button{min-height:68px;border-radius:13px}.frequency-button>span{font-size:18px}.frequency-grid .frequency-button:last-child{grid-column:2 / 4}.tone-question{align-items:stretch;flex-direction:column}.tone-question>div{display:grid;grid-template-columns:1fr 1fr}.voice-stage{min-height:318px;padding-left:12px;padding-right:12px}.hold-button{width:164px;height:164px}.pitch-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:370px){.local-badge{font-size:11px}.intro h1{font-size:31px}.frequency-button>span{font-size:16px}.section-heading{gap:12px}.voice-stage{margin-left:-5px;margin-right:-5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}