@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/instrument-serif-DnYpCC2O.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/instrument-serif-italic-DKMiL14s.woff2) format("woff2")}:root{--paper: #f6efdc;--paper-raise: #fbf7ea;--ink: #1c1b18;--ink-soft: #55524a;--ink-faint: #766f5e;--hairline: #e0dcd2;--hairline-strong: #c9c4b6;--green: #1e4d3b;--green-soft: #3d6b57;--green-dim: rgba(30, 77, 59, .08);--red: #a4383a;--amber: #9a6a1f;--device: #191815;--device-raise: #221f1b;--device-line: #37332c;--device-ink: #efece4;--device-muted: #a49e91;--device-green: #8fc0a5;--serif: "Instrument Serif", "Iowan Old Style", Palatino, Georgia, serif;--sans: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #161512;--paper-raise: #1e1c19;--ink: #ece8df;--ink-soft: #b3ada0;--ink-faint: #7a7568;--hairline: #2e2b25;--hairline-strong: #454137;--green: #7fbfa0;--green-soft: #9ed4b8;--green-dim: rgba(127, 191, 160, .12);--red: #d9898b;--amber: #d3ab6e;color-scheme:dark}}:root[data-theme=dark]{--paper: #161512;--paper-raise: #1e1c19;--ink: #ece8df;--ink-soft: #b3ada0;--ink-faint: #7a7568;--hairline: #2e2b25;--hairline-strong: #454137;--green: #7fbfa0;--green-soft: #9ed4b8;--green-dim: rgba(127, 191, 160, .12);--red: #d9898b;--amber: #d3ab6e;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}.filecard,.phone,input,select,.theme-toggle,.btn-ghost,.btn-hangup,.topbar{transition:background-color .2s ease,color .2s ease,border-color .2s ease}::selection{background:var(--green);color:var(--paper)}a{color:inherit}button{font-family:inherit}.app{height:100%;display:flex;flex-direction:column;max-width:1560px;margin:0 auto;padding:0 clamp(20px,3vw,48px)}.topbar{flex:0 0 auto;display:flex;align-items:baseline;justify-content:space-between;padding:20px 2px 16px;border-bottom:1px solid var(--hairline)}.wordmark{font-family:var(--serif);font-style:italic;font-size:1.35rem;letter-spacing:.01em}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-link{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);text-decoration:none}.topbar-link:hover{color:var(--green)}.theme-toggle{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--hairline-strong);background:transparent;color:var(--ink-faint);cursor:pointer;transition:color .15s,border-color .15s}.theme-toggle:hover{color:var(--green);border-color:var(--green)}.stage{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(280px,.8fr) minmax(380px,1.1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"intro   file phone" "details file phone" "tech    tech tech";column-gap:clamp(28px,3.5vw,64px);padding:clamp(18px,3vh,36px) 2px 0}.callroom{display:contents}.intro{grid-area:intro}.details{grid-area:details;min-height:0;overflow-y:auto;scrollbar-width:none}.details::-webkit-scrollbar{display:none}.filecard{grid-area:file;min-height:0}.phone{grid-area:phone;min-height:0}.eyebrow{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--green);margin-bottom:clamp(8px,1.6vh,14px)}.intro h1{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,2.7vh + 1.3vw,3.2rem);line-height:1.06;letter-spacing:-.01em;margin-bottom:14px;max-width:17ch}.purpose{color:var(--ink-soft);font-size:clamp(.85rem,1.9vh,.95rem);max-width:46ch;margin-bottom:18px}.detail-block{padding-top:clamp(10px,2vh,18px);margin-top:4px;border-top:1px solid var(--hairline)}.details h2{font-family:var(--mono);font-weight:600;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:clamp(6px,1.2vh,10px)}.detail-intro{font-size:.76rem;color:var(--ink-faint);max-width:46ch;margin-bottom:clamp(6px,1.2vh,10px)}.rules{list-style:none;counter-reset:rule;display:grid;gap:clamp(5px,1.1vh,9px);max-width:48ch}.rules li{counter-increment:rule;font-size:clamp(.76rem,1.7vh,.84rem);line-height:1.45;color:var(--ink-soft);padding-left:26px;position:relative}.rules li:before{content:counter(rule,decimal-leading-zero);position:absolute;left:0;top:.18em;font-family:var(--mono);font-size:.68rem;color:var(--green)}.rules strong{color:var(--ink);font-weight:600}.techbar{grid-area:tech;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px clamp(12px,1.6vw,32px);border-top:1px solid var(--hairline);margin-top:clamp(14px,2.4vh,26px);padding:13px 2px 16px}.tech-item{display:inline-flex;align-items:baseline;gap:7px;white-space:nowrap}.tech-term{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}.tech-detail{font-size:.72rem;color:var(--ink-faint)}.filecard{background:var(--paper-raise);border:1px solid var(--hairline);border-radius:4px;padding:clamp(18px,2.4vh,28px) clamp(18px,1.6vw,26px);display:flex;flex-direction:column}.panel-title{font-family:var(--serif);font-size:1.45rem;margin-bottom:6px}.panel-sub{font-size:.8rem;color:var(--ink-faint);margin-bottom:clamp(12px,2vh,22px)}.filecard-body{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--hairline-strong) transparent}.field{display:block;margin-bottom:clamp(8px,1.6vh,15px)}.field>span{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:5px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}input[type=text],input[type=number],select{width:100%;background:transparent;border:none;border-bottom:1px solid var(--hairline-strong);border-radius:0;color:var(--ink);font:inherit;font-size:.92rem;padding:2px 0 6px;outline:none;transition:border-color .15s}input:focus,select:focus{border-bottom-color:var(--green)}input:disabled,select:disabled{opacity:.45;cursor:not-allowed}select{cursor:pointer}.toggles{display:grid;gap:10px;margin:clamp(10px,1.8vh,20px) 0}.toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.85rem;color:var(--ink-soft);-webkit-user-select:none;user-select:none}.toggle input{position:absolute;opacity:0}.toggle .knob{flex:0 0 34px;height:20px;border-radius:999px;background:var(--paper);border:1px solid var(--hairline-strong);position:relative;transition:background .18s,border-color .18s}.toggle .knob:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--ink-faint);transition:transform .18s,background .18s}.toggle input:checked+.knob{background:var(--green);border-color:var(--green)}.toggle input:checked+.knob:after{transform:translate(14px);background:var(--paper)}.btn-call{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:auto;font-weight:600;font-size:.92rem;color:var(--paper);background:var(--green);border:1px solid var(--green);border-radius:3px;padding:12px 20px;cursor:pointer;transition:background .15s}.btn-call:hover{background:var(--green-soft)}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}.btn-row .btn-call{margin-top:0}.btn-ghost{font-weight:600;font-size:.88rem;color:var(--ink-soft);background:transparent;border:1px solid var(--hairline-strong);border-radius:3px;padding:12px;cursor:pointer;transition:border-color .15s,color .15s}.btn-ghost:hover{color:var(--ink);border-color:var(--ink-faint)}.btn-hangup{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:.92rem;color:var(--red);background:transparent;border:1px solid var(--red);border-radius:3px;padding:12px;cursor:pointer;transition:background .15s,color .15s}.btn-hangup:hover{background:var(--red);color:var(--paper)}.btn-hangup.wide{width:100%;margin-top:auto}.phone{background:var(--device);border-radius:14px;color:var(--device-ink);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px 2px #1c1b181f,0 12px 40px -12px #1c1b1859}.phone-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--device-line)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--device-raise);border:1px solid var(--device-line);display:grid;place-items:center;font-family:var(--serif);font-size:1.15rem;color:var(--device-green);flex-shrink:0}.avatar.pulse{animation:ring 1.1s ease-in-out infinite}@keyframes ring{0%,to{box-shadow:0 0 #8fc0a54d}50%{box-shadow:0 0 0 9px #8fc0a500}}.phone-name{font-weight:600;font-size:.92rem;line-height:1.3}.phone-number{font-family:var(--mono);font-size:.68rem;color:var(--device-muted)}.phone-status{margin-left:auto;font-family:var(--mono);font-size:.78rem;color:var(--device-muted)}.phone-status.s-live{color:var(--device-green)}.phone-status.s-ringing{color:var(--device-green);animation:breathe 1.2s ease-in-out infinite}.phone-status.s-ended{color:#c98a8b}@keyframes breathe{50%{opacity:.4}}.transcript{flex:1;min-height:0;overflow-y:auto;padding:18px 18px 22px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:var(--device-line) transparent}.transcript-empty{margin:auto;text-align:center;color:var(--device-muted);max-width:34ch;display:grid;gap:10px;font-size:.88rem}.transcript-empty strong{color:var(--device-ink);font-weight:600}.transcript-empty .hint{font-size:.76rem;opacity:.75}.bubble-group{display:flex;flex-direction:column;max-width:86%;animation:pop .28s ease}.bubble-group.agent{align-self:flex-start}.bubble-group.customer{align-self:flex-end;align-items:flex-end}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bubble{padding:9px 13px 10px;border-radius:12px;font-size:.88rem;line-height:1.5}.agent .bubble{background:var(--device-raise);border-bottom-left-radius:4px}.customer .bubble{background:#24352c;border-bottom-right-radius:4px}.bubble-who{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--device-muted);margin-bottom:3px}.agent .bubble-who{color:var(--device-green)}.bubble.typing{display:inline-flex;gap:5px;padding:13px 15px}.bubble.typing span{width:6px;height:6px;border-radius:50%;background:var(--device-muted);animation:blink 1.2s infinite}.bubble.typing span:nth-child(2){animation-delay:.18s}.bubble.typing span:nth-child(3){animation-delay:.36s}@keyframes blink{0%,60%,to{opacity:.25}30%{opacity:1}}.event{align-self:center;text-align:center;display:grid;gap:3px;justify-items:center;padding:9px 16px;margin:2px 0;border:1px dashed rgba(143,192,165,.35);border-radius:8px;max-width:92%;animation:pop .3s ease}.event code{font-family:var(--mono);font-size:.74rem;font-weight:600;color:var(--device-green)}.event span{font-size:.72rem;color:var(--device-muted)}.event.error{border-color:#c98a8b66}.event.error span{color:#c98a8b;font-size:.78rem}.bubble.cut{outline:1px dashed var(--device-line);opacity:.85}.cut-chip{margin-left:8px;font-size:.56rem;letter-spacing:.1em;color:#cfa96b;border:1px solid rgba(207,169,107,.4);border-radius:3px;padding:1px 5px}.call-summary{align-self:center;font-family:var(--mono);font-size:.72rem;color:var(--device-green);border-top:1px solid var(--device-line);padding-top:14px;margin-top:6px;width:100%;text-align:center}.input-bar{display:flex;align-items:center;gap:9px;padding:12px 14px;border-top:1px solid var(--device-line)}.mic-control{display:flex;flex-direction:column;align-items:center;gap:3px;flex:0 0 auto}.mic-label{font-family:var(--mono);font-size:.56rem;letter-spacing:.03em;color:var(--device-muted);white-space:nowrap;pointer-events:none}.mic-control:has(.btn-mic.listening) .mic-label{color:var(--device-green);font-weight:600}.input-bar input{flex:1;background:var(--device-raise);border:1px solid var(--device-line);border-bottom:1px solid var(--device-line);border-radius:999px;color:var(--device-ink);font:inherit;font-size:.88rem;padding:9px 16px}.input-bar input:focus{border-color:var(--device-green)}.input-bar input::placeholder{color:var(--device-muted)}.btn-send{height:40px;font-weight:600;font-size:.84rem;color:var(--device);background:var(--device-green);border:none;border-radius:999px;padding:0 18px;cursor:pointer}.btn-send:disabled{opacity:.35;cursor:not-allowed}.btn-interrupt{height:40px;font-weight:600;font-size:.84rem;color:var(--device);background:#cfa96b;border:none;border-radius:999px;padding:0 16px;cursor:pointer;animation:breathe 1.4s ease-in-out infinite}.btn-mic{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;border:1px solid var(--device-line);background:var(--device-raise);color:var(--device-muted);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:color .15s,border-color .15s}.btn-mic:hover{color:var(--device-ink)}.btn-mic.listening{color:var(--device);background:var(--device-green);border-color:var(--device-green);animation:ring 1.1s ease-in-out infinite}@media(max-width:1080px){html,body,#root,.app{height:auto}.stage{display:flex;flex-direction:column;row-gap:26px;padding-top:28px;padding-bottom:40px}.callroom{display:contents}.intro{order:1}.filecard{order:2}.filecard-body{overflow:visible}.phone{order:3;height:min(78dvh,640px)}.details{order:4;overflow:visible}.techbar{order:5;margin-top:0}.intro h1{font-size:clamp(2rem,8vw,2.8rem)}}@media(max-width:560px){.app{padding:0 18px}.field-row{grid-template-columns:1fr;gap:0}}