*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#07101d;color:#edf5ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{min-height:100vh}.hidden{display:none!important}.glow{position:fixed;width:520px;height:520px;border-radius:999px;filter:blur(90px);opacity:.13;pointer-events:none}.g1{background:#329dff;left:-220px;top:-190px}.g2{background:#8c62ff;right:-240px;bottom:-230px}.host-shell{position:relative;z-index:1;width:min(1180px,calc(100% - 28px));margin:auto;padding:18px 0 42px}.host-header{display:flex;align-items:center;justify-content:space-between;padding:10px 2px 20px}.host-brand{display:flex;gap:10px;align-items:center}.host-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#2196ff,#6966ff)}.host-brand b,.host-brand small{display:block}.host-brand small{font-size:10px;opacity:.55}.header-actions{display:flex;gap:8px;align-items:center}.session-pill{font-size:10px;padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:999px;opacity:.7}.login-wrap{min-height:72vh;display:grid;place-items:center}.login-card{width:min(430px,100%);padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(9,19,33,.94)}.eyebrow{font-size:10px;letter-spacing:.17em;opacity:.58}.login-card h1,.dash-top h1{margin:7px 0 6px;font-size:clamp(27px,4vw,42px)}.login-card p,.dash-top p{font-size:12px;line-height:1.55;opacity:.65}.login-card form,.password-form{display:grid;gap:10px}.login-card label,.create-grid label,.person-link-form label{display:grid;gap:6px;font-size:11px;font-weight:700}input,select{width:100%;min-height:44px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#081321;color:#fff}.primary,.ghost,.room-actions button,.share-default button,.icon{border:1px solid rgba(255,255,255,.1);border-radius:10px;min-height:38px;padding:8px 12px;color:#fff;background:rgba(255,255,255,.045);font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,#168ef3,#5a5eea);border-color:transparent}.compact{min-height:35px}.error{color:#ff9494;font-size:11px;min-height:13px;margin:0}.dashboard{display:grid;gap:14px}.dash-top{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px 2px 4px}.card{padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(9,19,33,.78)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.section-head b,.section-head small{display:block}.section-head small{font-size:10px;opacity:.55}.create-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wide{grid-column:1/-1}.form-actions{display:flex;align-items:center;gap:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.stats>div{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:13px}.stats small,.stats b{display:block}.stats small{font-size:10px;opacity:.5}.stats b{font-size:20px}.room-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.room-card{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(3,10,20,.4);display:grid;gap:9px}.room-card-head{display:flex;justify-content:space-between;gap:8px}.room-card-title{min-width:0}.room-card-title b,.room-card-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-card-title small{font-size:10px;opacity:.5}.room-code{font-size:10px;font-weight:900;opacity:.6}.room-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.room-meta span{padding:6px;background:rgba(255,255,255,.03);border-radius:8px;font-size:9.5px;opacity:.7}.room-current{font-size:10px;opacity:.55}.room-actions{display:flex;gap:6px}.room-actions button{flex:1;font-size:10px;min-height:32px}.share-panel{position:fixed;z-index:20;right:20px;bottom:20px;width:min(430px,calc(100% - 28px));box-shadow:0 28px 90px rgba(0,0,0,.5);background:#0a1728}.share-default{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:11px}.share-default b,.share-default small{display:block}.share-default small{font-size:10px;opacity:.55}.person-link-form{display:grid;grid-template-columns:1.2fr .8fr auto;gap:8px;align-items:end;margin-top:10px}.privacy-note{font-size:10px;opacity:.5}.empty{padding:25px;text-align:center;opacity:.55}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,20px);opacity:0;background:#edf6ff;color:#07101d;padding:9px 12px;border-radius:10px;font-size:11px;font-weight:800;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){.host-shell{width:calc(100% - 20px)}.session-pill{display:none}.dash-top{align-items:flex-start;flex-direction:column}.dash-top button{width:100%}.create-grid,.room-list{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.person-link-form{grid-template-columns:1fr}.share-panel{right:10px;bottom:10px;width:calc(100% - 20px)}}
.login-divider{display:flex;align-items:center;gap:10px;margin:14px 0 9px;color:rgba(237,245,255,.42);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.07)}.change-link{width:100%;min-height:38px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);color:#b9c9df;font-weight:800;cursor:pointer}.password-change-card{display:grid;gap:10px;margin-top:10px;padding:13px;border:1px solid rgba(112,112,255,.18);border-radius:14px;background:rgba(20,27,50,.55)}.password-change-card label,.password-form label{display:grid;gap:6px;font-size:11px;font-weight:700}.mini-head b,.mini-head small{display:block}.mini-head small{margin-top:3px;font-size:10px;opacity:.55}.password-actions{display:flex;gap:8px;align-items:center}.password-actions>*{flex:1}.security-note{margin:0!important;font-size:9.5px!important;line-height:1.45!important;opacity:.5!important}.password-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.password-form .password-actions,.password-form .security-note,.password-form .error{grid-column:1/-1}@media(max-width:700px){.password-form{grid-template-columns:1fr}.password-actions{flex-direction:column}.password-actions>*{width:100%}}
/* VW_WATCH_TOGETHER_HOST_PASSWORD_CURRENT_VERIFY_V2_2R1 */

