.family-watch-page{background:#030817;color:#f8fafc;min-height:100vh}.family-watch-page .cinema-main{max-width:1120px}.family-home{max-width:680px;margin:22px auto 80px}.family-brand{text-align:center;padding:38px 0 34px}.family-logo{display:flex;direction:ltr;justify-content:center;align-items:center;gap:12px;font-size:44px;font-weight:950;letter-spacing:-2px}.family-logo span{color:#fff}.family-logo i{font-style:normal;filter:drop-shadow(0 8px 22px #f59e0b55)}.family-brand p{color:#94a3b8;font-size:18px}.family-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.family-tile{min-height:190px;border:0;border-radius:34px;color:#fff;text-decoration:none;padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;box-shadow:inset 0 1px #ffffff28,0 18px 50px #0005;transition:.2s transform}.family-tile:hover{transform:translateY(-3px)}.family-tile span{font-size:44px}.family-tile b{font-size:25px}.family-tile small{font-size:15px;color:#fffbd9}.family-create{grid-column:1/-1;background:linear-gradient(135deg,#ffab08,#ed8300);min-height:160px}.family-create button{all:unset;width:100%;cursor:pointer;display:grid;grid-template-columns:90px 1fr;align-items:center}.family-create button span{grid-row:1/3}.family-store{grid-column:1/-1;min-height:120px;background:linear-gradient(135deg,#8b3ff0,#6424dc);flex-direction:row}.family-support{background:linear-gradient(135deg,#28c78d,#0ba97a)}.family-account{background:linear-gradient(135deg,#637185,#344257)}.family-learn{grid-column:1/-1;min-height:110px;background:linear-gradient(135deg,#234c80,#102e57);flex-direction:row}.family-guide{margin-top:40px;padding:25px;border:1px solid #253047;border-radius:24px;background:#0b1325;color:#cbd5e1}.family-room{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px}.family-room-bar{grid-column:1/-1;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 22px;background:#0b1325;border:1px solid #253047;border-radius:24px}.family-room-bar h1{margin:3px 0}.family-room-bar small{color:#fbbf24}.family-room-actions{display:flex;gap:8px;flex-wrap:wrap}.family-room-actions button,.family-invite-copy button{border:1px solid #ffffff24;background:#19243a;color:white;border-radius:14px;padding:11px 14px;cursor:pointer}.family-room-actions button.is-on{background:#047857}.family-room-actions button.danger{background:#7f1d1d}.family-stage{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#000;display:grid;place-items:center}.family-stage video{width:100%;height:100%;background:#000}.family-empty-player{display:flex;flex-direction:column;align-items:center;gap:15px;color:#94a3b8}.family-empty-player span{font-size:54px;color:#f59e0b}.family-sync-status{position:absolute;bottom:14px;right:14px;background:#020617cc;border:1px solid #334155;border-radius:10px;padding:7px 11px;font-size:12px}.family-sync-status.is-error{color:#fecaca;border-color:#ef4444}.family-members{background:#0b1325;border:1px solid #253047;border-radius:24px;padding:18px}.family-members h2{font-size:18px;margin-top:0}.family-member{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #1e293b}.family-member>span{width:37px;height:37px;border-radius:13px;background:#7c3aed;display:grid;place-items:center;font-weight:bold}.family-member div{display:flex;flex:1;flex-direction:column}.family-member small{color:#94a3b8}.family-member i{font-style:normal}.family-dialog{width:min(720px,calc(100% - 30px));max-height:82vh;color:#f8fafc;background:#0b1325;border:1px solid #334155;border-radius:24px;padding:22px}.family-dialog::backdrop{background:#020617d9}.family-dialog form>button:first-child{float:left;border:0;background:#253047;color:white;border-radius:50%;width:38px;height:38px}.family-archive{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:58vh;overflow:auto}.family-archive button{display:flex;text-align:right;gap:12px;align-items:center;border:1px solid #29364d;background:#111c30;color:white;border-radius:15px;padding:9px;cursor:pointer}.family-archive button:disabled{opacity:.45;cursor:not-allowed}.family-archive img{width:55px;height:75px;object-fit:cover;border-radius:9px}.family-archive span{display:flex;flex-direction:column;gap:5px}.family-archive small{color:#94a3b8}.family-invite-copy{display:flex;gap:8px;direction:ltr}.family-invite-copy input{flex:1;min-width:0;border:1px solid #334155;background:#020617;color:white;border-radius:12px;padding:12px}.family-room[data-leader="0"] video{pointer-events:none}
@media(max-width:780px){.family-home{margin-top:0}.family-logo{font-size:34px}.family-home-grid{gap:14px}.family-tile{border-radius:25px;min-height:145px;padding:18px}.family-tile b{font-size:20px}.family-tile span{font-size:35px}.family-create{min-height:150px}.family-room{grid-template-columns:1fr}.family-room-bar{align-items:flex-start;flex-direction:column}.family-stage{grid-column:1/-1}.family-members{grid-column:1/-1}.family-room-actions{width:100%}.family-room-actions button{flex:1}.family-archive{grid-template-columns:1fr}.family-invite-copy{flex-direction:column}.cinema-nav{overflow:auto}}