:root{color-scheme:light;--navy: #003f67;--cyan: #50c8d5;--cyan-dark: #35b3c1;--cyan-pale: #d9f4f6;--pink: #dc4d73;--pink-pale: #fbe8ed;--text: #45595a;--muted: #788888;--line: #e7e9e9;--background: #f7f7f7;--white: #ffffff;--danger: #c33f48;font-family:Arial,Helvetica Neue,Noto Sans JP,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{color:var(--text);background:var(--background);font-size:15px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,p{margin-top:0}h1{margin-bottom:18px;color:var(--text);font-size:clamp(24px,3vw,30px);font-weight:700;line-height:1.35}h2{margin-bottom:12px;font-size:18px;font-weight:700}code{overflow-wrap:anywhere;color:#596969;font-family:Consolas,SFMono-Regular,monospace;font-size:12px}[hidden]{display:none!important}.app-frame{min-height:100vh}.site-header{display:flex;height:72px;align-items:center;justify-content:flex-end;padding:0 42px;border-bottom:1px solid #eeeeee;background:var(--white)}.guest-header-title{display:none}.page-shell{width:min(1180px,calc(100% - 80px));min-height:calc(100vh - 112px);margin:0 auto;padding:68px 0 90px}.site-footer{padding:14px 40px 20px;color:#9aa5a5;font-size:11px;text-align:right}.page-heading{display:flex;gap:32px;align-items:flex-end;justify-content:space-between;margin-bottom:44px}.page-heading>div{max-width:760px}.page-heading h1,.panel-heading h2,.arrival-panel h1,.guest-intro h1{display:flex;align-items:center}.title-marker{display:inline-block;width:18px;height:18px;margin-right:14px;flex:0 0 18px;background:var(--cyan)}.title-marker.small{width:13px;height:13px;margin-right:10px;flex-basis:13px}.page-description,.lead{margin-bottom:0;color:var(--muted);line-height:1.9}.button{display:inline-flex;min-height:42px;padding:10px 24px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:24px;cursor:pointer;font-weight:700;line-height:1.2;text-decoration:none}.button:hover:not(:disabled){filter:brightness(.96)}.button:focus-visible,input:focus-visible,.text-link:focus-visible{outline:3px solid rgba(80,200,213,.32);outline-offset:2px}.button:disabled{cursor:not-allowed;opacity:.45}.button-primary{color:var(--white);background:var(--cyan)}.button-accent{color:var(--white);background:var(--pink)}.button-secondary{color:var(--text);border-color:#cfd5d5;background:var(--white)}.button-secondary.is-active{color:var(--white);border-color:var(--pink);background:var(--pink)}.button-success{color:var(--white);background:var(--cyan-dark)}.button-danger{color:var(--white);background:var(--danger)}.button-large{min-height:50px;padding-inline:34px}.button-block{width:100%}.alert,.inline-error{padding:14px 18px;border:1px solid;font-size:14px}.alert{margin-bottom:28px}.alert p{margin:0}.alert-success{color:#2f696e;border-color:#9edce1;background:#e5f7f8}.alert-error,.inline-error{color:#92343c;border-color:#ecc2c7;background:#fcedef}.incoming-call{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:22px;align-items:center;margin-bottom:32px;padding:18px 22px 18px 0;border:1px solid #efc3ce;border-left:0;background:var(--pink-pale)}.incoming-label{display:grid;align-self:stretch;place-items:center;color:var(--white);background:var(--pink);font-weight:700}.incoming-call h2{margin-bottom:5px}.incoming-call p{margin-bottom:4px;color:#697a7b;font-size:13px}.process-guide{margin-bottom:42px;border:1px solid var(--line);background:var(--white)}.process-guide-heading{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:17px 20px;cursor:pointer;list-style:none;background:#ededed}.process-guide-heading::-webkit-details-marker{display:none}.process-guide-heading:hover{background:#e8e8e8}.process-guide-heading:focus-visible{outline:3px solid rgba(80,200,213,.32);outline-offset:-3px}.process-guide-title{display:flex;align-items:center;margin:0;font-size:16px;font-weight:700}.process-guide-summary{display:flex;gap:22px;align-items:center;color:var(--muted);font-size:12px}.process-toggle{display:inline-flex;min-width:92px;align-items:center;justify-content:flex-end;color:#278c96;font-weight:700}.process-toggle-close{display:none}.process-toggle-icon{margin-left:8px;font-size:18px;line-height:1;transition:transform .18s ease}.process-guide[open] .process-toggle-open{display:none}.process-guide[open] .process-toggle-close{display:inline}.process-guide[open] .process-toggle-icon{transform:rotate(180deg)}.process-flow{margin:0;padding:0;list-style:none}.process-flow-item{position:relative;display:grid;grid-template-columns:54px 155px minmax(0,1fr);gap:14px;min-height:96px;padding:20px 22px;align-items:start;border-bottom:1px solid var(--line)}.process-flow-item:not(:last-child):after{position:absolute;z-index:0;top:49px;bottom:-1px;left:37px;width:2px;background:#b8dfe2;content:""}.process-number{position:relative;z-index:1;display:grid;width:31px;height:31px;place-items:center;color:var(--white);background:var(--cyan);font-size:11px;font-weight:700}.process-stage{display:grid;gap:7px}.process-stage strong{font-size:14px}.process-actor{width:fit-content;padding:3px 8px;border:1px solid;font-size:10px;font-weight:700}.process-actor-guest{color:#26777f;border-color:#9bd9de;background:var(--cyan-pale)}.process-actor-staff{color:#375f7b;border-color:#b8ccd9;background:#edf4f8}.process-actor-system,.process-actor-both{color:#687576;border-color:#cfd5d5;background:#f2f2f2}.process-detail{display:grid;gap:6px}.process-detail p{margin:0;font-size:13px;line-height:1.7}.process-detail p>span{display:inline-block;width:62px;color:var(--muted);font-size:11px;font-weight:700}.implementation-note{display:inline-block;margin-left:6px;padding:2px 7px;color:#8b5b14;border:1px solid #dfc38b;background:#fff8e8;font-size:10px;font-style:normal;font-weight:700;line-height:1.4}.process-note{margin:0;padding:11px 18px;color:var(--muted);background:#f7f7f7;font-size:11px}.panel,.video-panel{border:1px solid var(--line);background:var(--white)}.panel{padding:24px}.panel-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:-24px -24px 0;padding:18px 24px;border-bottom:1px solid var(--white);background:#ededed}.panel-heading h1,.panel-heading h2,.panel-heading.compact{margin:0}.empty-state{padding:44px 20px;color:var(--muted);text-align:center}.empty-state p:last-child{margin-bottom:0}.muted{color:var(--muted)}.session-list{margin:0 -24px -24px}.session-list-header,.session-row{display:grid;grid-template-columns:190px 150px minmax(220px,1fr) 90px;gap:18px;align-items:center}.session-list-header{padding:13px 20px;color:#657575;border-bottom:1px solid var(--line);background:#f5f5f5;font-size:12px;font-weight:700}.session-row{min-height:68px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--white)}.session-row:last-child{border-bottom:0}.session-row-incoming{box-shadow:inset 5px 0 var(--pink);background:#fff8fa}.session-row time{color:#677;font-size:13px}.session-row .button{min-height:34px;padding:7px 17px;font-size:12px}.status{display:inline-flex;width:fit-content;min-height:25px;padding:4px 9px;align-items:center;border:1px solid transparent;border-radius:2px;font-size:11px;font-weight:700}.status-waiting{color:#a13650;border-color:#e6aab8;background:var(--pink-pale)}.status-staff_ready,.status-active{color:#246d74;border-color:#9bd9de;background:var(--cyan-pale)}.status-completed{color:#4f6668;border-color:#ccd4d4;background:#eef1f1}.status-ended{color:#777f80;border-color:#d7dada;background:#f2f2f2}.call-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:22px;align-items:start}.video-panel{overflow:hidden}.video-stage{position:relative;overflow:hidden;aspect-ratio:16 / 9;margin:22px 24px 0;background:#101a1b}.video-stage video{width:100%;height:100%;object-fit:cover;background:#101a1b}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;padding:20px;color:#dfe6e6;text-align:center;background:#142324}.video-placeholder small{color:#93a1a2}.placeholder-icon{color:var(--cyan);font-size:34px}.video-label{position:absolute;bottom:0;left:0;padding:7px 12px;color:var(--white);background:#0000009e;font-size:11px;font-weight:700}.connection-strip{display:flex;gap:8px;align-items:center;margin:18px 24px 0;color:var(--muted);font-size:13px}.connection-strip strong{color:var(--text)}.connection-dot{width:9px;height:9px;border-radius:50%;background:#a6aeae}.connection-dot.is-connecting{background:#e2ae31}.connection-dot.is-connected{background:var(--cyan-dark)}.connection-dot.is-error{background:var(--danger)}.inline-error{margin:16px 24px 0}.control-bar{display:flex;flex-wrap:wrap;gap:12px;padding:20px 24px}.privacy-note{margin:0;padding:14px 24px;color:#6f7f80;border-top:1px solid var(--line);background:#f6f6f6;font-size:12px;line-height:1.7}.side-panel{display:grid;gap:18px}.info-panel h2{margin:-24px -24px 20px;padding:15px 20px;border-bottom:1px solid var(--line);background:#ededed;font-size:15px}.info-panel .muted{font-size:12px;line-height:1.7}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.copy-field input{width:100%;min-width:0;padding:10px;color:#596969;border:1px solid #cfd5d5;background:var(--white);font-size:11px}.copy-result{min-height:18px;margin:7px 0 0;color:#2e838b;font-size:11px}.detail-list{display:grid;gap:12px;margin:0}.detail-list div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px}.detail-list dt{color:var(--muted);font-size:12px}.detail-list dd{margin:0;font-size:12px}.finish-form+.finish-form{margin-top:10px}.text-link{display:inline-block;margin-top:16px;color:#279aa5;font-size:12px;font-weight:700}.guest-page .site-header{justify-content:flex-start;padding:0}.guest-page .guest-header-title{display:flex;width:240px;height:72px;padding:0 32px;align-items:center;color:var(--white);background:var(--cyan);font-weight:700}.guest-page .site-footer{text-align:center}.guest-shell{width:min(860px,100%);margin:0 auto}.arrival-panel,.waiting-panel{min-height:390px;padding:clamp(36px,7vw,72px);text-align:center}.arrival-panel h1,.guest-intro h1{justify-content:center}.arrival-panel .lead,.waiting-panel .lead{max-width:650px;margin-inline:auto}.arrival-panel form{margin:38px auto 20px}.arrival-button{width:min(100%,420px)}.arrival-note{margin:34px -36px -36px;border:0}.waiting-spinner{width:42px;height:42px;margin:30px auto 36px;border:4px solid #dceff1;border-top-color:var(--cyan);border-radius:50%;animation:waiting-spin 1s linear infinite}@keyframes waiting-spin{to{transform:rotate(360deg)}}.guest-intro{margin-bottom:20px;padding:30px 36px}.guest-stage{aspect-ratio:4 / 3}.guest-stage video{transform:scaleX(-1)}.guest-controls .button{flex:1 1 180px}.guest-controls .button-primary{flex-basis:100%}.instruction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}.instruction-grid div{display:flex;gap:10px;min-height:82px;padding:18px;align-items:flex-start;color:var(--muted);border-right:1px solid var(--line);font-size:12px;line-height:1.6}.instruction-grid div:last-child{border-right:0}.instruction-grid span{display:grid;width:23px;height:23px;flex:0 0 23px;place-items:center;color:var(--white);background:var(--cyan);font-size:11px;font-weight:700}@media(max-width:1000px){.page-shell{width:calc(100% - 48px);padding-top:48px}.call-layout{grid-template-columns:1fr}.session-list-header,.session-row{grid-template-columns:170px 135px minmax(180px,1fr) 75px;gap:10px}}@media(max-width:760px){.staff-page .site-header{justify-content:space-between;padding-left:22px}.staff-page .guest-header-title{display:inline;color:var(--text);font-weight:700}.page-shell{width:calc(100% - 32px);padding:34px 0 60px}.page-heading{align-items:stretch;flex-direction:column;margin-bottom:30px}.page-heading .button{width:100%}.incoming-call{grid-template-columns:90px minmax(0,1fr);padding-right:14px}.incoming-call .button{grid-column:1 / -1;margin-left:14px}.process-guide-heading{align-items:flex-start;flex-direction:column;gap:6px}.process-guide-summary{width:100%;justify-content:space-between}.process-flow-item{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:18px 16px}.process-flow-item:not(:last-child):after{left:31px}.process-detail{grid-column:2}.process-detail p>span{display:block;width:auto}.session-list-header{display:none}.session-row{grid-template-columns:1fr;gap:8px;padding:18px}.session-row .button{width:100%;margin-top:4px}.instruction-grid{grid-template-columns:1fr}.instruction-grid div{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.instruction-grid div:last-child{border-bottom:0}}@media(max-width:520px){.site-header{height:58px;padding-inline:16px}.guest-page .guest-header-title{width:100%;height:58px;padding-inline:20px}.panel{padding:18px}.panel-heading,.info-panel h2{margin-inline:-18px}.panel-heading{margin-top:-18px;padding-inline:18px}.session-list{margin:0 -18px -18px}.video-stage{margin:14px 14px 0}.connection-strip{margin-inline:14px}.control-bar{padding:16px 14px}.copy-field{grid-template-columns:1fr}.arrival-panel,.waiting-panel{min-height:330px;padding:34px 22px}.arrival-note{margin:28px -22px -34px}}