:root{--blue:#0968db;--navy:#071d3d;--ink:#10264a;--muted:#66758c;--line:#dce6f2;--soft:#f3f7fc;--green:#43d989}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:linear-gradient(145deg,#f7faff,#eaf3ff);min-height:100vh}button,input{font:inherit}[hidden]{display:none!important}.access-screen{min-height:100vh;display:grid;place-items:center;padding:22px}.access-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:0 26px 70px rgba(18,65,115,.16);text-align:center}.access-logo{height:48px;margin-bottom:24px}.access-kicker,.intro span,.site-header span{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--blue)}.access-card h1{font-size:2rem;margin:8px 0}.access-card p{color:var(--muted);line-height:1.5}.access-card form{text-align:left;margin-top:24px}.access-card label{display:block;font-size:.78rem;font-weight:800;margin-bottom:7px}.access-field{display:grid;grid-template-columns:1fr 46px}.access-field input{border:1px solid #cbd9e9;border-radius:10px 0 0 10px;padding:12px}.access-field button{border:1px solid #cbd9e9;border-left:0;border-radius:0 10px 10px 0;background:#f7faff;cursor:pointer}.primary-button,.secondary-button,.end-button,.quiet-button{border-radius:10px;padding:11px 15px;border:1px solid transparent;font-weight:750;cursor:pointer}.primary-button{width:100%;margin-top:12px;background:var(--blue);color:#fff}.secondary-button{border-color:#c8d8eb;background:#fff;color:#174d80}.end-button{border-color:#efb7b7;background:#fff;color:#b42318}.quiet-button{border-color:#d5e0ed;background:#fff;color:#365b80}.feedback{min-height:22px;color:#b42318;font-weight:700;font-size:.84rem}.access-card small,.call-panel small{color:#78879b}.site-shell{min-height:100vh}.site-header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(18px,4vw);gap:14px}.site-header img{height:38px}.site-header div{display:flex;flex-direction:column}.site-header .quiet-button{margin-left:auto}.lidy-main{width:min(1420px,100%);margin:auto;padding:28px max(16px,4vw) 40px}.intro{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.intro h1{font-size:clamp(1.8rem,4vw,2.8rem);margin:5px 0}.intro p{color:var(--muted);margin:0;max-width:720px}.intro b{background:#e5f1ff;color:#125cab;padding:9px 13px;border-radius:999px;font-size:.78rem}.stage{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.5fr);gap:20px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 18px 50px rgba(17,63,110,.1)}.video-wrap{position:relative;min-height:clamp(430px,62vh,680px);overflow:hidden;border-radius:16px;background:#071b36}.video-wrap video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-wrap:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(2,20,42,.76))}.live,.caption{position:absolute;z-index:2;background:rgba(3,26,54,.82);color:#fff;backdrop-filter:blur(8px)}.live{top:14px;left:14px;border-radius:999px;padding:8px 11px;font-size:.76rem}.live i{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:7px}.caption{left:15px;right:15px;bottom:15px;border-radius:11px;padding:12px;text-align:center}.call-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:17px;text-align:center}.voice-orb{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:#e8f3ff;color:var(--blue);font-size:1.7rem;position:relative}.voice-orb i{position:absolute;inset:-8px;border:1px solid #b9d6f6;border-radius:50%}body[data-call-state=speaking] .voice-orb i{animation:pulse 1.1s infinite}.call-panel h2{margin:0 0 6px}.call-panel p{margin:0;color:var(--muted)}.actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.actions .primary-button{margin:0;width:auto}.bars{height:30px;display:flex;align-items:center;gap:4px}.bars i{width:4px;height:8px;background:#8db8e6;border-radius:5px}body[data-call-state=listening] .bars i,body[data-call-state=speaking] .bars i{animation:bars .75s infinite alternate}.bars i:nth-child(2){animation-delay:.1s}.bars i:nth-child(3){animation-delay:.2s}.bars i:nth-child(4){animation-delay:.3s}.privacy{display:flex;gap:12px;margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.privacy p{margin:0;color:var(--muted)}footer{text-align:center;color:#748499;padding:0 16px 30px;font-size:.8rem}@keyframes pulse{to{transform:scale(1.25);opacity:0}}@keyframes bars{to{height:28px}}@media(max-width:850px){.stage{grid-template-columns:1fr}.video-wrap{min-height:58vh}.call-panel{padding:10px}.intro b{display:none}}@media(max-width:560px){.site-header{height:64px}.site-header img{height:30px}.quiet-button{font-size:.74rem;padding:8px}.lidy-main{padding-top:18px}.intro h1{font-size:1.8rem}.stage{padding:9px;border-radius:15px;gap:10px}.video-wrap{min-height:52vh;border-radius:11px}.actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.actions .primary-button{grid-column:1/-1;width:100%}.access-card{padding:25px 20px}.privacy{font-size:.82rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
