:root{color-scheme:light;--paper: #FAFAF8;--ink: #1D1D1F;--secondary: #86868B;--tertiary: #ACADB1;--line: #E7E7E5;--wave: #647B77;--warm: #B66F6B;--ease: cubic-bezier(.22, 1, .36, 1);--intro-ease: cubic-bezier(.42, 0, .22, 1);--action-bottom: clamp(42px, 13svh, 122px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{width:100%;margin:0;min-height:100%}body{background:var(--paper);color:var(--ink)}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #849A95;outline-offset:4px}.hidden{display:none!important}.shell{width:100%;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:0 24px max(26px,env(safe-area-inset-bottom));overflow:hidden}.brand{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:clamp(42px,8.8svh,84px);flex:none;opacity:0;animation:brandBreathe .85s 0s var(--intro-ease) both}.brand-mark{display:block;width:170px;max-width:60%;height:auto;object-fit:contain}.brand-caption{margin-top:3px;color:#93979b;font-size:9.5px;line-height:1.2;letter-spacing:.01em}.stage{position:relative;width:100%;flex:1;min-height:350px;display:flex;align-items:center;justify-content:center}.panel{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:100%;width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(15px);transition:opacity .5s var(--ease),transform .65s var(--ease),visibility 0s linear .65s}.panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .6s var(--ease),transform .7s var(--ease),visibility 0s}h1{font-size:clamp(33px,9vw,42px);font-weight:650;line-height:1.2;letter-spacing:-.055em;margin:0}.subtitle{color:var(--secondary);font-size:clamp(15px,3.9vw,17px);line-height:1.65;font-weight:400;letter-spacing:-.022em;margin:16px 0 0}.actions{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.primary{border:0;background:var(--ink);color:#fff;border-radius:999px;min-height:58px;min-width:218px;padding:0 27px;display:inline-flex;align-items:center;justify-content:center;gap:23px;letter-spacing:-.01em;font-weight:500;font-size:16px;box-shadow:0 13px 30px #1d1d1f1c;transition:transform .22s var(--ease),background .2s,box-shadow .2s;-webkit-appearance:none}.primary:hover{background:#333336;box-shadow:0 16px 36px #1d1d1f26}.primary:active:not(:disabled){transform:scale(.975)}.primary:disabled{opacity:.55;cursor:default}.primary svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none}.pill-outline{border:1px solid #D8DADB;color:#404548;background:#ffffff6b;box-shadow:none;border-radius:999px;min-height:54px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:500;transition:transform .22s var(--ease),background .22s;-webkit-appearance:none}.pill-outline:hover{background:#fff}.pill-outline:active:not(:disabled){transform:scale(.975)}.pill-outline:disabled{opacity:.55;cursor:default}.pill-outline svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65}.idle-panel .actions,.review-panel .actions,.generate-panel .actions,.gate-panel .actions{position:absolute;left:0;right:0;bottom:var(--action-bottom);margin:0}.record-panel>.primary{position:absolute;bottom:var(--action-bottom)}.idle-panel .heading,.idle-panel .subtitle,.idle-panel .actions{opacity:1}.idle-panel.is-active.intro-once{opacity:1;transform:none;transition:none}.idle-panel.is-active.intro-once .heading{animation:copyBreathe 1.25s .5s var(--intro-ease) both}.idle-panel.is-active.intro-once .subtitle{animation:copyBreathe 1.2s .68s var(--intro-ease) both}.idle-panel.is-active.intro-once .actions{animation:actionBreathe .9s 1.23s var(--intro-ease) both}body.interacted .brand{animation:none;opacity:1;transform:none}body.interacted .idle-panel .heading,body.interacted .idle-panel .subtitle,body.interacted .idle-panel .actions{animation:none}.record-status{color:var(--secondary);font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:26px;margin-bottom:32px;letter-spacing:.035em}.record-dot{height:7px;width:7px;border-radius:50%;background:var(--warm);box-shadow:0 0 0 4px #b66f6b17}.wave-wrap{width:100%;display:flex;align-items:center;justify-content:center;height:132px;max-width:390px}.wave{width:100%;height:132px;display:flex;gap:2.5px;align-items:center;justify-content:center;overflow:hidden}.bar{width:3px;min-width:3px;height:5px;border-radius:10px;flex:none;background:linear-gradient(180deg,#B5C2BD 0%,var(--wave) 48%,#B5C2BD 100%);opacity:.8;will-change:height;transition:height 70ms linear}.wave:not(.is-live) .bar{transition:height .6s var(--ease),opacity .25s}.wave.is-review .bar{background:#7c9290}.wave.is-review .bar.is-upcoming{opacity:.29}.wave.is-review .bar.is-past{background:var(--ink);opacity:.86}.timer{margin:12px 0 34px;font-size:19px;color:#35383a;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:.025em}.record-panel .primary{min-width:218px}.review-panel .record-status{margin-bottom:32px}.review-panel .primary{min-width:0;flex:1;max-width:190px;padding:0 22px;box-shadow:0 10px 25px #1d1d1f17}.review-panel .pill-outline{flex:1;max-width:190px}.review-transport{display:flex;gap:13px;align-items:center;margin-top:4px;margin-bottom:25px}.play-btn{display:flex;align-items:center;justify-content:center;border:1px solid #D9DEDC;background:#ffffff73;height:44px;width:44px;border-radius:100%;color:var(--ink);-webkit-appearance:none}.play-btn:active{transform:scale(.95)}.play-btn svg{width:15px;height:15px;fill:currentColor;stroke:none}.review-duration{font-size:17px;color:#41454a;font-variant-numeric:tabular-nums;min-width:49px}.generate-panel h2{font-size:29px;letter-spacing:-.045em;font-weight:600;margin:0 0 12px}.generate-panel p{font-size:15px;color:var(--secondary);line-height:1.65;max-width:290px;margin:0}.processing-ring{width:38px;height:38px;border-radius:50%;border:2px solid #E2E4E3;border-top-color:var(--ink);margin-bottom:31px;animation:spin 1s linear infinite}.gate-panel .gate-title{font-size:22px;font-weight:600;letter-spacing:-.03em;margin:0 0 10px}.gate-panel .gate-text{font-size:14px;color:var(--secondary);line-height:1.7;margin:0}.inline-error{max-width:320px;margin-top:18px;text-align:center;color:#a44c45;font-size:13px;line-height:1.55}.footnote{min-height:24px;color:#a3a4a8;text-align:center;font-size:11px;line-height:1.6;margin:0 auto 3px;letter-spacing:.015em;transition:opacity .35s}.footnote.is-hidden{opacity:0}@keyframes brandBreathe{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes copyBreathe{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes actionBreathe{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media (max-height: 680px){.brand{margin-top:24px}.brand-mark{width:145px}.stage{min-height:300px}:root{--action-bottom: clamp(32px, 10svh, 70px)}.record-status,.review-panel .record-status{margin-bottom:15px}.timer{margin:3px 0 15px}.wave,.wave-wrap{height:105px}}@media (max-width: 350px){.brand-mark{width:153px}h1{font-size:32px}.subtitle{font-size:14px}.bar{min-width:2.5px;width:2.5px}.wave{gap:2px}.review-panel .primary,.review-panel .pill-outline{font-size:14px;padding:0 14px}}