@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{background:var(--bg);place-items:center;min-height:100svh;padding:1.5rem;display:grid;position:relative;overflow:hidden}.auth-backdrop{display:none}.auth-back{z-index:5;background:var(--paper);border:var(--border);font-family:var(--font-ui);color:var(--ink);box-shadow:var(--shadow-2);border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .8rem;font-size:.85rem;font-weight:700;transition:transform .14s;display:inline-flex;position:absolute;top:1rem;left:1rem}.auth-back:hover{transform:translate(-2px)}.auth-split{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:2.5rem;width:min(1040px,100%);display:grid;position:relative}.auth-aside{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.auth-mascot{isolation:isolate;width:100%;max-width:340px;position:relative}.auth-mascot:before{content:"";background:var(--sunshine);border:var(--border);z-index:1;border-radius:22px;position:absolute;inset:0;transform:translate(16px,16px)rotate(2.5deg)}.auth-mascot .mascot-frame{z-index:2;width:100%;position:relative;transform:rotate(-3deg)}.auth-sticker{z-index:3;pointer-events:none;white-space:nowrap;position:absolute}.auth-sticker--1{top:-4%;right:-12%;transform:rotate(6deg)}.auth-sticker--2{top:40%;left:-16%;transform:rotate(-8deg)}.auth-sticker--3{bottom:-4%;right:-8%;transform:rotate(3deg)}.auth-aside-lede{text-align:center;max-width:22ch;color:var(--ink-soft);margin:0;font-size:.95rem;line-height:1.65}@media (width<=880px){.auth-split{grid-template-columns:1fr;gap:1.25rem}.auth-aside{order:-1;max-width:280px;margin:0 auto}.auth-mascot{max-width:220px}.auth-aside-lede{display:none}}.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(--paper);border:var(--border);width:min(440px,100%);box-shadow:var(--shadow-lift);border-radius:20px;flex-direction:column;justify-self:start;gap:.75rem;padding:1.5rem 1.5rem 1.35rem;display:flex}@media (width<=880px){.auth-card{justify-self:center}}.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.55rem;font-weight:900;line-height:1.25}.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{justify-content:center;width:100%;margin-top:.3rem;padding:.85rem 1.4rem}.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}}.site-header-right{align-items:center;gap:.5rem;display:flex}.history-trigger{border:var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.78rem;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.history-trigger:hover:not(:disabled){background:#0000000a}.history-trigger:disabled{opacity:.45;cursor:not-allowed}.history-count{color:#fff;background:#111;border-radius:999px;justify-content:center;align-items:center;min-width:1.2rem;height:1.2rem;padding:0 .35rem;font-size:.65rem;font-weight:700;display:inline-flex}.history-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#0c0c106b;justify-content:flex-end;animation:.15s overlay-fade;display:flex;position:fixed;inset:0}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.history-panel{background:var(--surface);border-left:var(--border);flex-direction:column;gap:.9rem;width:min(420px,92vw);height:100%;padding:1rem 1.1rem 1.4rem;animation:.2s panel-slide;display:flex;overflow-y:auto;box-shadow:-12px 0 40px #0000001f}@keyframes panel-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.history-head{justify-content:space-between;align-items:center;display:flex}.history-head h3{margin:0;font-size:1rem}.icon-button{width:2rem;height:2rem;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:#0000000f}.history-empty{color:var(--muted,#6a6a74);padding:.5rem 0;font-size:.85rem}.history-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.history-item-button{text-align:left;background:var(--surface);border:var(--border);cursor:pointer;border-radius:.7rem;flex-direction:column;gap:.3rem;width:100%;padding:.75rem .85rem;transition:transform .1s,background .12s;display:flex}.history-item-button:hover{background:#00000008;transform:translateY(-1px)}.history-item-head{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.history-item-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;line-height:1.25;overflow:hidden}.history-status{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.15rem .55rem;font-size:.65rem;font-weight:700}.history-status.draft{color:#6b5a1a;background:#efe9d4}.history-status.synthesized{color:#1f6b3a;background:#d5f2e2}.history-item-sub{color:var(--muted,#6a6a74);font-size:.72rem}.history-item-summary{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.78rem;display:-webkit-box;overflow:hidden}.history-item-date{color:var(--muted,#6a6a74);font-size:.65rem}.pending-banner{color:#6b4e10;background:#fff3d6;border:1px solid #e8c765;border-radius:.6rem;margin-bottom:.6rem;padding:.6rem .8rem;font-size:.8rem}.line-cache{letter-spacing:.02em;border-radius:999px;margin-left:auto;padding:.1rem .5rem;font-size:.65rem;font-weight:600}.line-cache.has-cache{color:#256a43;background:#e0f3ea}.line-cache.no-cache{color:#8a3524;background:#fbe6e0}.line-emotion-edit{color:var(--muted,#6a6a74);flex-direction:column;gap:.25rem;margin-top:.45rem;font-size:.72rem;display:flex}.line-emotion-edit input{border:var(--border);border-radius:.4rem;padding:.4rem .55rem;font-size:.82rem}.line-insert-row{opacity:0;grid-column:1/-1;justify-content:center;margin-top:.35rem;transition:opacity .15s;display:flex}.line:hover .line-insert-row,.line.editing .line-insert-row{opacity:1}.line-insert{color:var(--muted,#6a6a74);cursor:pointer;background:0 0;border:1px dashed #0000002e;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .65rem;font-size:.7rem;display:inline-flex}.line-insert:hover{color:var(--text);background:#00000008}.audio-empty .primary-button{align-items:center;gap:.4rem;display:inline-flex}:root{--display-xl:clamp(2.2rem, 5vw, 3.75rem);--display-lg:clamp(1.6rem, 3vw, 2.35rem)}.landing{flex-direction:column;gap:0;width:100%;margin:0;padding:0;display:flex}.landing-container{width:min(1180px,100% - 2rem);margin:0 auto}.landing-section{padding:3rem 0;position:relative}.landing-section--bleed{width:100vw;margin-left:calc(50% - 50vw)}.landing-section--cream{background:var(--bg)}.landing-section--butter{background:var(--butter)}.landing-section--paper{background:var(--paper)}.landing-section--coral{background:var(--coral);color:var(--paper)}.landing-h1{font-family:var(--font-jp-display);font-weight:900;font-size:var(--display-xl);letter-spacing:-.01em;color:var(--ink);word-break:keep-all;overflow-wrap:anywhere;margin:0 0 .9rem;line-height:1.2}.landing-h1-line{display:block}.landing-h2{font-family:var(--font-jp-display);font-weight:900;font-size:var(--display-lg);color:var(--ink);word-break:keep-all;overflow-wrap:anywhere;margin:0 0 .4rem;line-height:1.25}.landing-eyebrow{font-family:var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.55rem;font-size:.78rem;font-weight:700;display:inline-block}.landing-lede{color:var(--ink-soft);max-width:44ch;margin:0 0 1.25rem;font-size:1.02rem;line-height:1.55}.grain{pointer-events:none;mix-blend-mode:multiply;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.8'/></svg>");position:absolute;inset:0}.mascot-frame{background:var(--bg);border:var(--border);box-shadow:var(--shadow-lift);border-radius:22px;overflow:hidden;transform:rotate(-4deg)}.mascot-frame img{width:100%;height:auto;display:block}.sticker{background:var(--paper);border:var(--border);font-family:var(--font-ui);color:var(--ink);box-shadow:var(--shadow-2);border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.82rem;font-weight:800;display:inline-flex}.sticker--coral{background:var(--coral);color:var(--paper)}.sticker--mint{background:var(--mint);color:var(--ink)}.sticker--sky{background:var(--sky-soft);color:var(--ink)}.sticker--sun{background:var(--sunshine);color:var(--ink)}.landing-cta-primary{background:var(--coral);color:var(--paper);border:var(--border);font-family:var(--font-ui);box-shadow:var(--shadow-2);border-radius:14px;align-items:center;gap:.5rem;padding:.9rem 1.4rem;font-size:1rem;font-weight:800;transition:transform .12s;display:inline-flex}.landing-cta-primary:hover{transform:translateY(-2px)}.landing-cta-ghost{background:var(--paper);color:var(--ink);border:var(--border);font-family:var(--font-ui);border-radius:14px;align-items:center;gap:.5rem;padding:.9rem 1.4rem;font-size:1rem;font-weight:800;display:inline-flex}.landing-hero-grid{grid-template-columns:1.25fr .9fr;align-items:center;gap:2rem;display:grid}@media (width<=860px){.landing-hero-grid{grid-template-columns:1fr;gap:1.75rem}}.landing-hero-mascot{isolation:isolate;justify-self:center;width:100%;max-width:380px;position:relative}.landing-hero-mascot:before{content:"";background:var(--sunshine);border:var(--border);z-index:1;border-radius:24px;position:absolute;inset:0;transform:translate(18px,18px)rotate(2deg)}.landing-hero-mascot .mascot-frame{z-index:2;width:100%;position:relative}.landing-hero-stickers{pointer-events:none;z-index:3;position:absolute;inset:0}.landing-hero-stickers>*{pointer-events:auto;white-space:nowrap;position:absolute}.landing-hero-stickers .sticker:first-child{top:-2%;right:-10%;transform:rotate(6deg)}.landing-hero-stickers .sticker:nth-child(2){top:42%;left:-14%;transform:rotate(-8deg)}.landing-hero-stickers .sticker:nth-child(3){bottom:-4%;right:-6%;transform:rotate(3deg)}.trust-strip{color:var(--ink-soft);border-top:var(--border);border-bottom:var(--border);background:var(--butter);flex-wrap:wrap;justify-content:center;gap:2.5rem;padding:.85rem 1rem;font-size:.92rem;font-weight:700;display:flex}.trust-strip span{align-items:center;gap:.5rem;display:inline-flex}.how-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;display:grid}@media (width<=860px){.how-grid{grid-template-columns:1fr}}.how-card{background:var(--paper);border:var(--border);box-shadow:var(--shadow-2);border-radius:16px;flex-direction:column;gap:.55rem;padding:1.1rem 1.15rem 1.2rem;display:flex}.how-card--sun{background:var(--butter)}.how-card--mint{background:#e9f9f0}.how-card--grape{background:var(--grape-soft)}.how-step-num{background:var(--ink);width:1.9rem;height:1.9rem;color:var(--paper);font-family:var(--font-ui);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:900;display:inline-flex}.showcase-grid{grid-template-columns:repeat(2,1fr);gap:.9rem;margin-top:1.5rem;display:grid}@media (width<=700px){.showcase-grid{grid-template-columns:1fr}}.showcase-card{background:var(--paper);border:var(--border);box-shadow:var(--shadow-1);border-radius:14px;flex-direction:column;gap:.35rem;padding:1rem 1.15rem 1.1rem;display:flex}.showcase-card strong{font-size:1.1rem}.gallery-rail{scroll-snap-type:x mandatory;gap:.85rem;margin-top:1.25rem;padding:.5rem 0 .75rem;display:flex;overflow-x:auto}.gallery-rail>*{scroll-snap-align:start;flex:0 0 240px}.gallery-card{background:var(--paper);border:var(--border);border-radius:14px;flex-direction:column;gap:.45rem;padding:.85rem .95rem .95rem;display:flex}.faq-list{flex-direction:column;gap:.55rem;margin-top:1.25rem;display:flex}.faq-item{background:var(--paper);border:var(--border);border-radius:12px;padding:0 1rem}.faq-item summary{cursor:pointer;align-items:center;gap:.75rem;padding:.8rem 0;font-size:.95rem;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--ink-soft);margin-left:auto;font-size:1.4rem}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--ink-soft);margin:0 0 1rem}.faq-thumb{border:var(--border);background:var(--bg);border-radius:50%;flex-shrink:0;width:1.85rem;height:1.85rem;overflow:hidden}.faq-thumb img{object-fit:cover;object-position:center top;width:100%;height:100%}.landing-header{z-index:10;background:var(--paper);border:var(--border);width:min(1180px,100% - 2rem);box-shadow:var(--shadow-2);border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;margin:.6rem auto 0;padding:.4rem .55rem .4rem .75rem;display:flex;position:sticky;top:.6rem}.landing-header .landing-cta-primary,.landing-header .landing-cta-ghost{border-radius:10px;padding:.55rem .9rem;font-size:.88rem}.landing-footer{background:var(--ink);color:var(--paper);text-align:center;padding:2rem 0 1.5rem}.landing-footer a{color:var(--paper);text-decoration:underline}.landing-actions{flex-wrap:wrap;gap:.75rem;display:flex}.landing-actions--tight{gap:.5rem}.how-card-head{align-items:center;gap:.75rem;display:flex}.how-card-title{font-family:var(--font-jp-display);margin:0;font-weight:900}.how-card-body{color:var(--ink-soft);margin:0}.showcase-card-tagline{color:var(--ink-muted);font-weight:600}.showcase-card-desc{color:var(--ink-soft);margin:0}.landing-footer small{opacity:.7}.brand-badge--logo{padding:4px;background:var(--paper)!important}.brand-badge--logo img{object-fit:contain;width:100%;height:100%;display:block}.brand-link{cursor:pointer;color:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:.65rem;padding:.1rem .15rem;display:inline-flex}.brand-link>div{flex-direction:column;line-height:1.1;display:flex}.brand-link strong{font-family:var(--font-jp-display);letter-spacing:.02em;color:var(--ink);font-size:1.05rem;font-weight:900}.brand-link span{color:var(--ink-muted);margin-top:.1rem;font-size:.7rem;font-weight:600}.auth-brand-badge--logo{padding:4px;transform:rotate(-5deg);background:var(--paper)!important}.auth-brand-badge--logo img{object-fit:contain;width:100%;height:100%;display:block}.footer-brand-logo{background:var(--paper);border:var(--border);border-radius:7px;place-items:center;width:1.8rem;height:1.8rem;padding:3px;display:inline-grid;transform:rotate(-4deg)}.footer-brand-logo img{object-fit:contain;width:100%;height:100%;display:block}.gallery-tags{flex-wrap:wrap;gap:.3rem;display:flex}.gallery-tag{background:var(--bg);border:1.5px solid var(--ink);border-radius:999px;padding:.15rem .5rem;font-size:.75rem}.gallery-desc{color:var(--ink-soft);margin:0;font-size:.92rem}.gallery-play{padding:.5rem .9rem;font-size:.9rem}.sample-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:2rem;margin-top:1.25rem;display:grid}@media (width<=820px){.sample-grid{grid-template-columns:1fr;gap:1.5rem}}.sample-audio-card{background:var(--bg);border:var(--border);border-radius:14px;padding:.85rem 1rem}.sample-audio-head{align-items:center;gap:.5rem;margin-bottom:.55rem;font-size:.95rem;font-weight:700;display:flex}.sample-audio-player{width:100%}.sample-mascot{max-width:200px;margin:0 auto 1.1rem;transform:rotate(3deg)}.sample-lines{flex-direction:column;gap:.5rem;font-size:.94rem;display:flex}.sample-line{grid-template-columns:auto 1fr;align-items:start;gap:.6rem;display:grid}.sample-speaker{border:var(--border);color:#fff;border-radius:999px;padding:.2rem .6rem;font-size:.78rem;font-weight:700}.sample-speaker--a{background:var(--coral)}.sample-speaker--b{background:var(--electric)}.sample-text{margin:0}.faq-container{max-width:760px}.final-cta{text-align:center;padding:3.5rem 0}.final-cta-body{flex-direction:column;align-items:center;gap:1.1rem;display:flex}.final-cta-mascot{width:180px;transform:rotate(-6deg)}.final-cta-title{color:var(--paper);max-width:18ch}.final-cta-lede{color:var(--paper);opacity:.92;max-width:40ch;margin:0;font-size:1rem}.final-cta-button{background:var(--paper);color:var(--ink);padding:.85rem 1.6rem}.footer-body{flex-direction:column;align-items:center;gap:.85rem;display:flex}.footer-brand{align-items:center;gap:.6rem;display:inline-flex}.footer-brand-mark{letter-spacing:.16em}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.2rem;font-size:.9rem;display:flex}.landing-hero{padding:2.75rem 0 3.25rem}.showcase-card,.how-card,.gallery-card{transition:transform .16s,box-shadow .16s}.showcase-card:hover,.gallery-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.how-card:hover{transform:translateY(-3px)}.faq-item summary{transition:background .12s}.faq-item[open] summary{color:var(--ink)}.landing-cta-ghost{transition:transform .12s,background .12s}.landing-cta-ghost:hover{background:var(--butter);transform:translateY(-2px)}.landing-section-head{flex-direction:column;gap:.25rem;max-width:720px;display:flex}.trust-strip span:before{content:"";background:var(--coral);border-radius:50%;width:6px;height:6px;margin-right:.35rem;display:inline-block}.trust-strip span:nth-child(2):before{background:var(--electric)}.trust-strip span:nth-child(3):before{background:var(--mint)}.gallery-rail::-webkit-scrollbar{height:8px}.gallery-rail::-webkit-scrollbar-thumb{background:#1113172e;border-radius:999px}.gallery-rail::-webkit-scrollbar-track{background:0 0}@media (width<=1024px){.landing-section{padding:2.5rem 0}.landing-hero-mascot{max-width:340px}}@media (width<=820px){.landing-section{padding:2.25rem 0}.landing-hero{padding:2rem 0 2.5rem}.landing-hero-mascot{max-width:300px;margin-top:.5rem}.landing-hero-stickers .sticker:first-child{top:4%;right:-4%}.landing-hero-stickers .sticker:nth-child(2){bottom:18%;left:-4%}.landing-hero-stickers .sticker:nth-child(3){bottom:-2%;right:4%}.sample-mascot{max-width:170px}.faq-container{max-width:100%}}@media (width<=640px){.landing-hero-mascot{max-width:260px}.landing-header{padding:.35rem .45rem .35rem .65rem}.landing-header .brand span,.landing-header .landing-cta-ghost{display:none}.landing-header .landing-cta-primary{padding:.5rem .8rem;font-size:.85rem}.landing-eyebrow{letter-spacing:.2em;font-size:.7rem}.landing-cta-primary,.landing-cta-ghost{padding:.75rem 1.1rem;font-size:.94rem}.trust-strip{gap:1.25rem;padding:.7rem .75rem;font-size:.85rem}.how-card{padding:1rem}.showcase-card{padding:.9rem 1rem}.final-cta{padding:2.5rem 0}.final-cta-mascot{width:150px}.gallery-rail>*{flex:0 0 220px}.sample-lines{font-size:.9rem}.sample-speaker{padding:.15rem .5rem;font-size:.72rem}}@media (width<=420px){.landing-hero-grid{gap:1.25rem}.landing-hero-mascot{max-width:220px}.landing-h1{font-size:clamp(1.9rem,8vw,2.4rem)}.landing-h2{font-size:clamp(1.45rem,6vw,1.85rem)}.sticker{padding:.3rem .6rem;font-size:.72rem}.footer-links{gap:.85rem}}@media (prefers-reduced-motion:reduce){.showcase-card,.gallery-card,.how-card,.landing-cta-ghost,.landing-cta-primary,.faq-item summary{transition:none}.showcase-card:hover,.gallery-card:hover,.how-card:hover,.landing-cta-ghost:hover,.landing-cta-primary:hover{transform:none}}