:root{--page: #faf9fc;--surface: #fff;--ink: #26252f;--muted: #686673;--purple: #7560c7;--purple-dark: #6149b3;--soft: #f2eefb;--line: #e9e7ef;--green: #298374;--green-soft: #eaf6f1;--amber: #a26f2d;--amber-soft: #fcf3e5;--red: #b85160;--red-soft: #fff0f2;--shadow: 0 6px 28px rgba(38, 37, 47, .035);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,Meiryo,sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--page);line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #b7a5ef;outline-offset:3px}input,select,textarea{border:1px solid var(--line);border-radius:9px;padding:11px 13px;background:#fff;max-width:100%}input[aria-invalid=true]{border-color:var(--red);background:var(--red-soft)}textarea{resize:vertical;line-height:1.8}h1,h2,h3,p{margin:0}h1{font-weight:650;letter-spacing:-.035em;line-height:1.4}h2{font-size:16px;font-weight:650;line-height:1.5}h3{font-size:14px;font-weight:650;line-height:1.5}svg{flex-shrink:0;vertical-align:middle}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 15px;border:1px solid var(--line);border-radius:9px;background:#fff;font-weight:550;font-size:13px;line-height:1.4;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:#f7f5fc;border-color:#d7cee9}.btn-primary{background:var(--purple);border-color:var(--purple);color:#fff}.btn-primary:hover:not(:disabled){background:var(--purple-dark);border-color:var(--purple-dark)}.btn-quiet{background:transparent;border-color:transparent;color:var(--muted)}.btn-quiet:hover:not(:disabled){background:var(--soft);color:var(--purple)}.btn-block{width:100%}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:6px;background:var(--soft);color:var(--purple);font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap}.pill-success{color:var(--green);background:var(--green-soft)}.pill-warning{color:var(--amber);background:var(--amber-soft)}.pill-neutral{color:var(--muted);background:#f3f2f6}.pill-danger{color:var(--red);background:var(--red-soft)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.eyebrow{font-size:10px;font-weight:650;color:#91859f;letter-spacing:.13em;text-transform:uppercase}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.field-label{display:block;color:var(--muted);font-size:12px;margin-bottom:7px;font-weight:550}.field-error{color:var(--red);font-size:12px;margin-top:6px}.field-hint{color:#918b9b;font-size:11px;margin-top:6px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;background:var(--ink);color:#fff;border-radius:10px;padding:12px 18px;box-shadow:0 6px 24px #26252f26;font-size:13px;max-width:calc(100% - 32px)}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;border:0;background:none;padding:0;text-align:left}.brand-name{font-weight:750;letter-spacing:-.045em;font-size:19px;line-height:1.25}.brand-name span{color:var(--purple);font-size:12px;letter-spacing:0;margin-left:3px}.brand-sub{display:block;font-size:10px;font-weight:550;letter-spacing:.12em;text-transform:uppercase;color:#8c879a;margin-top:4px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;gap:3px;grid-template-columns:repeat(4,3px);background:var(--purple);border-radius:9px;padding:6px}.brand-mark i{width:3px;border-radius:4px;background:#fff}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:13px}.brand-mark i:nth-child(4){height:21px}.wave{display:flex;align-items:center;justify-content:center;gap:3px;height:34px}.wave i{width:3px;border-radius:3px;background:#cdbfee;height:8px;transition:height .3s}.wave.on i{background:var(--purple);animation:wave 1s ease-in-out infinite}.wave.on i:nth-child(3n){animation-delay:-.2s}.wave.on i:nth-child(3n+1){animation-delay:-.45s}.wave.on i:nth-child(4n){animation-delay:-.7s}@keyframes wave{0%,to{height:6px}50%{height:30px}}.login{display:grid;grid-template-columns:47% 53%;min-height:100vh}.login-brand{background:linear-gradient(160deg,#f4f0fc,#fbfaff 60%);border-right:1px solid var(--line);padding:56px 6vw;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.login-brand h1{font-size:40px;margin-top:70px}.login-brand h1 span{color:var(--purple)}.login-brand .lead{color:var(--muted);margin-top:18px;line-height:2}.login-features{display:grid;gap:10px;margin-top:34px}.login-features div{display:flex;align-items:center;gap:12px;color:#4b4957;font-size:13px}.login-features svg{color:var(--purple)}.login-form-wrap{display:grid;place-items:center;padding:40px 24px}.login-form{width:min(420px,100%);display:grid;gap:18px}.login-form h2{font-size:24px;letter-spacing:-.02em}.pw{position:relative}.pw input{width:100%;padding-right:72px}.pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:32px;font-size:12px}.demo-note{border:1px dashed #e2d8f0;border-radius:10px;padding:13px 15px;font-size:12px;color:#847091;line-height:1.8}@media(max-width:900px){.login{grid-template-columns:44% 56%}.login-brand h1{font-size:32px}}@media(max-width:720px){.login{grid-template-columns:1fr}.login-brand{border-right:0;border-bottom:1px solid var(--line);padding:32px 24px}.login-brand h1{margin-top:24px;font-size:28px}}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 16px 16px;z-index:40}.sidebar .brand{padding:0 10px}.nav-label{font-size:9px;letter-spacing:.15em;color:#9b96a5;font-weight:650;margin:36px 12px 10px}.nav{display:grid;gap:6px}.nav-item{display:flex;gap:10px;align-items:center;width:100%;border:0;background:transparent;color:#6f6a7b;padding:11px;text-align:left;border-radius:9px;font-size:13px;font-weight:560}.nav-item:hover{background:#f7f5fb}.nav-item.active{color:var(--purple);background:var(--soft)}.sidebar-foot{margin-top:auto;display:grid;gap:4px;border-top:1px solid var(--line);padding-top:12px}.account{display:flex;align-items:center;gap:8px;padding:8px 4px 8px 10px;min-width:0}.account .avatar{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--soft);color:var(--purple);font-weight:700;font-size:12px}.account small{display:block;color:#918b9b;font-size:10px}.main{margin-left:238px;min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;height:73px;display:flex;align-items:center;gap:14px;padding:0 32px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.crumbs{display:flex;align-items:center;gap:8px;font-size:12px;color:#8a8496}.crumbs button{border:0;background:none;padding:0;color:inherit}.crumbs strong{color:var(--ink);font-weight:600}.topbar .sp{flex:1}.menu-btn{display:none}.page{padding:40px 40px 60px;max-width:1240px;width:100%}.page-head{margin-bottom:28px}.page-head h1{font-size:30px;margin-top:8px}.page-head p{color:var(--muted);margin-top:10px}.scrim{display:none}@media(max-width:1150px){.sidebar{width:220px}.main{margin-left:220px}.page{padding:32px 26px 50px}}@media(max-width:900px){.sidebar{width:238px;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:none;box-shadow:0 0 40px #26252f30}.scrim.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#26252f40;z-index:35}.main{margin-left:0}.topbar{height:66px;padding:0 18px}.menu-btn{display:inline-flex}}@media(max-width:450px){.page{padding:24px 16px 40px}.page-head h1{font-size:24px}}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{position:relative;padding:28px 26px 22px;display:flex;flex-direction:column;text-align:left;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow);transition:border-color .2s,transform .2s;min-height:340px}.feature:hover{border-color:#c8b8e4;transform:translateY(-3px)}.feature-no{font-size:11px;color:#ad9abe;font-weight:650;letter-spacing:.1em}.feature-icon{position:relative;height:85px;margin:20px 0 22px}.feature-icon .bg{position:absolute;left:-14px;top:50%;width:85px;height:85px;border-radius:22px;background:var(--soft);transform:translateY(-50%) rotate(-7deg)}.feature-icon .ic{position:absolute;left:9.5px;top:50%;transform:translateY(-50%);width:38px;height:38px;color:var(--purple)}.feature-icon .deco{position:absolute;left:100px;top:50%;transform:translateY(-50%);display:flex;gap:4px;align-items:center;color:#cdbfee}.feature-icon .deco i{width:3px;border-radius:3px;background:#ddd2f3}.feature .cat{font-size:10px;letter-spacing:.14em;color:#9b8aab;font-weight:650}.feature h2{font-size:21px;margin-top:4px}.feature p{color:var(--muted);font-size:13px;margin-top:10px;flex:1}.feature .tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 18px}.feature .go{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;font-weight:600;color:var(--purple);font-size:13px}.home-note{display:flex;gap:14px;align-items:center;justify-content:space-between;border:1px dashed #e2d8f0;border-radius:12px;padding:16px 20px;margin-top:24px;color:#847091;font-size:12px}@media(max-width:720px){.features{grid-template-columns:1fr}.feature{min-height:0}.feature-icon{height:75px}.feature-icon .bg{left:0;width:75px;height:75px}.feature-icon .ic{left:20.5px;width:34px;height:34px}.feature-icon .deco{display:none}}@media(max-width:450px){.feature-icon{height:65px}.feature-icon .bg{width:65px;height:65px;border-radius:18px}.feature-icon .ic{left:18px;width:29px;height:29px}}.phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.phone-card{padding:26px;display:flex;flex-direction:column;gap:16px}.phone-number{font-size:34px;font-weight:700;letter-spacing:.03em}.line-state{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.line-state .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.phone-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.phone-flow div{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:13px}.phone-flow b{display:block;color:var(--purple);font-size:11px;letter-spacing:.1em;margin-bottom:6px}.scenario-note{background:#f8f6fd;border-radius:10px;padding:12px 14px;font-size:12px;color:#6f6a7b}@media(max-width:720px){.phone-grid,.phone-flow{grid-template-columns:1fr}.phone-number{font-size:28px}}.scene-layout{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.scene{position:relative;text-align:left;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow);display:grid;gap:10px;transition:border-color .15s}.scene:hover{border-color:#d7cee9}.scene[aria-checked=true]{border-color:var(--purple);box-shadow:0 0 0 3px #e7defa}.scene .check{position:absolute;top:16px;right:16px;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:#fff}.scene[aria-checked=true] .check{background:var(--purple);border-color:var(--purple)}.scene .sc-icon{width:42px;height:42px;border-radius:11px;background:var(--soft);color:var(--purple);display:grid;place-items:center}.scene .industry{font-size:11px;color:#9b8aab;font-weight:650;letter-spacing:.08em}.scene h3{font-size:16px}.scene p{color:var(--muted);font-size:12.5px}.side-panel{padding:22px;display:grid;gap:16px;position:sticky;top:96px}.voice-current{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:11px}.voice-current .vc-ic{width:36px;height:36px;border-radius:10px;background:var(--soft);color:var(--purple);display:grid;place-items:center}.voice-current strong{display:block;font-size:14px}.voice-current small{color:var(--muted);font-size:11px}.summary-box{background:#f8f6fd;border-radius:11px;padding:14px;display:grid;gap:8px;font-size:12.5px}.summary-box div{display:flex;justify-content:space-between;gap:12px}.summary-box span{color:var(--muted)}@media(max-width:1150px){.scene-layout{grid-template-columns:1fr 300px}}@media(max-width:720px){.scene-layout{grid-template-columns:1fr}.side-panel{position:static}}.conv-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.conv-toolbar .sp{flex:1}.conv-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;align-items:start}.conv{display:flex;flex-direction:column;overflow:hidden}.conv-head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}.conv-head .sc-icon{width:40px;height:40px;border-radius:11px;background:var(--soft);color:var(--purple);display:grid;place-items:center}.conv-head small{display:block;color:var(--muted);font-size:12px}.voice-strip{display:flex;align-items:center;gap:14px;padding:14px 20px;background:#fbfaff;border-bottom:1px solid var(--line)}.voice-strip .state{font-size:12px;color:var(--muted);min-width:120px}.voice-strip .wave{flex:1;justify-content:flex-start}.captions{height:360px;overflow-y:auto;padding:18px 20px;display:grid;gap:14px;align-content:start}.msg{display:grid;gap:4px;max-width:88%}.msg .who{font-size:11px;color:#918b9b;font-weight:600;display:flex;gap:8px;align-items:center}.msg .bubble{padding:11px 14px;border-radius:12px;background:#f6f4fa;font-size:13.5px;line-height:1.8}.msg.ai .bubble{background:var(--soft)}.msg.user{justify-self:end}.msg.user .who{justify-content:flex-end}.msg.user .bubble{background:#fff;border:1px solid var(--line)}.replay{border:0;background:none;color:var(--purple);font-size:11px;padding:0;display:inline-flex;align-items:center;gap:4px}.conv-actions{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--line);flex-wrap:wrap;align-items:center}.conv-actions .sp{flex:1}.ended-note{padding:10px 20px;background:var(--amber-soft);color:var(--amber);font-size:12px}.result{padding:20px;display:grid;gap:16px;position:sticky;top:96px}.result-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.fields{display:grid;gap:8px}.field{display:grid;grid-template-columns:96px 1fr;gap:10px;font-size:13px;align-items:baseline}.field dt{color:var(--muted);font-size:12px}.field dd{margin:0;font-weight:550}.field dd.pending{color:#b0a9bc;font-weight:400}.field dd s{color:#b0a9bc;font-weight:400;margin-right:6px}.steps{display:grid;gap:8px}.step{display:flex;align-items:center;gap:10px;font-size:13px;color:#9e98a9}.step .mark{width:20px;height:20px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:10px}.step.done{color:var(--ink)}.step.done .mark{background:var(--green);border-color:var(--green);color:#fff}.step.wait{color:var(--amber)}.step.wait .mark{border-color:var(--amber);color:var(--amber)}.record{border:1px dashed #e2d8f0;border-radius:10px;padding:12px 14px;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.cta-card{border-radius:12px;background:linear-gradient(135deg,#f4f0fc,#fff);border:1px solid #e7defa;padding:16px;display:grid;gap:10px;font-size:12.5px}@media(max-width:1150px){.conv-layout{grid-template-columns:1fr}.result{position:static}}dialog.modal{border:0;padding:0;border-radius:18px;width:min(560px,calc(100% - 24px));max-height:calc(100vh - 40px);box-shadow:0 20px 60px #26252f33;color:var(--ink)}dialog.modal::backdrop{background:#26252f55}.modal-head{display:flex;align-items:flex-start;gap:12px;padding:22px 24px 14px}.modal-head .sp{flex:1}.modal-body{padding:0 24px 16px;display:grid;gap:14px}.modal-foot{display:flex;gap:10px;justify-content:flex-end;padding:14px 24px 22px;border-top:1px solid var(--line);flex-wrap:wrap}.voice-filters{display:flex;gap:8px}.voice-filters input{flex:1}.seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;padding:3px;background:#faf9fc}.seg button{border:0;background:transparent;padding:6px 12px;border-radius:7px;font-size:12px;color:var(--muted);font-weight:550}.seg button[aria-pressed=true]{background:#fff;color:var(--purple);box-shadow:0 1px 4px #26252f14}.voice-list{display:grid;gap:8px;max-height:360px;overflow-y:auto;padding:2px}.voice-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left;width:100%}.voice-row[aria-checked=true]{border-color:var(--purple);box-shadow:0 0 0 2px #e7defa}.voice-row .vr-main{flex:1;min-width:0}.voice-row strong{display:block;font-size:13.5px}.voice-row small{color:var(--muted);font-size:11px}.play-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--purple)}.play-btn.on{background:var(--purple);color:#fff;border-color:var(--purple)}.flow-steps{display:grid;gap:12px;counter-reset:s}.flow-steps li{list-style:none;display:flex;gap:12px;align-items:flex-start}.flow-steps li:before{counter-increment:s;content:counter(s);width:24px;height:24px;border-radius:50%;background:var(--soft);color:var(--purple);display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}.flow-steps ol{padding:0;margin:0}.confirm-table{display:grid;gap:10px;background:#f8f6fd;border-radius:12px;padding:16px}.confirm-table div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.confirm-table span{color:var(--muted)}@media(max-width:450px){.modal-foot{flex-direction:column-reverse}.modal-foot .btn{width:100%}}.tts-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.tts-editor{padding:20px;display:grid;gap:12px}.tts-editor textarea{width:100%;min-height:220px;font-size:15px}.tts-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:5px 12px;font-size:12px;color:#5f5a6c}.chip:hover{border-color:#d7cee9;color:var(--purple)}.tts-result{margin-top:20px;padding:20px;display:grid;gap:14px}.tts-result .snapshot{background:#f8f6fd;border-radius:10px;padding:14px;font-size:13.5px;white-space:pre-wrap;line-height:1.9;max-height:200px;overflow:auto}@media(max-width:900px){.tts-layout{grid-template-columns:1fr}}