/* VW_WATCH_TOGETHER_SHARE_ACCESS_RBAC_V3_0 */
.share-access-v3{width:min(620px,calc(100% - 28px));max-height:min(88vh,820px);overflow:auto;overscroll-behavior:contain;padding:16px}
.access-owner-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;margin-bottom:9px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:linear-gradient(135deg,rgba(255,191,71,.08),rgba(255,255,255,.025))}
.access-owner-row>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.access-owner-row b{font-size:12px}.access-owner-row small{grid-column:2;font-size:10px;opacity:.58;margin-top:2px}
.role-dot{display:inline-block;width:9px;height:9px;border-radius:99px;background:#7c8ca1;box-shadow:0 0 0 3px rgba(124,140,161,.12)}.role-dot.owner{background:#ffc04d}.role-dot.coowner{background:#a87cff}.role-dot.admin{background:#54a7ff}.role-dot.controller{background:#53d5b1}.role-dot.viewer{background:#8a98aa}
.role-pill{display:inline-flex;align-items:center;width:max-content;padding:4px 7px;border:1px solid rgba(255,255,255,.09);border-radius:999px;font-size:8.5px;line-height:1;font-weight:900;letter-spacing:.06em;background:rgba(255,255,255,.035)}.role-pill.owner{color:#ffd36f}.role-pill.coowner{color:#c9a9ff}.role-pill.admin{color:#80c1ff}.role-pill.controller{color:#77e6c7}.role-pill.viewer{color:#b9c4d0}
.role-power-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.role-power-grid>div{padding:9px 10px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(255,255,255,.025)}.role-power-grid b,.role-power-grid small{display:block}.role-power-grid b{font-size:10.5px}.role-power-grid small{font-size:9px;line-height:1.4;opacity:.5;margin-top:3px}
.access-create-form{grid-template-columns:1.15fr .9fr .8fr auto;margin-top:11px;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(1,8,17,.28)}.access-create-form .error{grid-column:1/-1}
.access-list-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px 1px 7px}.access-list-head b,.access-list-head small{display:block}.access-list-head b{font-size:11px}.access-list-head small{font-size:9px;opacity:.48;margin-top:2px}
.access-list{display:grid;gap:6px}.access-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(255,255,255,.025)}.access-row.inactive{opacity:.48}.access-person{display:flex;align-items:center;gap:9px;min-width:0}.access-person>div{min-width:0}.access-person b,.access-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-person b{font-size:10.5px}.access-person small{font-size:8.8px;opacity:.52;margin-top:2px}
.access-row-actions{display:flex;gap:5px;flex:0 0 auto}.access-row-actions button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#fff;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:800;cursor:pointer}.access-row-actions .danger-lite{color:#ffaaaa;border-color:rgba(255,115,115,.2)}.access-ended{font-size:8px;opacity:.55}
.access-empty{padding:12px;border:1px dashed rgba(255,255,255,.08);border-radius:10px;text-align:center;font-size:9.5px;opacity:.5}
.activity-head{margin-top:15px}.access-activity{display:grid;gap:5px}.activity-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.022)}.activity-row b,.activity-row small{display:block}.activity-row b{font-size:9.5px}.activity-row small{font-size:8.4px;opacity:.46;margin-top:2px}
@media(max-width:760px){.share-access-v3{right:10px;bottom:10px;width:calc(100% - 20px);max-height:90vh}.role-power-grid{grid-template-columns:1fr 1fr}.access-create-form{grid-template-columns:1fr 1fr}.access-create-form button,.access-create-form .error{grid-column:1/-1}.access-row{align-items:flex-start}.access-row-actions{flex-direction:column}}
@media(max-width:460px){.role-power-grid{grid-template-columns:1fr}.access-create-form{grid-template-columns:1fr}.access-row{display:grid}.access-row-actions{flex-direction:row;justify-content:flex-end}}