.asr-back{font-size:var(--fs-sm);color:var(--c-ink-2);background:color-mix(in srgb, var(--c-card) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid color-mix(in srgb, var(--c-line) 60%, transparent);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:7px 13px 7px 10px;font-weight:500;display:inline-flex}.asr-back:hover{color:var(--c-ink);border-color:var(--c-outline)}.str-page{isolation:isolate;min-height:calc(100vh - 70px);padding:16px 0 80px;position:relative;overflow:hidden}.str-bg{z-index:-1;background:radial-gradient(ellipse 50% 50% at 12% 8%, color-mix(in srgb, var(--c-grad-a) 18%, transparent), transparent 60%), radial-gradient(ellipse 60% 50% at 90% 60%, color-mix(in srgb, var(--c-grad-b) 16%, transparent), transparent 60%), linear-gradient(180deg, var(--c-bg-grad-a) 0%, var(--c-bg-grad-b) 100%);position:absolute;inset:0}[data-mode=dark] .str-bg{background:radial-gradient(ellipse 50% 50% at 12% 8%, color-mix(in srgb, var(--c-grad-a) 30%, transparent), transparent 60%), radial-gradient(ellipse 60% 50% at 90% 60%, color-mix(in srgb, var(--c-grad-b) 30%, transparent), transparent 60%), var(--c-bg)}.str-head{text-align:center;padding:10px 0 16px}.str-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--c-ink);margin:0 0 10px;font-size:clamp(22px,3vw,38px);font-weight:800;line-height:1.05}.str-title-grad{background:linear-gradient(135deg, var(--c-grad-a), var(--c-pink) 60%, var(--c-grad-b));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;transition:filter .25s}.str-title-grad.on{filter:drop-shadow(0 4px 18px color-mix(in srgb, var(--c-pink) 35%, transparent))}.str-sub{font-size:var(--fs-base);color:var(--c-mute);max-width:480px;margin:0 auto;line-height:1.55}.str-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch;gap:20px;display:grid}@media (max-width:980px){.str-grid{grid-template-columns:1fr}}.str-panel-wrap{min-height:480px;position:relative}.str-right{flex-direction:column;gap:18px;display:flex}
.str-result-card .asr-result-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.str-live-tag{background:color-mix(in srgb, var(--c-pink) 12%, transparent);color:var(--c-pink);font-size:var(--fs-2xs);letter-spacing:.14em;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:700;display:inline-flex}.str-live-dot{background:var(--c-pink);width:6px;height:6px;box-shadow:0 0 0 0 color-mix(in srgb, var(--c-pink) 60%, transparent);border-radius:50%;animation:1.4s ease-out infinite str-live-pulse}@keyframes str-live-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--c-pink) 60%, transparent)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.str-recording-row{align-items:center;gap:8px;padding:10px 0 2px;display:flex}.str-recording-row--hidden{visibility:hidden}.str-recording-label{font-size:var(--fs-sm);letter-spacing:.06em;color:var(--c-pink);font-weight:600}.str-turns{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--c-primary) 30%, transparent) transparent;flex-direction:column;flex:1;gap:10px;display:flex;overflow:hidden auto}.str-turns::-webkit-scrollbar{width:5px}.str-turns::-webkit-scrollbar-track{background:0 0}.str-turns::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--c-primary) 30%, transparent);border-radius:9px}.str-turn-flow{font-size:var(--fs-md);margin:0;line-height:1.65}.str-turn-text{color:var(--c-ink)}.str-partial-text{color:var(--c-mute);font-style:italic}