:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4eddc;background:#041f1c;line-height:1.55;--muted:#b1c0b3;--jade:#b2c39b;--line:#355148;--paper:#f4eddc;--surface:#10372e}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{min-height:44px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--paper);padding:9px 18px;cursor:pointer}button:disabled{opacity:.46;cursor:not-allowed}button:not(:disabled):hover{background:#245043}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #e3c178;outline-offset:4px}[hidden]{display:none!important}h1,h2,p{margin:0}h1{font-size:clamp(2rem,4vw,3rem);line-height:1.17;font-weight:500;letter-spacing:-.025em}h2{font-weight:500}label,fieldset{min-width:0}fieldset{margin:0;padding:0;border:0}legend{padding:0;margin-bottom:18px;font-weight:500}select,textarea{width:100%;min-height:48px;border:1px solid var(--line);border-radius:9px;background:#0b2b25;color:var(--paper);padding:10px 12px}textarea{resize:vertical;max-height:30dvh}.site-header{max-width:1000px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none}.brand img{border-radius:8px;object-fit:cover}.brand span{font-size:1.35rem;letter-spacing:.015em}.sample-badge{font-size:.75rem;letter-spacing:.03em;color:#d9dcc0;border:1px solid #60734f;border-radius:999px;padding:5px 10px;white-space:nowrap}.setup{max-width:900px;margin:35px auto 60px;padding:0 28px}.setup-heading{margin-bottom:36px}.setup-heading h1{margin:10px 0 13px}.eyebrow{font-size:.68rem;letter-spacing:.1em;color:var(--jade)}.muted{color:var(--muted)}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:28px}.character-choice{display:block;position:relative;cursor:pointer;text-align:center}.character-choice input{position:absolute;left:12px;top:12px;z-index:1;width:18px;height:18px;accent-color:#b2c39b}.character-choice img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 23%;mask-image:linear-gradient(to bottom,#000 75%,transparent)}.character-choice span{display:block;padding:8px 0;border-bottom:2px solid transparent;font-size:1.05rem}.character-choice:has(input:checked) span{border-color:var(--jade);color:#d6e2b9}.character-choice:has(input:focus-visible){outline:3px solid #e3c178;outline-offset:5px}.selection-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px}.selection-grid label>span{display:block;margin-bottom:8px;font-size:.88rem}.fine-print{font-size:.76rem;color:var(--muted);line-height:1.55}.setup .fine-print{margin:15px 0 24px}.primary{background:#b8c6a0;color:#09251d;border-color:#b8c6a0;font-weight:600;min-width:200px}.primary:not(:disabled):hover{background:#d0dbb8}.notice{font-size:.87rem;color:#ead5aa;margin-top:16px;overflow-wrap:anywhere}.notice:empty{display:none}.in-call .site-header{max-width:620px;padding-bottom:7px}.consultation{max-width:620px;margin:0 auto;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.stage{position:relative;isolation:isolate;height:clamp(440px,calc(100dvh - 300px),760px);overflow:hidden}.stage-portrait{position:absolute;inset:auto 0 0;width:100%;max-width:540px;height:calc(100% - 96px);margin:auto;object-fit:cover;object-position:center 19%;filter:saturate(.85);mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 77%,transparent),linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}.stage-portrait[data-character="taeo"],.stage-portrait[data-character="seodam"]{object-position:center 40%}.stage-identity{position:absolute;top:20px;left:28px;right:28px;z-index:2;pointer-events:none}.stage-identity h1{font-size:clamp(2.1rem,6vw,3rem)}.stage-identity>p{font-size:.9rem;color:var(--jade);margin-top:2px}.stage-identity .voice-state{display:flex;align-items:center;gap:9px;margin-top:16px;font-size:.83rem}.state-dot{width:10px;height:10px;border:1px solid #b3c58b;border-radius:50%}.presence-glow{position:absolute;inset:30% 10% 15%;z-index:-1;background:radial-gradient(ellipse,#66886e45,transparent 70%);opacity:.25}.stage[data-speaking="true"] .presence-glow{animation:presence 4s ease-in-out infinite}.stage[data-speaking="true"] .state-dot{background:#b3c58b;box-shadow:0 0 14px #b3c58b88}.caption-toggle{position:absolute;right:22px;top:19px;z-index:3;padding:8px 10px;font-size:.7rem;background:#12362eb8;border-color:transparent}.captions{position:absolute;bottom:14px;left:24px;right:24px;z-index:4;max-height:34%;background:#09291ee8;border:1px solid #829a7380;border-radius:12px;backdrop-filter:blur(8px);padding:0 13px 10px;display:flex;flex-direction:column}.caption-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.72rem;color:var(--jade)}.caption-heading button{font-size:.7rem;border:0;background:transparent;padding:7px}.transcript{overflow:auto;overscroll-behavior:contain;font-size:.85rem;min-height:25px}.transcript p{margin:0 0 9px;white-space:pre-wrap;overflow-wrap:anywhere}.transcript strong{display:block;font-size:.67rem;font-weight:500;letter-spacing:.05em;color:#cfdbb8}.consultation-bottom{padding:0 28px}.session-meta{display:flex;justify-content:space-between;gap:10px;font-size:.7rem;color:var(--muted);padding:2px 0 12px}.concept{display:grid;grid-template-columns:94px minmax(0,1fr);gap:22px;align-items:center;border-top:1px solid var(--line);padding:14px 0}.concept>img{width:94px;aspect-ratio:2/3;object-fit:cover;border-radius:4px}.concept.no-image{grid-template-columns:1fr}.concept h2{font-size:1.85rem;color:var(--jade);line-height:1.2;margin:3px 0 7px}.concept p{font-size:.84rem;overflow-wrap:anywhere}.text-button{background:transparent;border:0;border-radius:6px;padding:8px 0;font-size:.78rem;color:var(--jade)}.start-area{border-top:1px solid var(--line);padding-top:13px}.start-area>p:first-child{font-size:.9rem;margin-bottom:12px}.start-area .fine-print{margin:12px 0 0;max-width:420px}.call-controls{border-top:1px solid var(--line);padding-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.call-controls button{font-size:.8rem;padding:8px 6px}.end-button{background:#76392f;border-color:#a8614e}.end-button:not(:disabled):hover{background:#9a4839}.composer{margin-top:15px}.composer label{display:block;font-size:.78rem;margin-bottom:6px}.composer-footer{display:flex;align-items:center;gap:15px;margin-top:8px}.composer-footer p{flex:1}.composer-footer button{font-size:.8rem}.in-call main{padding-bottom:env(safe-area-inset-bottom)}
@keyframes presence{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.03)}}
.site-header{position:sticky;top:0;z-index:10;background:#041f1cf2;backdrop-filter:blur(8px)}
.consultation:has(.call-controls:not([hidden])) .stage{height:clamp(380px,calc(100dvh - 180px),760px)}
.consultation:has(.concept:not([hidden])) .stage{height:clamp(380px,calc(100dvh - 365px),700px)}
.call-controls{position:sticky;bottom:env(safe-area-inset-bottom);z-index:6;background:#041f1cf5;padding-bottom:10px}
@media(max-width:600px){.site-header{padding:17px 22px}.brand span{font-size:1.15rem}.brand img{width:30px;height:30px}.sample-badge{font-size:.65rem;padding:4px 8px}.setup{padding:0 22px;margin-top:22px}.setup-heading{margin-bottom:28px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.character-choice img{aspect-ratio:1;object-position:center 22%}.selection-grid{grid-template-columns:1fr 1fr;gap:15px}.selection-grid label:first-child{grid-column:1/-1}.stage{height:clamp(380px,calc(100dvh - 266px),700px)}.stage-portrait{height:calc(100% - 94px);object-position:center 20%}.stage-identity{left:24px;top:13px}.stage-identity .voice-state{margin-top:12px}.caption-toggle{top:13px;right:16px}.consultation-bottom{padding:0 22px}.concept{grid-template-columns:80px minmax(0,1fr);gap:17px}.concept>img{width:80px}.concept h2{font-size:1.65rem}.in-call .site-header{padding:15px 22px 6px}.stage:has(.captions:not([hidden])){min-height:440px}.captions{left:22px;right:22px}.setup-heading h1{max-width:15ch}}
@media(max-width:359px){.site-header,.in-call .site-header{padding-left:16px;padding-right:16px}.brand{gap:7px}.brand span{font-size:1.05rem}.brand img{width:27px;height:27px}.sample-badge{font-size:.6rem}.stage-identity{left:18px}.stage-identity h1{font-size:2rem}.caption-toggle{font-size:.64rem;right:12px;padding:7px}.consultation-bottom{padding:0 18px}.stage{min-height:370px}.selection-grid{grid-template-columns:1fr}.selection-grid label:first-child{grid-column:auto}.concept p{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}