:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--honda-red:#e40521;--honda-red-deep:#b9041a;--honda-red-soft:#e405211a;--text-strong:#141414;--text-muted:#6f6a64;--line:#1414141a;--surface:#ffffffbd;--surface-strong:#111;--surface-soft:#ffffffe0;--danger:#b81b2b;--success:#0f9d58;background:#f2efe9;font-family:Aptos,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top,#e4052114,#0000 22rem),radial-gradient(circle at bottom,#1111110d,#0000 24rem),linear-gradient(#f7f3ed 0%,#efebe4 100%);min-height:100vh}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{padding-top:20px}.header-stripe{background:var(--honda-red);width:100%;height:3px;margin-top:6px}.header-inner,.page-content{width:min(100% - 32px,1120px);margin:0 auto}.header-inner{justify-content:space-between;align-items:center;gap:16px;min-height:72px;display:flex}.brand-lockup{justify-content:flex-start;align-items:center;display:flex}.brand-logo{object-fit:contain;width:auto;max-width:min(100%,320px);height:58px;display:block}.header-actions{justify-content:flex-end;align-items:center;display:flex}.header-action-button{min-height:44px;color:var(--text-strong);cursor:pointer;background:#ffffffd1;border:1px solid #1414141a;border-radius:999px;padding:0 18px;font-size:.92rem;font-weight:700;transition:transform .16s,border-color .16s,background .16s,opacity .16s}.header-action-button:hover:enabled{background:#fff;border-color:#e4052138;transform:translateY(-1px)}.header-action-button-danger{border-color:var(--honda-red);background:var(--honda-red);color:#fff}.header-action-button-danger:hover:enabled{border-color:var(--honda-red-deep);background:var(--honda-red-deep)}.header-action-button:disabled{opacity:.56;cursor:not-allowed}.page-content{flex:1;align-content:start;justify-items:center;gap:20px;padding:8px 0 56px;display:grid}.session-stage{justify-items:center;gap:20px;width:min(100%,760px);padding:clamp(10px,2vw,24px) 0 36px;display:grid}.stage-copy{text-align:center;gap:10px;max-width:42rem;display:grid}.stage-label,.ambient-note{text-transform:uppercase;letter-spacing:.18em}.stage-label{color:var(--text-muted);font-size:.74rem;font-weight:700}.stage-copy h1{letter-spacing:-.05em;color:var(--text-strong);white-space:nowrap;margin:0;font-family:Bahnschrift SemiCondensed,Arial Narrow,sans-serif;font-size:clamp(2.8rem,6vw,4.9rem);line-height:.88}.stage-note{max-width:34rem;color:var(--text-muted);margin:0;font-size:1rem;line-height:1.8}.auth-stage{grid-template-columns:minmax(0,1.1fr) minmax(320px,420px);align-items:stretch;gap:28px;width:min(100%,980px);padding:clamp(10px,2vw,24px) 0 42px;display:grid}.auth-copy{align-content:center;gap:16px;display:grid}.auth-copy h1{letter-spacing:-.05em;color:var(--text-strong);margin:0;font-family:Bahnschrift SemiCondensed,Arial Narrow,sans-serif;font-size:clamp(3rem,7vw,5.2rem);line-height:.9}.auth-footnote{letter-spacing:.16em;text-transform:uppercase;color:#14141480;max-width:32rem;margin:0;font-size:.74rem;font-weight:700;line-height:1.8}.login-card{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #14141414;border-radius:30px;align-content:center;gap:16px;width:100%;padding:clamp(22px,3vw,30px);display:grid}.login-card-loading{min-height:260px}.login-card-header{gap:8px;display:grid}.login-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.login-card strong{color:var(--text-strong);font-family:Bahnschrift SemiCondensed,Arial Narrow,sans-serif;font-size:1.7rem;line-height:.95}.login-card p{color:var(--text-muted);margin:0;line-height:1.6}.form-field{gap:8px;display:grid}.form-field span{letter-spacing:.04em;color:var(--text-strong);font-size:.82rem;font-weight:700}.form-input{min-height:50px;color:var(--text-strong);background:#ffffffe0;border:1px solid #1414141a;border-radius:18px;padding:0 16px;transition:border-color .16s,box-shadow .16s,background .16s}.form-input::placeholder{color:#14141466}.form-input:focus{background:#fff;border-color:#e4052147;outline:none;box-shadow:0 0 0 4px #e4052114}.form-input:disabled{opacity:.7}.form-message{border-radius:16px;margin:0;padding:12px 14px;font-size:.92rem;line-height:1.55}.form-message-muted{color:var(--text-muted);background:#ffffff9e;border:1px solid #1414140f}.form-message-error{color:var(--danger);background:#b81b2b14;border:1px solid #b81b2b24}.login-button{background:var(--surface-strong);color:#fff;cursor:pointer;border:0;border-radius:999px;min-height:50px;padding:0 18px;font-size:.95rem;font-weight:700;transition:transform .16s,opacity .16s,background .16s}.login-button:hover:enabled{background:#222;transform:translateY(-1px)}.login-button:disabled{opacity:.56;cursor:not-allowed}.ambient-note{text-align:center;color:#1414147a;max-width:32rem;margin:0;font-size:.72rem;font-weight:700;line-height:1.8}.avatar-card{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #14141414;border-radius:32px;gap:16px;width:min(100%,560px);padding:clamp(12px,1.8vw,16px);display:grid}.status-dot{border-radius:999px;flex:none;width:10px;height:10px}.status-dot-connecting{background:#f4b400;box-shadow:0 0 0 5px #f4b40024}.status-dot-ready{background:var(--success);box-shadow:0 0 0 5px #0f9d5824}.status-dot-stopped,.status-dot-error{background:var(--danger);box-shadow:0 0 0 5px #b81b2b1f}.video-shell{aspect-ratio:10/15.2;background:radial-gradient(circle at top,#e4052114,#0000 34%),linear-gradient(#ece7e0 0%,#ddd6cf 100%);border-radius:26px;width:min(100%,500px);max-height:min(68vh,760px);margin:0 auto;position:relative;overflow:hidden}.video-shell:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff6b;position:absolute;inset:0}.avatar-video{object-fit:cover;background:0 0;width:100%;height:100%;display:block}.status-pill{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:calc(100% - 36px);color:var(--text-strong);background:#ffffffdb;border:1px solid #14141414;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:.88rem;display:inline-flex;position:absolute;top:18px;left:18px}.video-overlay{background:linear-gradient(#f4f0eb29,#f4f0ebc2);place-items:center;padding:22px;display:grid;position:absolute;inset:0}.overlay-card{text-align:center;background:#ffffffe6;border:1px solid #14141414;border-radius:24px;gap:12px;width:min(100%,300px);padding:22px 20px;display:grid}.overlay-card strong{color:var(--text-strong);font-size:1.05rem}.overlay-card p{color:var(--text-muted);margin:0;line-height:1.6}.session-footer{justify-items:center;gap:12px;display:grid}.control-bar{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.volume-control{background:var(--surface-soft);min-height:44px;color:var(--text-strong);border:1px solid #14141414;border-radius:999px;align-items:center;gap:10px;padding:0 14px;display:inline-flex;position:relative}.volume-control svg{fill:currentColor;flex:none;width:16px;height:16px}.volume-slider{width:112px;accent-color:var(--honda-red);cursor:pointer;margin:0}.volume-slider:disabled{opacity:.54;cursor:not-allowed}.control-button{background:var(--surface-soft);min-height:44px;color:var(--text-strong);cursor:pointer;border:1px solid #14141414;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:.94rem;font-weight:700;transition:transform .16s,opacity .16s,background .16s,border-color .16s,color .16s;display:inline-flex}.control-button svg{fill:currentColor;width:16px;height:16px}.control-button:hover:enabled{background:#fff;border-color:#14141424;transform:translateY(-1px)}.control-button:disabled{opacity:.54;cursor:not-allowed}.control-button-active{color:var(--honda-red);background:var(--honda-red-soft);border-color:#e4052133}.control-button-danger{background:var(--honda-red);border-color:var(--honda-red);color:#fff}.control-button-danger:hover:enabled{background:var(--honda-red-deep);border-color:var(--honda-red-deep)}@media (width<=900px){.auth-stage{grid-template-columns:1fr}.auth-copy{text-align:center;justify-items:center}.login-card{justify-self:center;max-width:520px}}@media (width<=720px){.page-content{padding-top:4px}.session-stage{padding:8px 0 44px}.stage-copy h1{white-space:normal;font-size:clamp(2.8rem,14vw,4.3rem)}.auth-copy h1{font-size:clamp(2.8rem,14vw,4.5rem)}.avatar-card{border-radius:26px}.video-shell{border-radius:22px}}@media (width<=520px){.header-inner,.page-content{width:min(100% - 24px,1120px)}.header-inner{min-height:56px}.brand-logo{height:46px}.header-action-button{min-height:40px;padding-inline:14px}.login-card{border-radius:24px;padding:22px 18px}.stage-note{font-size:.95rem}.status-pill{padding-inline:12px;top:12px;left:12px;right:12px}.control-bar{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.volume-control{grid-column:1/-1;width:100%}.volume-slider{width:100%}.control-button{width:100%;min-width:0;padding-inline:10px}.control-button span{display:none}}