:root{--accent:#ee4758;--bg:#0c0e13;--surface:#151820;--surface-2:#1b1f28;--card:#191d26;--text:#f2f5fb;--muted:#a1a8b7;--dim:#788394;--border:#2a303c;--shadow:0 14px 45px rgba(0,0,0,.14);--focus:#83b5fd;--green:#4cca99;--red:#f1898c;--sidebar:242px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color-scheme:dark}
html[data-theme="light"]{--bg:#f5f6fa;--surface:#fff;--surface-2:#eef1f6;--card:#fff;--text:#222938;--muted:#647084;--dim:#8290a3;--border:#e2e6ed;--shadow:0 14px 45px rgba(40,50,75,.06);--green:#23855c;--red:#bd3d50;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-size:15px}body{background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,select{outline:none}input:focus-visible,select:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:-.045em;line-height:1.18;font-weight:770}h2{font-size:1.16rem;letter-spacing:-.02em}h3{font-size:1.05rem}small{font-size:.79rem}svg{flex-shrink:0}code{color:var(--text);background:var(--surface-2);padding:2px 5px;border-radius:5px;font-size:.87em}p{line-height:1.65}.muted{color:var(--muted)}.eyebrow{font-size:.71rem;font-weight:780;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:7px;margin-bottom:10px}.lead{color:var(--muted);font-size:1.07rem;line-height:1.65;margin:13px auto 0;max-width:560px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:820;letter-spacing:-.05em;white-space:nowrap}.brand-mark{color:#fff;border-radius:11px;background:var(--accent);display:inline-flex;justify-content:center;align-items:center;box-shadow:0 8px 22px rgba(238,71,88,.2)}.brand-custom{object-fit:contain;border-radius:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;border:1px solid transparent;padding:11px 17px;font-weight:680;font-size:.91rem;line-height:1.25;min-height:43px;white-space:nowrap;transition:filter .15s,background .15s}.btn:hover{filter:brightness(1.08)}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn-quiet{background:transparent;color:var(--muted)}.btn-text{background:transparent;color:var(--muted)}.btn-wide{width:100%}.btn-small{padding:7px 11px;min-height:34px;font-size:.79rem;border-radius:8px}.card{background:var(--card);border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow)}.alert{border-radius:11px;margin-bottom:22px;padding:12px 15px;border:1px solid var(--border);font-size:.9rem}.alert.success{background:rgba(31,146,94,.1);color:var(--green);border-color:rgba(49,161,112,.3)}.alert.error{background:rgba(230,69,89,.1);color:var(--red);border-color:rgba(230,69,89,.3)}.status-pill{display:inline-flex;align-items:center;gap:4px;font-size:.73rem;border-radius:60px;padding:5px 9px;font-weight:730;white-space:nowrap}.status-pill.good{color:var(--green);background:rgba(57,178,124,.11)}.status-pill.off{color:var(--muted);background:var(--surface-2)}.tag-muted,.phase-chip{color:var(--dim);font-size:.79rem;background:var(--surface-2);padding:5px 9px;border-radius:7px}.tag-done{font-size:.77rem;color:var(--green);font-weight:690}
/* installer, family entry and parent login */
.auth-shell{min-height:100vh;max-width:1240px;padding:30px 34px 25px;margin:auto;display:flex;flex-direction:column}.auth-topbar{display:flex;align-items:center;justify-content:space-between}.auth-top-note{display:flex;align-items:center;gap:7px;font-size:.82rem;color:var(--muted)}.auth-center{margin:auto;width:100%}.login-center{text-align:center;max-width:540px;padding:55px 0}.login-visual{width:76px;height:76px;margin:0 auto 26px;border-radius:23px;color:var(--accent);background:rgba(238,71,88,.09);display:grid;place-items:center;border:1px solid rgba(238,71,88,.2)}.family-visual{background:var(--accent);color:#fff}.login-center .eyebrow{justify-content:center}.gradient-text{color:var(--accent)}.login-card{text-align:left;margin:32px auto 19px;padding:28px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px}.field label{font-weight:670;font-size:.87rem}.field input,.field select{width:100%;height:45px;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:10px 13px;min-width:0;transition:border-color .15s}.field input:focus,.field select:focus{border-color:var(--accent)}.field input::placeholder{color:var(--dim)}.field small{color:var(--dim)}.muted-link{font-size:.88rem;color:var(--muted);display:inline-flex;align-items:center;gap:7px}.muted-link:hover{color:var(--text)}.helper-note{background:var(--surface-2);border-radius:10px;padding:12px 14px;font-size:.82rem;color:var(--muted);margin-top:9px}.auth-footer{padding-top:15px;text-align:center;color:var(--dim);font-size:.8rem;display:flex;justify-content:space-between;gap:20px}.installation-layout{max-width:900px;padding:45px 0}.installation-layout>.lead{margin-left:0}.installation-layout .card{margin-top:22px}.checks-card{padding:26px}.card-heading{margin-bottom:20px}.card-heading h2{margin-bottom:5px}.card-heading p{font-size:.88rem;color:var(--muted)}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.check-row{display:flex;align-items:center;gap:9px;font-size:.88rem}.check-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:50%}.check-icon.ok{color:var(--green);background:rgba(45,166,103,.12)}.check-icon.bad{color:var(--red);background:rgba(240,69,80,.14)}.form-card{padding:28px}.form-card h2{margin-bottom:9px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.extra-space{margin-top:17px}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:8px}.login-card .field{margin-bottom:18px}.profile-screen{text-align:center;margin:auto;width:100%;padding:50px 0}.profile-screen .eyebrow{justify-content:center}.profile-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;margin:60px auto 45px}.profile-option{width:164px}.profile-choice{border:0;background:transparent;color:var(--text);display:flex;align-items:center;flex-direction:column;gap:8px;width:100%;padding:0}.profile-choice:hover .profile-avatar,.profile-choice:focus-visible .profile-avatar{transform:translateY(-5px);border-color:var(--text)}.profile-avatar{display:grid;place-items:center;width:146px;height:146px;border:3px solid transparent;border-radius:24px;transition:.2s}.avatar-color-1{background:#47578c;color:#fff}.avatar-color-2{background:#357a70;color:#fff}.avatar-color-3{background:#8065a8;color:#fff}.avatar-color-4{background:#9e5a60;color:#fff}.avatar-color-5{background:#ae8045;color:#fff}.profile-choice-name{font-size:1.08rem;font-weight:690;margin-top:5px}.profile-age{color:var(--muted);font-size:.81rem}.profile-screen>.muted-link{margin-top:18px}
/* shared admin/kids layout */
.app-root{display:flex;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);width:var(--sidebar);position:fixed;top:0;left:0;bottom:0;z-index:40;display:flex;flex-direction:column;padding:26px 14px 18px}.sidebar-brand{margin:0 12px 18px;min-height:38px}.sidebar-divider{height:1px;background:var(--border);margin:0 9px 18px}.side-nav{display:flex;flex-direction:column;gap:5px}.nav-link{display:flex;align-items:center;gap:13px;border:0;border-radius:10px;width:100%;padding:12px 15px;color:var(--muted);font-weight:610;font-size:.89rem;text-align:left;background:transparent;transition:background .15s,color .15s}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--surface-2)}.nav-link.active{color:var(--accent)}.nav-button{cursor:pointer}.side-bottom{margin-top:auto;border-top:1px solid var(--border);padding-top:12px}.main-column{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-height:100vh}.topbar{height:77px;display:flex;align-items:center;gap:20px;padding:0 37px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:25}.topbar-title{font-weight:700;font-size:.96rem}.topbar-actions{display:flex;gap:20px;align-items:center;margin-left:auto}.admin-status,.profile-pill{display:flex;align-items:center;gap:9px;font-size:.82rem;color:var(--muted)}.profile-pill{background:var(--surface);border:1px solid var(--border);border-radius:80px;padding:8px 12px;color:var(--text)}.top-search{display:flex;align-items:center;gap:0;width:min(390px,38vw);border:1px solid var(--border);background:var(--surface);border-radius:30px;overflow:hidden;height:40px}.top-search input{background:transparent;border:0;color:var(--text);padding:8px 15px;width:100%;min-width:0;outline:0}.top-search button{border:0;background:transparent;color:var(--muted);padding:8px 15px;display:grid;place-items:center}.page-body{max-width:1470px;margin:auto;padding:33px 37px 70px}.page-title-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.page-title-row h1{margin-bottom:10px}.page-title-row .muted{font-size:.92rem}.mobile-menu,.sidebar-scrim,.mobile-bottom-nav{display:none}.icon-btn{border:0;background:transparent;color:var(--text);display:grid;place-items:center;padding:5px}.breadcrumb{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.83rem;margin-bottom:13px}.breadcrumb:hover{color:var(--accent)}
/* admin dashboard */
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.stat-card{padding:23px;min-width:0}.stat-icon{color:var(--accent);background:rgba(238,71,88,.1);border-radius:12px;display:grid;place-items:center;width:43px;height:43px;margin-bottom:18px}.stat-value{font-size:2.05rem;font-weight:810;letter-spacing:-.05em;line-height:1.1}.stat-name{font-size:.86rem;color:var(--muted);margin-top:7px}.dashboard-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:20px}.dashboard-panel{padding:26px;min-height:340px}.panel-header{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:23px}.panel-header .muted{font-size:.85rem;margin-top:3px}.mini-profile-list{display:flex;flex-direction:column;gap:11px}.mini-profile{display:flex;align-items:center;gap:12px;padding:8px 0}.mini-avatar{width:43px;height:43px;border-radius:13px;background:var(--surface-2);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.mini-profile>div{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.mini-profile strong,.table-person strong{font-size:.89rem}.mini-profile small,.table-person small{display:block;color:var(--muted)}.roadmap-list{display:flex;flex-direction:column;gap:24px}.roadmap-item{display:flex;align-items:start;gap:12px}.roadmap-item>div{flex:1;display:flex;flex-direction:column;gap:4px}.roadmap-item strong{font-size:.87rem}.roadmap-item small{color:var(--muted)}.roadmap-dot{width:11px;height:11px;flex:none;background:var(--border);border-radius:50%;margin-top:6px}.roadmap-dot.active{background:var(--green);box-shadow:0 0 0 5px rgba(72,191,130,.11)}.next-steps{margin-top:22px;padding:23px 25px;display:flex;align-items:center;gap:19px;background:linear-gradient(100deg,rgba(238,71,88,.10),var(--card) 65%)}.next-steps>div{flex:1}.next-steps p{color:var(--muted);font-size:.87rem;margin-top:5px}.next-icon{width:51px;height:51px;border-radius:16px;background:rgba(238,71,88,.16);color:var(--accent);display:grid;place-items:center}.small-empty{padding:28px;color:var(--muted);font-size:.9rem}.small-empty.larger{padding:65px 32px;text-align:center}.small-empty a{color:var(--accent)}
/* admin tables and forms */
.table-card{overflow:hidden}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.data-table th{padding:17px 21px;color:var(--dim);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border)}.data-table td{padding:17px 21px;border-bottom:1px solid var(--border);color:var(--muted);font-size:.87rem}.data-table tbody tr:last-child td{border-bottom:0}.table-person{display:flex;align-items:center;gap:12px;color:var(--text)}.text-right{text-align:right}.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.mode-pill{border-radius:7px;background:var(--surface-2);color:var(--text);font-size:.77rem;padding:5px 9px}.info-note{display:flex;align-items:start;gap:11px;margin-top:19px;color:var(--muted);font-size:.85rem;max-width:840px}.info-note svg{color:var(--accent);margin-top:1px}.wide-form{max-width:900px;display:flex;flex-direction:column;gap:18px}.wide-form .form-card>h2{margin-bottom:20px}.avatar-choices{display:flex;flex-wrap:wrap;gap:10px}.avatar-picker{cursor:pointer;position:relative}.avatar-picker input{position:absolute;width:1px;height:1px;opacity:0}.avatar-picker>span{display:grid;place-items:center;background:var(--surface-2);color:var(--text);width:62px;height:62px;border:2px solid var(--border);border-radius:13px}.avatar-picker input:checked+span{background:rgba(238,71,88,.12);border-color:var(--accent);color:var(--accent)}.avatar-picker input:focus-visible+span{outline:3px solid var(--focus)}.switch-row{display:flex;align-items:start;gap:14px;padding:17px 0;border-bottom:1px solid var(--border);cursor:pointer}.switch-row:last-of-type{margin-bottom:20px}.switch-row input{accent-color:var(--accent);width:18px;height:18px;margin-top:2px}.switch-row span{display:flex;flex-direction:column;gap:4px}.switch-row strong{font-size:.89rem}.switch-row small{color:var(--muted)}.category-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.category-option{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:13px;display:flex;align-items:center;gap:11px;cursor:pointer;font-size:.86rem}.category-option input{accent-color:var(--accent)}.category-choice-icon{color:var(--accent)}.category-option small{color:var(--muted)}.category-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.category-admin-card{padding:23px;display:flex;flex-direction:column;min-height:210px}.category-admin-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:16px}.category-big-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:rgba(238,71,88,.1);color:var(--accent)}.category-admin-card p{font-size:.86rem;margin-top:6px;margin-bottom:18px}.category-admin-footer{margin-top:auto;border-top:1px solid var(--border);padding-top:15px;display:flex;justify-content:space-between;gap:6px;align-items:center}.settings-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.8fr);gap:20px}.settings-primary,.settings-secondary{display:flex;flex-direction:column;gap:20px}.line-divider{height:1px;background:var(--border);margin:14px 0 23px}.device-list{display:flex;flex-direction:column;gap:6px;margin-top:17px}.device-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--border)}.device-icon{color:var(--accent)}.device-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.device-meta strong{font-size:.84rem;overflow:hidden;text-overflow:ellipsis}.device-meta small{color:var(--muted)}.safety-card{color:var(--muted)}.safety-card>svg{color:var(--green)}.safety-card h2{color:var(--text)}.safety-card p{font-size:.85rem;margin-bottom:18px}
/* kid home and empty-state UI */
.hero-banner{min-height:270px;background:radial-gradient(circle at 89% 30%,rgba(118,113,210,.5) 0,transparent 36%),linear-gradient(125deg,#202b4c,#373559 48%,#4d355d);border-radius:20px;padding:40px 45px;color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero-copy{position:relative;z-index:1;max-width:560px}.hero-kicker{display:inline-flex;align-items:center;gap:8px;color:#b7d8ff;letter-spacing:.14em;font-size:.72rem;font-weight:770;margin-bottom:14px}.hero-banner h1{font-size:clamp(2.1rem,4vw,3.25rem);color:#fff}.hero-banner p{color:#d9dceb;margin:14px 0 22px;font-size:.95rem;max-width:460px}.hero-lock{display:inline-flex;align-items:center;gap:7px;color:#dbedff;font-size:.76rem;background:rgba(255,255,255,.12);padding:8px 11px;border-radius:30px}.wave{color:#fbc77b}.hero-deco{color:#fff;opacity:.7;width:150px;height:150px;border-radius:50%;border:2px dashed rgba(255,255,255,.38);display:grid;place-items:center;transform:rotate(-12deg);margin-right:40px}.kid-section{margin-top:35px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading span{color:var(--muted);font-size:.82rem}.section-heading.section-page{margin-top:8px;margin-bottom:25px}.kid-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.kid-category{padding:20px 17px 17px;border-radius:15px;min-height:145px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.kid-category.c1{background:linear-gradient(140deg,#5365ac,#3d4c88)}.kid-category.c2{background:linear-gradient(140deg,#32877d,#2d6869)}.kid-category.c3{background:linear-gradient(140deg,#9766a5,#665b98)}.kid-category.c4{background:linear-gradient(140deg,#bb665f,#925369)}.kid-category.c5{background:linear-gradient(140deg,#af7e4f,#8e6a44)}.kid-category-icon{opacity:.85;margin-bottom:12px}.kid-category strong{font-size:1rem}.kid-category small{font-size:.72rem;color:rgba(255,255,255,.7);margin-top:4px}.kid-empty{border:1px dashed var(--border);border-radius:18px;text-align:center;min-height:265px;padding:37px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:var(--surface)}.empty-art,.empty-illustration{color:var(--accent);display:grid;place-items:center;width:78px;height:78px;border-radius:22px;background:rgba(238,71,88,.09);margin-bottom:5px}.kid-empty h3,.kid-empty h2{font-size:1.12rem}.kid-empty p{color:var(--muted);max-width:430px;font-size:.87rem}.kid-empty .phase-chip{margin-top:6px}.big-empty{min-height:440px}.big-empty .btn{margin-top:14px}.mobile-bottom-nav{display:none}
/* breakpoints */
@media(max-width:1170px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.category-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kid-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}}
@media(max-width:850px){:root{--sidebar:0px}.sidebar{transform:translateX(-100%);transition:transform .2s;width:258px}.app-root.sidebar-open .sidebar{transform:translateX(0)}.sidebar-scrim{display:none}.app-root.sidebar-open .sidebar-scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:32}.main-column{width:100%;margin:0}.topbar{padding:0 22px;height:70px}.page-body{padding:28px 22px 70px}.mobile-menu{display:grid}.hero-deco{margin-right:0}.top-search{width:min(320px,40vw)}}
@media(max-width:600px){.auth-shell{padding:20px 19px}.auth-top-note{display:none}.auth-footer{flex-direction:column;gap:5px}.login-center{padding:45px 0}.login-card{padding:23px 19px}.checks-card,.form-card{padding:21px}.two-cols,.check-grid{grid-template-columns:1fr;gap:0}.check-grid{gap:10px}.page-body{padding:22px 16px 88px}.topbar{padding:0 15px;height:62px}.topbar-title{display:none}.top-search{width:min(205px,46vw);height:36px}.top-search input{font-size:.82rem;padding:8px 11px}.topbar-actions{gap:6px}.profile-pill{font-size:.75rem;padding:8px}.page-title-row{flex-direction:column;align-items:flex-start}.page-title-row h1{font-size:1.7rem}.stats-grid{gap:10px}.stat-card{padding:18px}.stat-value{font-size:1.65rem}.stat-name{font-size:.75rem}.dashboard-panel{padding:20px}.next-steps{flex-direction:column;align-items:flex-start}.category-admin-grid{grid-template-columns:1fr}.category-choice-grid{grid-template-columns:1fr 1fr;gap:8px}.category-option{flex-wrap:wrap;padding:10px}.hero-banner{padding:29px 23px;min-height:240px}.hero-banner h1{font-size:2rem}.hero-deco{position:absolute;right:-50px;bottom:-65px;opacity:.14}.hero-copy{max-width:100%}.hero-banner p{font-size:.87rem}.kid-category-grid{grid-template-columns:1fr 1fr;gap:10px}.kid-category{min-height:120px;padding:15px}.kid-category-icon{margin-bottom:8px}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:24;background:var(--surface);border-top:1px solid var(--border);justify-content:space-around;padding:7px 10px calc(7px + env(safe-area-inset-bottom))}.mobile-bottom-link{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.64rem;color:var(--muted);min-width:54px}.mobile-bottom-link:hover{color:var(--accent)}.profile-grid{gap:18px;margin:40px 0}.profile-option{width:120px}.profile-avatar{width:114px;height:114px}.profile-avatar svg{width:38px;height:38px}.profile-choice-name{font-size:.98rem}.auth-topbar .brand{font-size:1.15rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.profile-pin-input{width:100%;height:37px;margin-top:10px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px;text-align:center;font-size:.8rem}.profile-pin-button{width:100%;margin-top:7px}.profile-option .profile-choice{pointer-events:none}
/* Phase 2: parent-managed video cards, upload manager and watch page */
.field textarea,.search-page-form input{width:100%;resize:vertical;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:12px;min-height:100px;outline:none}.field textarea:focus,.search-page-form input:focus{border-color:var(--accent)}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 17px}.video-card{display:block;min-width:0}.video-card-art{aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:linear-gradient(135deg,#24375b,#152138);display:flex;align-items:center;justify-content:center;position:relative;color:#fff}.video-card-art img{width:100%;height:100%;display:block;object-fit:cover}.video-card:hover .video-card-art{outline:2px solid var(--accent);outline-offset:2px}.video-art-icon{opacity:.7}.video-card-play{display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.65);height:48px;width:48px;border-radius:50%;opacity:0;transition:opacity .18s}.video-card:hover .video-card-play,.video-card:focus-visible .video-card-play{opacity:1}.video-duration{position:absolute;right:8px;bottom:8px;font-size:.72rem;font-weight:730;color:white;background:rgba(0,0,0,.8);border-radius:5px;padding:2px 6px}.video-meta{display:flex;gap:10px;margin-top:12px}.video-meta-icon{width:34px;height:34px;display:grid;place-items:center;background:var(--surface-2);border-radius:50%;flex-shrink:0}.video-meta strong{font-size:.92rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta small{display:block;color:var(--muted);margin-top:3px}.video-watch-wrap{max-width:1100px;margin:auto}.video-watch-player{background:#07090d;width:100%;aspect-ratio:16/9;position:relative;display:grid;place-items:center;margin:18px 0 24px;overflow:hidden;border-radius:17px}.video-watch-player video,.video-watch-player iframe{width:100%;height:100%;border:0;position:absolute;inset:0;display:block}.watch-description h1{margin:6px 0 12px}.watch-description p{color:var(--muted);white-space:normal}.watch-safe{margin-top:16px;color:var(--muted);background:var(--surface)}.external-player-gate{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;padding:26px;max-width:520px;color:#fff}.external-player-gate p{color:#bbc6d9;font-size:.83rem}.external-player-gate .empty-art{margin:0}.search-page-form{display:flex;gap:12px;margin:24px 0 30px}.search-page-form input{min-height:48px;height:48px}.search-results-title{margin-bottom:18px}
@media(max-width:1200px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.video-grid{grid-template-columns:1fr;gap:22px}.video-watch-player{border-radius:8px}.external-player-gate{padding:16px}.external-player-gate p{font-size:.72rem}.external-player-gate .empty-art{display:none}.search-page-form{flex-direction:column}}
[hidden]{display:none!important}

@media(max-width:650px){.video-watch-player.external-gated{aspect-ratio:auto;min-height:300px}}

/* Phase 2.1: responsive direct embeds and Facebook preview artwork */
.fb-fallback-title{position:absolute;left:17px;right:17px;bottom:42px;color:#fff;font-size:clamp(.82rem,1.25vw,1.15rem);font-weight:780;line-height:1.3;text-shadow:0 2px 12px rgba(0,0,0,.66);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;z-index:2;pointer-events:none}
.fb-fallback-provider{position:absolute;top:12px;left:16px;background:rgba(5,15,38,.58);border:1px solid rgba(255,255,255,.22);color:#eaf3ff;border-radius:30px;padding:4px 10px;font-size:.72rem;z-index:2;pointer-events:none}
.video-card-art:has(.fb-fallback-title) .video-card-play{opacity:.85;top:43%}
.player-options{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}
.player-options h3{margin-bottom:8px}
.player-options .muted{font-size:.85rem;margin-bottom:13px}
.provider-note{margin-top:14px;font-size:.79rem;color:var(--muted)}
.local-play-control{position:absolute;inset:auto auto 20px 20px;display:inline-flex;align-items:center;gap:12px;padding:11px 16px;background:rgba(15,19,29,.87);color:#fff;border:1px solid #617089;border-radius:12px;z-index:2}
.local-play-control.is-playing{opacity:.1;transition:opacity .2s}.local-play-control.is-playing:hover,.local-play-control.is-playing:focus-visible{opacity:1}
@media(max-width:650px){.fb-fallback-title{font-size:1rem}.provider-note{font-size:.75rem}}

/* Phase 3: curated collections and watch progress */
.video-card-progress{position:absolute;bottom:0;left:0;height:4px;background:var(--accent);z-index:4;max-width:100%;box-shadow:0 0 0 1px rgba(0,0,0,.1)}
.watch-heading-line{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.watch-heading-line h1{flex:1;min-width:180px}.favorite-form{flex:none}
.playlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.playlist-tile{display:flex;flex-direction:column;gap:9px;min-width:0}.playlist-cover{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:15px;background:linear-gradient(140deg,#23385a,#121c32)}.playlist-cover img{width:100%;height:100%;object-fit:cover}.playlist-badge{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.8);color:#fff;border-radius:8px;padding:6px 9px;display:flex;align-items:center;gap:5px}.playlist-tile strong{line-height:1.35}.playlist-tile small{color:var(--muted);line-height:1.4}.playlist-picker{display:flex;flex-direction:column;gap:7px;margin-top:15px}.playlist-pick{border:1px solid var(--border);background:var(--surface-2);padding:11px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.playlist-pick label{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}.playlist-pick label strong{font-size:.87rem}.playlist-pick label small{font-size:.76rem;color:var(--muted)}.playlist-order-buttons{display:flex;gap:5px}.playlist-order-buttons button{padding:5px 12px;border-radius:7px;background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer}
.shorts-header{margin-bottom:20px}.shorts-header .muted{margin-top:6px}.shorts-stage{width:100%;max-width:520px;margin:0 auto}.short-reel{display:flex;flex-direction:column;gap:11px}.short-player{position:relative;width:100%;aspect-ratio:9/16;max-height:min(67vh,760px);overflow:hidden;border-radius:16px;background:#05080d;display:grid;place-items:center}.short-poster{width:100%;height:100%;object-fit:cover}.short-player iframe,.short-player video{position:absolute;width:100%;height:100%;inset:0;border:0;display:block;background:#05080d}.short-loading{position:absolute;color:#fff;display:grid;place-items:center;background:rgba(0,0,0,.45);width:65px;height:65px;border-radius:50%}.short-player.loaded .short-loading,.short-player.loaded .short-poster,.short-player.loaded .short-facebook-title{display:none}.short-facebook-title{position:absolute;color:#fff;font-weight:700;text-align:center;bottom:15%;padding:20px}.short-caption{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}.short-caption strong{flex-basis:100%}.short-caption span{font-size:.79rem;color:var(--muted)}.short-caption a{font-size:.8rem;color:var(--accent)}.shorts-nav{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-top:13px}.shorts-nav button:disabled{opacity:.45;cursor:not-allowed}.shorts-nav [data-short-count]{font-size:.82rem;color:var(--muted)}
@media(max-width:900px){.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.playlist-grid{grid-template-columns:1fr}.short-player{max-height:65vh}.watch-heading-line{align-items:flex-start}.playlist-pick{align-items:flex-start}}