@import "https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700;900&family=Zen+Maru+Gothic:wght@500;700;900&family=Rubik:wght@400;500;700;800;900&display=swap";:root{--ink:#111317;--ink-soft:#454a57;--ink-muted:#5a6070;--rule:#e8e1d0;--rule-strong:#d5cbb3;--bg:#fff3d6;--bg-alt:#fff9e6;--paper:#fff;--coral:#ff6b6b;--coral-deep:#e04848;--sunshine:#ffd23f;--sunshine-deep:#e5b31f;--electric:#3d5afe;--electric-deep:#2d45d9;--mint:#5fd9a6;--mint-deep:#2ea373;--grape:#a78bfa;--grape-soft:#ece4ff;--grape-deep:#5b3fc4;--butter:#fff1a8;--blush:#ffe0d4;--sky-soft:#e0e7ff;--bubblegum:#ff8fd4;--sky:#7dd3fc;--tangerine:#ff8a3d;--surface:var(--paper);--surface-alt:var(--bg-alt);--surface-muted:var(--butter);--text:var(--ink);--text-soft:var(--ink-soft);--text-muted:var(--ink-muted);--text-on-primary:var(--paper);--brand:var(--coral);--primary:var(--coral);--primary-hover:var(--coral-deep);--primary-ink:var(--paper);--danger:#d92d20;--danger-hover:#b42318;--danger-surface:#fef3f2;--danger-border:#fda29b;--danger-ink:var(--paper);--danger-text:#7a1f1d;--success:var(--mint);--success-hover:var(--mint-deep);--success-ink:var(--ink);--attention:var(--sunshine);--attention-hover:var(--sunshine-deep);--attention-ink:var(--ink);--focus:var(--grape-deep);--speaker-a:var(--coral);--speaker-a-ink:var(--paper);--speaker-b:var(--electric);--speaker-b-ink:var(--paper);--border:2px solid var(--ink);--border-thin:2px solid var(--ink);--shadow-1:0 1px 2px #1113170f;--shadow-2:0 4px 12px -4px #1113171a;--shadow-lift:0 8px 24px -8px #11131726;--font-jp-display:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Kaku Gothic ProN", sans-serif;--font-jp-body:"Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", system-ui, sans-serif;--font-ui:"Rubik", "Zen Kaku Gothic New", sans-serif;color:var(--text);background:var(--bg);font:17px/1.65 var(--font-jp-body);font-feature-settings:"palt";font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}img,svg{display:block}::selection{background:var(--sunshine);color:var(--ink)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}#root{min-height:100svh;position:relative}.app{flex-direction:column;gap:.85rem;width:min(780px,100% - 1.5rem);min-height:100svh;margin:0 auto;padding:1.1rem 0 8rem;display:flex}.site-header{background:var(--surface);color:var(--text);border:var(--border);box-shadow:var(--shadow-1);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .7rem .5rem .55rem;display:flex}.brand{align-items:center;gap:.65rem;display:inline-flex}.brand-badge{background:var(--brand);width:2.1rem;height:2.1rem;color:var(--primary-ink);border:var(--border);box-shadow:var(--shadow-1);border-radius:8px;place-items:center;display:grid;transform:rotate(-5deg)}.brand>div{flex-direction:column;line-height:1.1;display:flex}.brand strong{font-family:var(--font-ui);letter-spacing:.16em;color:var(--ink);font-size:.92rem;font-weight:900}.brand span{color:var(--ink-muted);margin-top:.1rem;font-size:.7rem;font-weight:600}.site-status{flex-wrap:wrap;gap:.4rem;display:flex}.status-pill{background:var(--surface);color:var(--text);border:var(--border);font-family:var(--font-ui);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .5rem .3rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.status-pill.ready{background:var(--success);color:var(--success-ink)}.status-pill.missing{background:var(--danger);color:var(--danger-ink)}.status-dot{background:var(--ink);border-radius:999px;width:.45rem;height:.45rem}.status-pill.missing .status-dot{background:var(--paper)}.pill-badge{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--paper);border-radius:999px;padding:.12rem .35rem;font-size:.6rem;font-weight:900}.stepper{grid-template-columns:repeat(4,1fr);gap:.4rem;margin:0;padding:.4rem .2rem .2rem;list-style:none;display:grid;position:relative}.stepper:before{content:"";background:var(--rule-strong);z-index:0;border-radius:2px;height:2.5px;position:absolute;top:1.45rem;left:12%;right:12%}.stepper-item{z-index:1;flex-direction:column;align-items:center;gap:.4rem;min-width:0;display:flex;position:relative}.stepper-dot{background:var(--paper);width:2.1rem;height:2.1rem;color:var(--ink-muted);border:var(--border);font-family:var(--font-ui);cursor:pointer;border-radius:50%;place-items:center;font-size:.85rem;font-weight:900;transition:transform .14s,background .14s,color .14s;display:grid}.stepper-dot:disabled{cursor:default}.stepper-item.current .stepper-dot{background:var(--primary);color:var(--primary-ink)}.stepper-item.done .stepper-dot{background:var(--mint);color:var(--ink)}.stepper-item.future .stepper-dot{background:var(--paper);color:var(--ink-muted);opacity:.7}.stepper-label{font-family:var(--font-ui);letter-spacing:.02em;color:var(--ink-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.74rem;font-weight:700;line-height:1.2;overflow:hidden}.stepper-item.current .stepper-label{color:var(--ink)}.stepper-item.done .stepper-label{color:var(--mint-deep)}.stage-card{background:var(--surface);border:var(--border);box-shadow:var(--shadow-2);border-radius:18px;flex-direction:column;gap:.95rem;padding:1.2rem 1.25rem 1.4rem;display:flex}.stage-head{border-bottom:1px dashed var(--rule-strong);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.2rem;padding-bottom:.7rem;display:flex}.stage-head>div{min-width:0}.stage-head h2{font-family:var(--font-jp-display);color:var(--ink);margin:0;font-size:1.15rem;font-weight:700;line-height:1.25}.stage-head p{color:var(--ink-muted);margin:.2rem 0 0;font-size:.82rem;font-weight:500;line-height:1.45}.summary-strip{background:var(--bg-alt);border:var(--border-thin);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;padding:.7rem;display:grid}.summary-item{flex-direction:column;gap:.15rem;min-width:0;display:flex}.summary-item span{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);font-size:.66rem;font-weight:700}.summary-item strong{font-family:var(--font-ui);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:800;overflow:hidden}.fact{background:var(--paper);border:var(--border-thin);border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .65rem .4rem .5rem;font-size:.82rem;line-height:1.2;display:inline-flex}.fact-icon{background:var(--sunshine);width:1.5rem;height:1.5rem;color:var(--ink);border-radius:50%;place-items:center;display:grid}.fact-label{font-family:var(--font-ui);color:var(--ink-muted);letter-spacing:.04em;font-size:.72rem;font-weight:600}.fact strong{font-family:var(--font-ui);color:var(--ink);font-weight:800}.wizard{flex-direction:column;gap:.85rem;display:flex}.step,.step-head,.step-num{display:revert}.step{flex-direction:column;gap:.75rem;padding:0;display:flex}.step+.step{border-top:1px dashed var(--rule-strong);padding-top:1.1rem}.step-head{grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;display:grid}.step-head>div:not(:first-child){min-width:0}.step-head h2{font-family:var(--font-jp-display);color:var(--ink);margin:0;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:700;line-height:1.25}.step-head p{color:var(--ink-muted);margin:.15rem 0 0;font-size:.8rem;font-weight:500}.step-num{background:var(--ink);width:2.5rem;height:2.5rem;color:var(--sunshine);font-family:var(--font-ui);letter-spacing:.02em;border-radius:10px;flex-shrink:0;place-items:center;font-size:.95rem;font-weight:900;display:grid;position:relative}.step-num.small{border-radius:8px;width:1.85rem;height:1.85rem;font-size:.78rem}.style-grid{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.style-card{background:var(--paper);color:var(--ink);border:var(--border);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.75rem .85rem .8rem;transition:transform .14s,background .14s,border-color .14s;display:flex;position:relative}.style-card strong{font-family:var(--font-jp-display);color:var(--ink);font-size:.98rem;font-weight:700}.style-tagline{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);background:var(--bg-alt);border:2px solid var(--ink);border-radius:999px;padding:.12rem .45rem;font-size:.64rem;font-weight:800}.style-card p{color:var(--ink-soft);margin:.1rem 0 0;font-size:.78rem;font-weight:500;line-height:1.55}.style-card:hover{background:var(--surface-alt)}.style-card.selected{background:var(--primary);border-color:var(--primary-hover);color:var(--primary-ink)}.style-card.selected strong,.style-card.selected p{color:var(--primary-ink)}.style-card.selected .style-tagline{background:var(--attention);color:var(--ink);border-color:var(--ink)}.style-card.selected:after{content:"✓";background:var(--attention);width:1.55rem;height:1.55rem;color:var(--ink);border:var(--border);font-family:var(--font-ui);border-radius:50%;place-items:center;font-size:.88rem;font-weight:900;display:grid;position:absolute;top:-.55rem;right:-.55rem}.field{flex-direction:column;gap:.3rem;display:flex}.field>span{font-family:var(--font-ui);letter-spacing:.02em;color:var(--ink);font-size:.78rem;font-weight:700}.field input,.field textarea{background:var(--paper);width:100%;color:var(--ink);border:var(--border);border-radius:9px;padding:.6rem .8rem;font-size:.92rem;font-weight:500;line-height:1.55;transition:background .12s,border-color .12s}.field textarea{resize:vertical;min-height:3.8rem;font-family:var(--font-jp-body)}.field input::placeholder,.field textarea::placeholder{color:var(--text-muted);font-weight:400}.field input:focus,.field textarea:focus{background:var(--surface-muted);border-color:var(--primary);outline:none}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.field-grid.two{grid-template-columns:1fr 1fr}.field-wide{grid-column:span 2}.slider-field{gap:.55rem}.slider-field input[type=range]{appearance:none;background:var(--butter);border:var(--border-thin);border-radius:999px;outline:none;width:100%;height:10px;padding:0}.slider-field input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);border:var(--border);cursor:grab;border-radius:999px;width:22px;height:22px}.slider-field input[type=range]::-moz-range-thumb{background:var(--primary);border:var(--border);cursor:grab;border-radius:999px;width:22px;height:22px}.slider-field span strong{font-family:var(--font-ui);color:var(--primary);margin-left:.3rem;font-weight:900}.upload-button{background:var(--mint);color:var(--ink);border:var(--border);font-family:var(--font-ui);letter-spacing:.04em;white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem .95rem;font-size:.78rem;font-weight:800;transition:background .12s,transform .12s;display:inline-flex;position:relative}.upload-button:hover{background:var(--success-hover);color:var(--primary-ink)}.upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.chip{background:var(--paper);color:var(--ink);border:var(--border-thin);font-family:var(--font-ui);border-radius:999px;padding:.3rem .65rem;font-size:.76rem;font-weight:700}.chip-sun{background:var(--sunshine)}.chip-mint{background:var(--mint)}.chip-sky{background:var(--sky)}.chip-pink{background:var(--bubblegum)}.voice-pair{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.voice-col{background:var(--paper);border:var(--border);border-radius:16px;flex-direction:column;gap:.6rem;padding:.85rem;display:flex}.voice-col.voice-coral{background:var(--blush)}.voice-col.voice-electric{background:var(--sky-soft)}.voice-col-head{font-family:var(--font-ui);letter-spacing:.06em;color:var(--paper);background:var(--ink);border-radius:999px;align-self:flex-start;padding:.4rem .75rem;font-size:.8rem;font-weight:900}.voice-coral .voice-col-head{background:var(--speaker-a);color:var(--speaker-a-ink)}.voice-electric .voice-col-head{background:var(--speaker-b);color:var(--speaker-b-ink)}.voice-list{flex-direction:column;gap:.45rem;display:flex}.voice-item{background:var(--paper);color:var(--ink);border:var(--border-thin);border-radius:11px;grid-template-columns:1fr auto;gap:.6rem;padding:.65rem .75rem;transition:background .14s,border-color .14s,transform .14s;display:grid;position:relative}.voice-item:hover{background:var(--surface-alt)}.voice-item.selected{border-color:var(--ink);border-width:2px}.voice-item.taken{opacity:.4}.voice-item.selected:before{content:"";background:var(--primary);border-radius:0 4px 4px 0;width:4px;position:absolute;top:.7rem;bottom:.7rem;left:-2px}.voice-pick{text-align:left;flex-direction:column;align-items:flex-start;gap:.35rem;min-width:0;display:flex}.voice-pick:disabled{cursor:not-allowed}.voice-pick strong{font-family:var(--font-jp-display);color:var(--ink);font-size:.98rem;font-weight:700;line-height:1.3}.voice-pick p{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.78rem;font-weight:500;line-height:1.55;display:-webkit-box;overflow:hidden}.voice-tags{flex-wrap:wrap;gap:.28rem;display:flex}.voice-tags span{font-family:var(--font-ui);letter-spacing:.04em;background:var(--bg-alt);color:var(--ink);border:2px solid var(--ink);white-space:nowrap;border-radius:999px;padding:.1rem .45rem;font-size:.62rem;font-weight:700}.voice-coral .voice-item.selected{background:var(--speaker-a);color:var(--speaker-a-ink)}.voice-coral .voice-item.selected .voice-pick strong,.voice-coral .voice-item.selected .voice-pick p{color:var(--paper)}.voice-coral .voice-item.selected .voice-tags span{color:var(--ink);background:#ffffffeb}.voice-electric .voice-item.selected{background:var(--speaker-b);color:var(--speaker-b-ink)}.voice-electric .voice-item.selected .voice-pick strong,.voice-electric .voice-item.selected .voice-pick p{color:var(--paper)}.voice-electric .voice-item.selected .voice-tags span{color:var(--ink);background:#ffffffeb}.sample-button{background:var(--sunshine);color:var(--ink);border:2px solid var(--ink);font-family:var(--font-ui);letter-spacing:.02em;white-space:nowrap;border-radius:999px;flex-shrink:0;align-self:center;align-items:center;gap:.3rem;padding:.45rem .7rem;font-size:.74rem;font-weight:800;transition:background .12s,transform .12s;display:inline-flex}.sample-button:hover{background:var(--attention-hover)}.sample-button.playing{background:var(--primary);color:var(--primary-ink)}.voices-empty{background:var(--bg-alt);border:2px dashed var(--ink);color:var(--ink-soft);border-radius:12px;padding:1.1rem 1.2rem;font-size:.92rem;line-height:1.6}.voices-empty code{background:var(--ink);color:var(--sunshine);border-radius:4px;padding:.1rem .35rem;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.inline-toggle{font-family:var(--font-ui);color:var(--ink);cursor:pointer;align-items:center;gap:.55rem;font-size:.85rem;font-weight:600;display:inline-flex}.inline-toggle input[type=checkbox]{appearance:none;border:var(--border);background:var(--paper);cursor:pointer;border-radius:5px;place-items:center;width:1.2rem;height:1.2rem;display:grid}.inline-toggle input[type=checkbox]:checked{background:var(--mint)}.inline-toggle input[type=checkbox]:checked:after{content:"";border:solid var(--ink);border-width:0 2.5px 2.5px 0;width:.35rem;height:.7rem;transform:rotate(45deg)translate(-1px,-1px)}.advanced{gap:.5rem}.advanced-toggle{background:var(--paper);color:var(--ink);border:var(--border);font-family:var(--font-ui);text-align:left;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.55rem .8rem;font-weight:700;transition:background .14s;display:grid}.advanced-toggle:hover{background:var(--bg-alt)}.advanced.open .advanced-toggle{background:var(--grape-soft);border-bottom-color:#0000;border-radius:10px 10px 0 0}.advanced-toggle-label{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.4rem;min-width:0;font-size:.84rem;display:inline-flex;overflow:hidden}.chev{flex-shrink:0;transition:transform .2s}.advanced.open .chev{transform:rotate(-180deg)}.advanced-body{background:var(--grape-soft);border:var(--border);border-top:none;border-radius:0 0 10px 10px;padding:.8rem}.cta-bar{display:none}.result-actions{border-top:1px dashed var(--rule-strong);justify-content:center;margin-top:.5rem;padding-top:.75rem;display:flex}.result-actions .primary-button{min-width:16rem}.wizard-nav{z-index:50;background:var(--surface);border:var(--border);width:min(780px,100% - 1.5rem);box-shadow:var(--shadow-lift);border-radius:16px;flex-direction:column;gap:.55rem;padding:.75rem .85rem .85rem;display:flex;position:fixed;bottom:.85rem;left:50%;transform:translate(-50%)}.wizard-nav-actions{grid-template-columns:auto 1fr;gap:.55rem;display:grid}.wizard-nav-actions .nav-back{min-height:2.9rem;padding:.6rem 1rem}.wizard-nav-actions .primary-button{flex:1;min-height:2.9rem;padding:.6rem 1.2rem}.live-line{background:var(--paper);border:var(--border-thin);font-family:var(--font-ui);color:var(--ink);border-radius:999px;align-self:flex-start;align-items:center;gap:.6rem;padding:.6rem .9rem;font-size:.86rem;font-weight:600;display:inline-flex}.live-line .live-dot{background:var(--mint);border:2px solid var(--ink);border-radius:999px;width:.6rem;height:.6rem}.live-line.busy{background:var(--attention)}.live-line.busy .live-dot{background:var(--primary)}.cta-actions{flex-wrap:wrap;gap:.75rem;display:flex}.primary-button,.ghost-button{border:var(--border);min-height:3.25rem;font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;border-radius:14px;justify-content:center;align-items:center;gap:.55rem;padding:.95rem 1.5rem;font-size:.92rem;font-weight:900;transition:transform .14s,background .14s;display:inline-flex}.primary-button{background:var(--primary);color:var(--primary-ink);flex:1;min-width:16rem}.primary-button:hover:not(:disabled){background:var(--primary-hover)}.ghost-button{background:var(--surface);color:var(--text)}.ghost-button:hover:not(:disabled){background:var(--surface-alt)}.ghost-button.small{letter-spacing:.06em;min-height:2.5rem;padding:.6rem 1rem;font-size:.78rem}.primary-button:disabled,.ghost-button:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.4)}.upload-button:has(input:disabled){opacity:.5;cursor:not-allowed;filter:saturate(.4)}.error-banner{background:var(--danger-surface);color:var(--danger-text);border:2px solid var(--danger-border);font-family:var(--font-ui);border-radius:12px;padding:.85rem 1rem;font-size:.9rem;font-weight:700}.output{border-top:4px solid var(--ink);flex-direction:column;gap:1.75rem;padding-top:2.5rem;display:flex}.output-head{flex-direction:column;gap:.6rem;display:flex}.output-eyebrow{font-family:var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--primary);font-size:.72rem;font-weight:900}.output-eyebrow.small{letter-spacing:.18em;color:var(--ink-muted);font-size:.66rem}.output-head h2{font-family:var(--font-jp-display);color:var(--ink);margin:0;font-size:clamp(1.85rem,4.2vw,2.4rem);font-weight:700;line-height:1.25}.output-head p{color:var(--ink-soft);max-width:62ch;margin:0;font-size:1rem;font-weight:500;line-height:1.85}.output-stats{flex-wrap:wrap;gap:.5rem;margin-top:.3rem;display:flex}.audio-card{background:var(--success);border:var(--border);box-shadow:var(--shadow-2);border-radius:18px;flex-direction:column;gap:.95rem;padding:1.4rem 1.5rem 1.5rem;display:flex;position:relative;overflow:hidden}.audio-card:after{content:"";background-image:radial-gradient(circle, var(--ink) 1.6px, transparent 1.8px);opacity:.18;pointer-events:none;background-size:.7rem .7rem;border-radius:50%;width:7rem;height:7rem;position:absolute;top:-1.5rem;right:-1.5rem}.audio-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.audio-card-top h3{font-family:var(--font-jp-display);color:var(--ink);align-items:center;gap:.4rem;margin:.2rem 0 0;font-size:1.2rem;font-weight:700;display:inline-flex}.chunk-label{font-family:var(--font-ui);color:var(--ink-soft);margin-left:.4rem;font-size:.7rem;font-weight:700}.size-tag{font-family:var(--font-ui);background:var(--paper);border:var(--border-thin);white-space:nowrap;border-radius:999px;padding:.3rem .65rem;font-size:.82rem;font-weight:900}.audio-player{border:var(--border-thin);background:var(--paper);border-radius:999px;width:100%;height:3rem}.audio-actions{flex-wrap:wrap;gap:.5rem;display:flex}.audio-empty{background:var(--bg-alt);border:2px dashed var(--ink);color:var(--ink-soft);border-radius:12px;align-items:flex-start;gap:.65rem;padding:1rem 1.1rem;font-size:.9rem;display:flex}.audio-empty svg{color:var(--primary);flex-shrink:0}.audio-empty-body{flex-direction:column;flex:1;gap:.8rem;display:flex}.audio-empty p{margin:0;line-height:1.55}.hook-card{background:var(--sunshine);border:var(--border);border-radius:16px;padding:1.3rem 1.4rem;position:relative}.hook-card span{font-family:var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--ink);margin-bottom:.45rem;font-size:.7rem;font-weight:900;display:block}.hook-card p{font-family:var(--font-jp-display);color:var(--ink);margin:0;font-size:1.1rem;font-weight:700;line-height:1.75}.highlights{flex-direction:column;gap:.6rem;display:flex}.highlight{background:var(--paper);border:var(--border-thin);border-radius:12px;gap:.7rem;padding:.95rem 1.05rem;display:flex}.highlight svg{background:var(--ink);width:1.1rem;height:1.1rem;color:var(--sunshine);box-sizing:content-box;border-radius:7px;flex-shrink:0;margin-top:.15rem;padding:.35rem}.highlight p{color:var(--ink);margin:0;font-size:.92rem;font-weight:500;line-height:1.75}.diagnostic-note{background:var(--bg-alt);border:1.5px solid var(--rule-strong);font-family:var(--font-ui);color:var(--ink-muted);border-radius:8px;margin:0;padding:.55rem .85rem;font-size:.82rem}.transcript-head{border-top:2px dashed var(--rule-strong);justify-content:space-between;align-items:flex-start;gap:1rem;padding-top:1.25rem;display:flex}.transcript-head h3{font-family:var(--font-jp-display);color:var(--ink);margin:.2rem 0 0;font-size:1.4rem;font-weight:700}.edit-hint{color:var(--ink-muted);margin:.4rem 0 0;font-size:.88rem;font-weight:500}.edit-badge{background:var(--grape);color:var(--paper);border:var(--border-thin);font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.3rem .7rem;font-size:.7rem;font-weight:900}.transcript{flex-direction:column;gap:.65rem;display:flex}.line{background:var(--paper);border:var(--border-thin);border-radius:12px;grid-template-columns:auto 1fr;align-items:start;gap:.85rem;padding:.95rem 1.05rem;transition:background .14s,border-color .14s;display:grid}.line:nth-child(odd){background:var(--bg-alt)}.line:hover{background:var(--butter)}.line.editing{background:var(--grape-soft);border-color:var(--grape)}.speaker-badge{border:var(--border-thin);min-width:4.5rem;font-family:var(--font-ui);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .65rem;font-size:.82rem;font-weight:900;display:inline-flex}.speaker-badge.speaker_0{background:var(--speaker-a);color:var(--speaker-a-ink)}.speaker-badge.speaker_1{background:var(--speaker-b);color:var(--speaker-b-ink)}.line-body{min-width:0}.line-meta{flex-wrap:wrap;gap:.35rem;margin-bottom:.45rem;display:flex}.line-section{background:var(--bg-alt);border:2px solid var(--ink);font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border-radius:999px;padding:.18rem .55rem;font-size:.66rem;font-weight:800;display:inline-block}.line-emotion{background:var(--grape-soft);border:2px solid var(--grape);font-family:var(--font-ui);color:var(--grape-deep);border-radius:999px;align-items:center;gap:.25rem;padding:.18rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.line-emotion:before{content:"♪";font-size:.8rem;line-height:1}.line-body p{color:var(--ink);margin:0;font-size:1rem;font-weight:500;line-height:1.9}.line-edit{background:var(--paper);border:var(--border);width:100%;color:var(--ink);resize:vertical;line-height:1.8;font-family:var(--font-jp-body);border-radius:10px;margin-top:.25rem;padding:.75rem .9rem}.line-edit:focus{background:var(--butter);outline:none}.line-actions{flex-wrap:wrap;gap:.4rem;margin-top:.65rem;display:flex}.mini-button{background:var(--paper);color:var(--ink);border:2px solid var(--ink);font-family:var(--font-ui);border-radius:999px;align-items:center;gap:.25rem;padding:.35rem .65rem;font-size:.72rem;font-weight:800;transition:background .12s;display:inline-flex}.mini-button:hover,.mini-button.ghost{background:var(--surface-alt)}.mini-button.ghost:hover{background:var(--bg)}.mini-button.danger{background:var(--danger);color:var(--danger-ink);border-color:var(--danger)}.mini-button.danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}@media (width<=720px){.app{gap:2rem;width:min(100% - 1rem,760px);padding:1rem 0 3.5rem}.site-header{flex-direction:column;align-items:stretch;gap:.75rem}.site-status{justify-content:flex-start}.step-head{grid-template-columns:auto 1fr;row-gap:.75rem}.step-head>.upload-button{grid-column:1/-1;justify-content:center;justify-self:stretch}.step-head h2{font-size:1.3rem}.style-grid,.voice-pair,.field-grid{grid-template-columns:1fr}.field-wide{grid-column:span 1}.cta-actions{flex-direction:column}.primary-button,.ghost-button{width:100%;min-width:0;min-height:3rem;padding:.85rem 1.2rem}.line{grid-template-columns:1fr;gap:.6rem}.transcript-head{flex-direction:column;align-items:flex-start}.audio-card-top{flex-direction:column;align-items:stretch;gap:.6rem}}@media (width<=460px){:root{font-size:16px}.app{gap:1.75rem;padding:.75rem 0 3rem}.step+.step{padding-top:1.75rem}.step-num{border-radius:10px;width:2.6rem;height:2.6rem;font-size:.92rem}.step-head h2{font-size:1.2rem}.output-head h2{font-size:1.5rem}.style-card{padding:.95rem 1rem 1rem}.hook-card{padding:1.05rem 1.1rem}.audio-card{padding:1rem}.primary-button,.ghost-button{letter-spacing:.06em;font-size:.82rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.auth-shell{place-items:center;min-height:100svh;padding:1.5rem;display:grid;position:relative;overflow:hidden}.auth-backdrop{background:radial-gradient(circle at 15% 20%, var(--sunshine,#ffd93d) 0%, transparent 40%), radial-gradient(circle at 85% 80%, var(--coral,#ff6b6b) 0%, transparent 45%), var(--bg-alt,#f8efe0);opacity:.45;z-index:-1;position:absolute;inset:0}.auth-loading{border:var(--border);background:var(--paper);font-family:var(--font-ui);border-radius:14px;padding:1.5rem 2rem;font-weight:700}.auth-card{background:var(--surface);border:var(--border);width:min(420px,100%);box-shadow:var(--shadow-lift);border-radius:18px;flex-direction:column;gap:.8rem;padding:1.6rem 1.6rem 1.4rem;display:flex}.auth-brand{align-items:center;gap:.6rem;display:inline-flex}.auth-brand-badge{background:var(--brand);width:2.2rem;height:2.2rem;color:var(--primary-ink);border:var(--border);border-radius:9px;place-items:center;display:grid;transform:rotate(-5deg)}.auth-brand strong{font-family:var(--font-ui);letter-spacing:.16em;color:var(--ink);font-size:.95rem;font-weight:900}.auth-brand span{color:var(--ink-muted);font-size:.7rem;font-weight:600}.auth-brand>div{flex-direction:column;line-height:1.15;display:flex}.auth-title{font-family:var(--font-jp-display);color:var(--ink);margin:.1rem 0 0;font-size:1.35rem;font-weight:700}.auth-subtitle{color:var(--ink-muted);margin:0;font-size:.82rem;line-height:1.55}.auth-tabs{background:var(--bg-alt);border:var(--border);border-radius:10px;grid-template-columns:1fr 1fr;gap:.2rem;margin-top:.3rem;padding:.2rem;display:grid}.auth-tab{font-family:var(--font-ui);color:var(--ink-muted);border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .6rem;font-size:.82rem;font-weight:700;transition:background .14s,color .14s;display:inline-flex}.auth-tab.active{background:var(--surface);color:var(--text)}.auth-form{flex-direction:column;gap:.65rem;margin-top:.25rem;display:flex}.auth-form .field span{font-size:.76rem}.auth-error,.auth-info{border-radius:8px;padding:.55rem .75rem;font-size:.82rem;font-weight:600}.auth-error{background:var(--danger-surface);border:1px solid var(--danger-border);color:var(--danger-text)}.auth-info{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.auth-submit{width:100%;margin-top:.2rem}.auth-link{color:var(--primary-hover);font-family:var(--font-ui);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.8rem;font-weight:700;text-decoration:underline}.auth-link.inline{font-size:inherit}.auth-footer{color:var(--ink-muted);text-align:center;margin:.2rem 0 0;font-size:.82rem}.user-chip{background:var(--paper);border:var(--border);border-radius:999px;align-items:center;gap:.5rem;max-width:100%;padding:.25rem .45rem .25rem .3rem;display:inline-flex}.user-chip-avatar{background:var(--ink);width:1.75rem;height:1.75rem;color:var(--sunshine);font-family:var(--font-ui);border-radius:50%;place-items:center;font-size:.78rem;font-weight:900;display:grid}.user-chip-label{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:14ch;font-size:.8rem;font-weight:600;overflow:hidden}.user-chip-signout{background:var(--bg-alt);color:var(--ink);font-family:var(--font-ui);border:1px solid #0000;border-radius:999px;padding:.3rem .6rem;font-size:.72rem;font-weight:700;transition:background .14s,border-color .14s}.user-chip-signout:hover{background:var(--danger);color:var(--danger-ink);border-color:var(--danger)}@media (width<=640px){.app{gap:.7rem;width:min(100% - 1rem,780px);padding:.5rem 0 9rem}.site-header{border-radius:12px;padding:.5rem .7rem}.brand-badge{width:2rem;height:2rem}.brand strong{letter-spacing:.12em;font-size:.85rem}.brand span{font-size:.65rem}.stepper{grid-template-columns:repeat(4,1fr);gap:.25rem;padding:.3rem .1rem .1rem}.stepper-dot{width:1.85rem;height:1.85rem;font-size:.78rem}.stepper:before{top:1.22rem;left:14%;right:14%}.stepper-label{font-size:.65rem}.stage-card{border-radius:14px;gap:.8rem;padding:1rem 1rem 1.1rem}.stage-head h2{font-size:1.05rem}.stage-head p{font-size:.78rem}.style-grid{grid-template-columns:1fr}.voice-pair,.field-grid{grid-template-columns:1fr;gap:.7rem}.field-wide{grid-column:span 1}.summary-strip{grid-template-columns:1fr 1fr}.wizard-nav{border-radius:12px;width:calc(100% - .75rem);padding:.55rem .65rem .65rem;bottom:.4rem}.wizard-nav-actions .nav-back span{display:none}.wizard-nav-actions .nav-back{padding:.6rem .7rem}.wizard-nav-actions .primary-button{padding:.55rem .85rem;font-size:.85rem}.live-line{width:100%;padding:.45rem .7rem;font-size:.78rem}.audio-card{border-radius:14px;padding:1.05rem 1.1rem 1.1rem}.audio-card-top{flex-direction:column;align-items:flex-start;gap:.5rem}.audio-actions{flex-wrap:wrap}.result-actions .primary-button{width:100%;min-width:0}}@media (width<=380px){.stepper-label{display:none}.stage-head h2{font-size:.98rem}.stage-head p{font-size:.74rem}}