:root{--cooni-green:#4e7658;--cooni-green-hover:#436750;--cooni-green-pressed:#3a5a45;--cooni-green-soft:#e6eee8;--cooni-green-tint:#f1f5f2;--cooni-wordmark:#252d28;--bg:#fafaf7;--surface:#fff;--surface-muted:#f3f3ee;--border:#e5e5df;--border-strong:#d4d4cc;--text:#202320;--text-muted:#5d635e;--text-subtle:#7c827d;--allowed:#4e7658;--allowed-soft:#e6eee8;--blocked:#b3413b;--blocked-soft:#fbeceb;--warning:#8a6417;--warning-soft:#f8f0dc;--font:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-page:clamp(1.5rem, 1.2rem + 1vw, 1.8rem);--fs-section:1.25rem;--fs-video-title:.9375rem;--fs-body:.9375rem;--fs-meta:.8125rem;--fs-small:.75rem;--r-control:10px;--r-input:12px;--r-card:16px;--r-panel:18px;--r-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--shadow-sm:0 1px 2px #2023200f;--shadow-md:0 6px 20px #20232014;--shadow-lg:0 16px 40px #20232024;--ease:cubic-bezier(.2, .7, .2, 1);--t-fast:.12s;--t-med:.22s;--header-h:68px;--sidebar-w:232px;--bottom-nav-h:64px;--content-max:1480px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:var(--fs-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid color-mix(in srgb, var(--cooni-green) 55%, transparent);outline-offset:2px}h1,h2,h3,h4{margin:0;line-height:1.25}p{margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.icon{letter-spacing:normal;text-transform:none;box-sizing:content-box;white-space:nowrap;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;direction:ltr;flex-shrink:0;width:1em;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block;overflow:hidden}.icon.filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.page-title{font-size:var(--fs-page);font-weight:700}.section-title{font-size:var(--fs-section);font-weight:600}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle);font-size:var(--fs-meta)}.brand-lockup{border-radius:var(--r-control);align-items:center;gap:6px;display:inline-flex}.brand-lockup .mascot{width:auto;height:40px}.brand-lockup .wordmark{width:auto;height:22px}.brand-lockup.small .mascot{height:32px}.brand-lockup.small .wordmark{height:18px}.mode-tag{font-size:var(--fs-small);border-radius:var(--r-pill);background:var(--text);color:#fff;letter-spacing:.02em;margin-left:8px;padding:3px 10px;font-weight:600}.btn{--btn-bg:var(--cooni-green);--btn-fg:#fff;--btn-border:transparent;border-radius:var(--r-pill);border:1px solid var(--btn-border);background:var(--btn-bg);min-height:44px;color:var(--btn-fg);transition:background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease), box-shadow var(--t-fast);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:.9375rem;font-weight:500;display:inline-flex}.btn:hover{--btn-bg:var(--cooni-green-hover)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn .icon{font-size:20px}.btn.secondary{--btn-bg:var(--surface);--btn-fg:var(--text);--btn-border:var(--border)}.btn.secondary:hover{--btn-bg:var(--surface-muted)}.btn.ghost{--btn-bg:transparent;--btn-fg:var(--text)}.btn.ghost:hover{--btn-bg:var(--surface-muted)}.btn.danger{--btn-bg:var(--surface);--btn-fg:var(--blocked);--btn-border:color-mix(in srgb, var(--blocked) 35%, var(--border))}.btn.danger:hover{--btn-bg:var(--blocked-soft)}.btn.small{min-height:36px;padding:0 14px;font-size:.875rem}.btn.block{width:100%}.icon-btn{border-radius:var(--r-pill);width:44px;height:44px;transition:background var(--t-fast);background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-muted)}.icon-btn.outlined{border-color:var(--border);background:var(--surface)}.pill{border-radius:var(--r-pill);font-size:var(--fs-meta);background:var(--surface-muted);color:var(--text-muted);align-items:center;gap:6px;padding:4px 12px;font-weight:500;display:inline-flex}.pill .icon{font-size:18px}.pill.allowed{background:var(--allowed-soft);color:var(--allowed)}.pill.blocked{background:var(--blocked-soft);color:var(--blocked)}.pill.warning{background:var(--warning-soft);color:var(--warning)}.pill.dark{background:var(--text);color:#fff}.search-bar{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);width:100%;max-width:560px;height:48px;transition:border-color var(--t-fast), box-shadow var(--t-fast);align-items:center;gap:8px;padding:0 4px 0 20px;display:flex}.search-bar:focus-within{border-color:var(--cooni-green);box-shadow:0 0 0 4px var(--cooni-green-tint)}.search-bar input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:.9375rem}.search-bar input::-webkit-search-cancel-button{display:none}.search-bar .search-submit{border-radius:var(--r-pill);background:var(--cooni-green);color:#fff;width:40px;height:40px;transition:background var(--t-fast);border:0;place-items:center;display:grid}.search-bar .search-submit:hover{background:var(--cooni-green-hover)}.search-bar .search-submit .icon{font-size:22px}.app-header{z-index:30;height:var(--header-h);align-items:center;gap:var(--space-4);padding:0 var(--space-5);padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:saturate(1.2)blur(10px);backdrop-filter:saturate(1.2)blur(10px);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.app-header .header-center{flex:1;justify-content:center;display:flex}.app-header .header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:calc(100dvh - var(--header-h));display:grid}.sidebar{top:var(--header-h);height:calc(100dvh - var(--header-h));padding:var(--space-5) var(--space-3);border-right:1px solid var(--border);align-self:start;position:sticky;overflow-y:auto}.nav-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.nav-link{border-radius:var(--r-input);color:var(--text);transition:background var(--t-fast), color var(--t-fast);align-items:center;gap:14px;padding:11px 16px;font-weight:500;display:flex}.nav-link:hover{background:var(--surface-muted)}.nav-link.active{background:var(--cooni-green);color:#fff}.nav-link.active .icon{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.nav-heading{margin:var(--space-6) 16px var(--space-2);font-size:var(--fs-small);letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);font-weight:600}.nav-link.compact{padding:8px 16px;font-size:.875rem;font-weight:400}.nav-link.compact .icon{font-size:20px}.main{flex-direction:column;min-width:0;display:flex}.main-inner{width:100%;max-width:var(--content-max);padding:var(--space-6) var(--space-8) var(--space-10);flex:1;margin:0 auto}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.bottom-nav{display:none}.app-footer{border-top:1px solid var(--border);padding:var(--space-8) var(--space-8) calc(var(--space-8) + env(safe-area-inset-bottom));background:var(--bg)}.footer-inner{max-width:var(--content-max);gap:var(--space-6) var(--space-10);flex-wrap:wrap;align-items:center;margin:0 auto;display:flex}.footer-logo{width:auto;height:64px}.footer-text{gap:6px;max-width:560px;display:grid}.footer-links{gap:var(--space-4);font-size:var(--fs-meta);flex-wrap:wrap;display:flex}.footer-links a{color:var(--text-muted)}.footer-links a:hover{color:var(--text);text-decoration:underline}.section{margin-bottom:var(--space-10)}.section-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.section-head .section-title{align-items:center;gap:10px;display:flex}.section-head .section-title .icon{color:var(--cooni-green)}.link-more{color:var(--cooni-green);align-items:center;gap:2px;font-size:.875rem;font-weight:500;display:inline-flex}.link-more:hover{text-decoration:underline}.video-grid{gap:var(--space-6) var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width>=1600px){.video-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=1180px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.video-grid{grid-template-columns:minmax(0,1fr)}}.shorts-row{gap:var(--space-4);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;grid-auto-columns:168px;grid-auto-flow:column;padding-bottom:6px;display:grid;overflow-x:auto}@media (width<=560px){.shorts-row{grid-auto-columns:42%}}.shorts-grid{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}@media (width<=560px){.shorts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.short-card{scroll-snap-align:start;border-radius:var(--r-card);outline-offset:4px;align-content:start;gap:8px;display:grid}.short-thumb{aspect-ratio:9/16;border-radius:var(--r-card);background:var(--surface-muted);box-shadow:var(--shadow-sm);overflow:hidden}.short-thumb img{object-fit:cover;width:100%;height:100%;transition:transform var(--t-med) var(--ease)}.short-card:hover .short-thumb img{transform:scale(1.03)}.short-card .video-title{font-size:var(--fs-small)}.video-card{border-radius:var(--r-card);outline-offset:4px;gap:10px;display:grid}.thumb{aspect-ratio:16/9;border-radius:var(--r-card);background:var(--surface-muted);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;transition:transform var(--t-med) var(--ease)}.video-card:hover .thumb img,.video-card:hover .thumb .art{transform:scale(1.03)}.thumb .duration{color:#fff;font-size:var(--fs-small);background:#141614d1;border-radius:6px;padding:2px 7px;font-weight:500;position:absolute;bottom:8px;right:8px}.thumb .demo-tag{border-radius:var(--r-pill);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;background:#ffffffe6;padding:2px 8px;font-size:.6875rem;font-weight:600;position:absolute;top:8px;left:8px}.art{transition:transform var(--t-med) var(--ease);place-items:center;display:grid;position:absolute;inset:0}.art .icon{color:#fffffff2;font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 48;filter:drop-shadow(0 2px 6px #0000001f);font-size:clamp(40px,7vw,64px)}.video-meta{gap:2px;padding:0 2px;display:grid}.video-title{font-size:var(--fs-video-title);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.video-channel{font-size:var(--fs-meta);color:var(--text-muted);align-items:center;gap:4px;display:inline-flex}.video-channel .icon{color:var(--cooni-green);font-variation-settings:"FILL" 1;font-size:15px}.video-row{gap:var(--space-5);scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:minmax(240px,1fr);grid-auto-flow:column;padding-bottom:6px;display:grid;overflow-x:auto}.video-row>*{scroll-snap-align:start}.category-tiles{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.category-tile{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);transition:border-color var(--t-fast), transform var(--t-fast) var(--ease), box-shadow var(--t-fast);justify-items:center;gap:8px;padding:20px 12px;font-size:.875rem;font-weight:500;display:grid}.category-tile .icon{color:var(--text);font-size:32px}.category-tile:hover{border-color:var(--cooni-green);box-shadow:var(--shadow-md);transform:translateY(-2px)}.list-rows{gap:var(--space-2);display:grid}.list-row{align-items:center;gap:var(--space-4);border:1px solid var(--border);border-radius:var(--r-input);background:var(--surface);min-height:56px;transition:border-color var(--t-fast);padding:10px 16px;display:flex}.list-row:hover{border-color:var(--border-strong)}.list-row .grow{flex:1;min-width:0}.list-row .chev{color:var(--text-subtle)}.channel-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.channel-card{text-align:center;padding:var(--space-5) var(--space-3);border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);transition:border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast) var(--ease);justify-items:center;gap:10px;display:grid}.channel-card:hover{border-color:var(--cooni-green);box-shadow:var(--shadow-md);transform:translateY(-2px)}.channel-card .name{font-size:.9375rem;font-weight:600}.avatar{background:var(--cooni-green-soft);width:64px;height:64px;color:var(--cooni-green);border-radius:50%;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar .icon{color:#fff;font-variation-settings:"FILL" 1;font-size:30px}.avatar.sm{width:40px;height:40px}.avatar.sm .icon{font-size:20px}.avatar.lg{width:96px;height:96px}.avatar.lg .icon{font-size:44px}.channel-banner{border-radius:var(--r-panel);background:var(--cooni-green-soft);height:clamp(110px,18vw,200px);margin-bottom:var(--space-5);overflow:hidden}.channel-banner img{object-fit:cover;width:100%;height:100%}.channel-head{align-items:center;gap:var(--space-5);margin-bottom:var(--space-5);display:flex}.tabs{border-bottom:1px solid var(--border);margin-bottom:var(--space-6);gap:4px;display:flex}.tab{color:var(--text-muted);background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-1px;padding:10px 18px;font-weight:500}.tab.active{color:var(--text);border-bottom-color:var(--cooni-green)}.watch-layout{column-gap:var(--space-8);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 380px;align-items:start;display:grid}.watch-player-wrap,.watch-details{grid-column:1;min-width:0}.watch-aside{grid-area:1/2/span 2;min-width:0}@media (width<=1100px){.watch-layout{row-gap:var(--space-5);grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.watch-aside{grid-area:auto/1}}.player-frame{aspect-ratio:16/9;border-radius:var(--r-card);background:#0f110f;width:100%;position:relative;overflow:hidden}.player-frame iframe,.player-frame>div{border:0;width:100%;height:100%;position:absolute;inset:0}.demo-player{text-align:center;padding:var(--space-6);color:#fff;place-items:center;display:grid;position:absolute;inset:0}.demo-player .demo-player-inner{max-width:460px;padding:var(--space-5) var(--space-6);border-radius:var(--r-card);background:#00000047;justify-items:center;gap:10px;display:grid}.demo-player .icon{font-size:56px}.watch-title{margin-top:var(--space-4);font-size:1.25rem;font-weight:600}.watch-meta{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.channel-chip{border-radius:var(--r-pill);transition:background var(--t-fast);align-items:center;gap:10px;padding:4px 14px 4px 4px;font-weight:600;display:inline-flex}.channel-chip:hover{background:var(--surface-muted)}.attribution{font-size:var(--fs-meta);color:var(--text-muted);align-items:center;gap:6px;display:inline-flex}.up-next-list{gap:var(--space-3);display:grid}.compact-card{gap:var(--space-3);border-radius:var(--r-input);grid-template-columns:168px minmax(0,1fr);align-items:start;display:grid}.compact-card .thumb{border-radius:var(--r-control)}.compact-card .art .icon{font-size:34px}.compact-card .autoplay-card{align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);animation:page-in var(--t-med) var(--ease);display:flex}.state{text-align:center;justify-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-5);max-width:460px;margin:0 auto;display:grid}.state img.state-mascot{width:120px;height:auto;margin-bottom:var(--space-2)}.state h2{font-size:1.125rem;font-weight:600}.state p{color:var(--text-muted)}.skeleton{background:linear-gradient(90deg, var(--surface-muted), #ecece6, var(--surface-muted));border-radius:var(--r-card);background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card .thumb{box-shadow:none}.skeleton-line{border-radius:6px;height:12px}.spinner{border:3px solid var(--cooni-green-soft);border-top-color:var(--cooni-green);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{min-height:100dvh;padding:var(--space-5);place-items:center;display:grid}.notice{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--r-input);background:var(--cooni-green-tint);border:1px solid var(--cooni-green-soft);color:var(--text);align-items:flex-start;font-size:.875rem;display:flex}.notice .icon{color:var(--cooni-green);font-size:22px}.notice.warn{background:var(--warning-soft);border-color:color-mix(in srgb, var(--warning) 20%, transparent)}.notice.warn .icon{color:var(--warning)}.notice.error{background:var(--blocked-soft);border-color:color-mix(in srgb, var(--blocked) 20%, transparent)}.notice.error .icon{color:var(--blocked)}.field{gap:6px;display:grid}.field label{font-size:.875rem;font-weight:500}.input,.select{border:1px solid var(--border);border-radius:var(--r-input);background:var(--surface);width:100%;min-height:46px;transition:border-color var(--t-fast), box-shadow var(--t-fast);padding:0 14px}.input:focus,.select:focus{border-color:var(--cooni-green);box-shadow:0 0 0 4px var(--cooni-green-tint);outline:0}.form-stack{gap:var(--space-4);display:grid}.form-error{color:var(--blocked);font-size:.875rem}.switch{flex-shrink:0;width:48px;height:28px;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:0}.switch .track{border-radius:var(--r-pill);background:var(--border-strong);transition:background var(--t-fast);position:absolute;inset:0}.switch .track:after{content:"";width:22px;height:22px;box-shadow:var(--shadow-sm);transition:transform var(--t-med) var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.track{background:var(--cooni-green)}.switch input:checked+.track:after{transform:translate(20px)}.switch input:focus-visible+.track{outline:3px solid color-mix(in srgb, var(--cooni-green) 55%, transparent);outline-offset:2px}.switch input:disabled+.track{opacity:.5}.segmented{background:var(--surface-muted);border-radius:var(--r-pill);grid-auto-columns:auto;grid-auto-flow:column;gap:4px;max-width:100%;padding:4px;display:inline-grid}.segmented button{white-space:nowrap;border-radius:var(--r-pill);color:var(--text-muted);background:0 0;border:0;padding:8px 16px;font-size:.875rem;font-weight:500}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.auth-page{grid-template-rows:1fr auto;min-height:100dvh;display:grid}.auth-wrap{padding:var(--space-8) var(--space-5);place-items:center;display:grid}.auth-card{gap:var(--space-5);width:100%;max-width:440px;padding:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);box-shadow:var(--shadow-md);display:grid}.auth-card .auth-logo{width:220px;height:auto;margin:0 auto}.auth-card h1{text-align:center;font-size:1.375rem;font-weight:700}.auth-card .lead{text-align:center;color:var(--text-muted)}.auth-switch{text-align:center;color:var(--text-muted);font-size:.875rem}.auth-switch a{color:var(--cooni-green);font-weight:600}.welcome{flex-direction:column;min-height:100dvh;display:flex}.welcome-top{padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;display:flex}.welcome-hero{align-items:center;gap:var(--space-10);width:100%;max-width:1180px;padding:var(--space-8) var(--space-6) var(--space-10);flex:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);margin:0 auto;display:grid}.welcome-hero .hero-logo{width:min(520px,100%);height:auto}.welcome-hero h1{margin:var(--space-6) 0 var(--space-3);font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);font-weight:700}.welcome-hero .lead{color:var(--text-muted);max-width:520px;font-size:1rem}.hero-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.flow-card{gap:var(--space-3);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);box-shadow:var(--shadow-md);display:grid}.flow-step{gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--r-input);background:var(--surface-muted);align-items:center;display:flex}.flow-step .icon{color:var(--cooni-green)}.flow-step.accent{background:var(--cooni-green);color:#fff}.flow-step.accent .icon{color:#fff}.flow-arrow{color:var(--text-subtle);justify-self:center}.value-strip{justify-content:center;gap:var(--space-8);padding:var(--space-6);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.value{align-items:center;gap:10px;font-weight:500;display:flex}.value .icon{font-size:28px}.pin-dots{margin:var(--space-2) 0;justify-content:center;gap:14px;display:flex}.pin-dot{border:2px solid var(--border-strong);width:16px;height:16px;transition:background var(--t-fast), border-color var(--t-fast), transform var(--t-fast);border-radius:50%}.pin-dot.filled{background:var(--cooni-green);border-color:var(--cooni-green);transform:scale(1.05)}.pin-dots.shake{animation:shake .35s var(--ease)}@keyframes shake{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.pin-entry{--pin-key:clamp(44px, min(19vw, 8.2svh), 72px)}.pin-message{text-align:center;min-height:1.5em;color:var(--blocked);margin:8px 0 10px;font-size:.875rem;font-weight:500}.pin-pad{grid-template-columns:repeat(3, var(--pin-key));justify-content:center;gap:clamp(8px,1.6svh,14px) clamp(10px,4vw,16px);display:grid}.pin-key{width:var(--pin-key);height:var(--pin-key);border:1px solid var(--border);background:var(--surface);font-size:calc(var(--pin-key) * .34);transition:background var(--t-fast), transform var(--t-fast);border-radius:50%;place-items:center;font-weight:500;display:grid}.pin-key:hover{background:var(--surface-muted)}.pin-key:active{transform:scale(.95)}.pin-key.ghost{background:0 0;border-color:#0000}.auth-card.compact{gap:clamp(8px,1.6svh,16px);padding:clamp(16px,3svh,32px) clamp(16px,5vw,32px)}.auth-card.compact .auth-logo{width:clamp(120px,22svh,200px)}.auth-card.compact h1{font-size:clamp(1.1rem,2.6svh,1.375rem)}.auth-card.compact .lead{font-size:.875rem}.pin-mascot{width:clamp(56px,11svh,96px);margin:0 auto}@media (height<=480px) and (orientation:landscape){.auth-card.compact{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:32px;max-width:720px}.auth-card.compact>*{grid-column:1}.auth-card.compact .pin-entry{display:contents}.auth-card.compact .pin-pad{--pin-key:clamp(40px, 17svh, 60px);grid-area:1/2/span 8}.auth-card.compact .pin-mascot,.auth-card.compact .auth-logo{display:none}}@media (height<=700px){.auth-wrap{place-items:start center;padding:12px}}.parent-shell{--sidebar-bg:var(--text)}.parent-shell .app-header{background:color-mix(in srgb, var(--surface) 94%, transparent)}.parent-shell .sidebar{background:var(--surface)}.parent-page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.parent-page-head p{color:var(--text-muted);margin-top:4px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);padding:var(--space-6)}.panel+.panel{margin-top:var(--space-5)}.panel-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.panel-head h2{align-items:center;gap:10px;font-size:1.0625rem;font-weight:600;display:flex}.panel-head h2 .icon{color:var(--cooni-green)}.panel-head p{color:var(--text-muted);font-size:.875rem}.stat-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.stat{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);align-content:start;gap:6px;display:grid}.stat .stat-label{color:var(--text-muted);align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.stat .stat-label .icon{color:var(--cooni-green);font-size:20px}.stat .stat-value{font-size:1.75rem;font-weight:700;line-height:1.1}.stat .stat-value small{color:var(--text-muted);font-size:.875rem;font-weight:500}.meter{border-radius:var(--r-pill);background:var(--surface-muted);height:8px;overflow:hidden}.meter>span{background:var(--cooni-green);border-radius:inherit;height:100%;display:block}.week-bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;height:150px;display:grid}.week-bar{text-align:center;height:100%;font-size:var(--fs-small);color:var(--text-muted);grid-template-rows:1fr auto auto;gap:4px;display:grid}.week-bar .bar-area{justify-content:center;align-items:flex-end;display:flex}.week-bar .bar{background:var(--cooni-green);border-radius:6px 6px 3px 3px;width:100%;max-width:36px;min-height:3px}.week-bar .bar.zero{background:var(--border)}.two-col{gap:var(--space-5);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:stretch;display:grid}.two-col>.panel+.panel{margin-top:0}.two-col>.panel{flex-direction:column;display:flex}.two-col>.panel>.week-chart{flex:1}.week-chart{flex-direction:column;min-height:190px;display:flex;position:relative}.week-chart .week-bars{flex:1;height:auto;min-height:170px}.limit-label{font-size:var(--fs-small);color:var(--text-muted);align-self:flex-end;margin-bottom:4px}.week-bars:has(.has-limit){border-top:1px dashed #c9cfc9}@media (width<=1100px){.two-col{grid-template-columns:minmax(0,1fr)}}.setting-row{align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border);display:flex}.setting-row:last-child{border-bottom:0;padding-bottom:0}.setting-row:first-child{padding-top:0}.setting-row .grow{flex:1;min-width:0}.setting-row .setting-title{font-weight:500}.setting-row .setting-desc{color:var(--text-muted);font-size:.875rem}.setting-row>.icon{color:var(--text)}.toggle-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.toggle-tile{align-items:center;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--r-input);background:var(--surface);transition:border-color var(--t-fast), background var(--t-fast);padding:12px 14px;display:flex}.toggle-tile.on{border-color:color-mix(in srgb, var(--cooni-green) 40%, var(--border));background:var(--cooni-green-tint)}.toggle-tile.on.block-style{border-color:color-mix(in srgb, var(--blocked) 35%, var(--border));background:var(--blocked-soft)}.toggle-tile .grow{flex:1;min-width:0;font-weight:500}.toggle-tile .grow small{color:var(--text-muted);font-weight:400;font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.toggle-tile.on.block-style .switch input:checked+.track{background:var(--blocked)}.item-list{gap:var(--space-2);display:grid}.item{align-items:center;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--r-input);background:var(--surface);padding:10px 12px;display:flex}.item .grow{flex:180px;min-width:0}.item-list,.item-list>*{min-width:0;max-width:100%}.item .item-title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.item .item-sub{color:var(--text-muted);font-size:var(--fs-meta)}.item .actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.item .mini-thumb{flex-shrink:0;width:96px}.item .mini-thumb .thumb{border-radius:8px}.item .mini-thumb .art .icon{font-size:26px}.item .mini-thumb .demo-tag,.item .mini-thumb .duration{display:none}.item.filtered-item{align-items:flex-start}.reason{overflow-wrap:anywhere;font-size:var(--fs-meta);color:var(--blocked);align-items:flex-start;gap:4px;margin-top:4px;display:flex}.reason .icon{font-size:16px}.empty-inline{padding:var(--space-5);text-align:center;color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:var(--r-input);font-size:.875rem}.tag-input{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-input .input{flex:1;min-width:180px}.manage-videos{padding:var(--space-3);border-left:3px solid var(--cooni-green-soft);gap:var(--space-2);margin:4px 0 8px 52px;display:grid}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:100;border-radius:var(--r-pill);background:var(--text);color:#fff;box-shadow:var(--shadow-lg);animation:toast-in var(--t-med) var(--ease);align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:12px 18px;font-size:.875rem;display:flex;position:fixed;transform:translate(-50%)}.toast.error{background:var(--blocked)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.break-screen{text-align:center;justify-items:center;gap:var(--space-4);padding:var(--space-10) var(--space-5);max-width:520px;margin:0 auto;display:grid}.break-screen img{width:160px;height:auto;animation:4s ease-in-out infinite sway}@keyframes sway{50%{transform:rotate(-3deg)translateY(-3px)}}.info-page{gap:var(--space-4);max-width:760px;margin:0 auto;display:grid}.info-page h2{margin-top:var(--space-4);font-size:1.125rem}.info-page ul{gap:6px;margin:0;padding-left:1.2em;display:grid}.channel-preview{padding:var(--space-4);border:1px solid var(--border);border-radius:0 0 var(--r-input) var(--r-input);background:var(--surface-muted);animation:page-in var(--t-med) var(--ease);border-top:0;gap:6px;margin:4px 0 10px;display:grid}.channel-preview-banner{aspect-ratio:6;object-fit:cover;border-radius:var(--r-control);width:100%}.channel-preview-desc{color:var(--text-muted);white-space:pre-line;max-height:6.5em;font-size:.875rem;overflow:auto}.channel-preview-player{max-width:640px}.channel-preview-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.channel-preview-video{text-align:left;background:0 0;border:0;align-content:start;gap:6px;padding:0;display:grid}.channel-preview-video .video-title{font-size:.8125rem}.channel-preview-video:hover .thumb img{transform:scale(1.03)}.watch-description{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--r-input);background:var(--surface-muted);font-size:.875rem}.watch-description p{white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.watch-description.open p{display:block}.watch-description .link-more{background:0 0;border:0;margin-top:6px;padding:0}.watch-title-btn{width:100%;margin-top:var(--space-4);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.watch-title-btn .watch-title{overflow-wrap:anywhere;margin-top:0;line-height:1.3}.watch-subline{font-size:var(--fs-meta);color:var(--text-muted);margin-top:4px;display:block}.watch-more{color:var(--text);font-weight:600}.channel-chip-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.watch-meta .channel-chip{max-width:100%;margin-left:-4px}.watch-actions{margin-top:var(--space-3);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.action-chip{border-radius:var(--r-pill);background:var(--surface-muted);height:36px;color:var(--text);white-space:nowrap;cursor:pointer;transition:background var(--t-fast);border:0;flex-shrink:0;align-items:center;gap:6px;padding:0 14px 0 12px;font-size:.875rem;font-weight:600;display:inline-flex}.action-chip:hover{background:var(--border)}.action-chip.primary{background:var(--cooni-green);color:#fff}.action-chip.primary:hover{background:var(--cooni-green-hover)}.action-chip .icon{font-size:20px}.watch-actions .child-timer{height:36px}@media (width<=760px){.watch-title-btn{margin-top:0}.watch-title-btn .watch-title{font-size:1.0625rem}.watch-title-btn .watch-title:not(.open){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.watch-player-wrap.is-fs{z-index:200;overscroll-behavior:contain;touch-action:none;background:#000;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}html:has(.watch-player-wrap.is-fs){overflow:hidden}html:has(.watch-player-wrap.is-fs) body{overflow:hidden}.watch-player-wrap.is-fs .fs-stage{inset:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);transition:bottom var(--t-med) var(--ease);place-items:center;display:grid;position:absolute}.watch-player-wrap.is-fs .player-frame{border-radius:0;width:min(100%,177.778dvh);max-height:100%}.watch-player-wrap.is-fs[data-zone=reserve] .fs-stage{bottom:64px}.watch-player-wrap.is-fs[data-zone=reserve] .player-frame{width:min(100%,177.778dvh - 113.778px)}.watch-player-wrap.is-fs.sheet-open .fs-stage{bottom:50dvh}.watch-player-wrap.is-fs.sheet-open .player-frame{width:min(100%,88.8889dvh)}.fs-hint,.fs-exit{color:#fff;border:0;justify-content:center;align-items:center;gap:6px;font-size:.875rem;font-weight:600;display:inline-flex}.fs-hint{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border-radius:28px;flex-direction:column;gap:2px;min-width:56px;min-height:56px;padding:8px 12px;position:absolute}.fs-hint .icon{font-size:30px;animation:1.8s ease-in-out infinite fs-bob}@keyframes fs-bob{50%{transform:translateY(-5px)}}.fs-exit{background:0 0;border-radius:50%;width:44px;height:44px}.fs-exit-float{z-index:2;background:#ffffff1f;position:absolute}.fs-hint:hover,.fs-exit:hover{background:#ffffff38}.watch-player-wrap.is-fs[data-zone=bottom] .fs-hint,.watch-player-wrap.is-fs[data-zone=reserve] .fs-hint{left:50%;bottom:calc(10px + env(safe-area-inset-bottom));flex-direction:row;transform:translate(-50%)}.watch-player-wrap.is-fs[data-zone=bottom] .fs-exit-float,.watch-player-wrap.is-fs[data-zone=reserve] .fs-exit-float{right:12px;bottom:calc(16px + env(safe-area-inset-bottom))}.watch-player-wrap.is-fs[data-zone=side] .fs-hint{bottom:16px;right:max(4px,25vw - 44.4444dvh - 28px)}.watch-player-wrap.is-fs[data-zone=side] .fs-exit-float{right:max(4px,25vw - 44.4444dvh - 22px);top:calc(12px + env(safe-area-inset-top))}.fs-sheet{color:#fff;height:50dvh;padding-bottom:env(safe-area-inset-bottom);animation:sheet-up var(--t-med) var(--ease);background:#121412;border-radius:18px 18px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}@keyframes sheet-up{0%{opacity:0;transform:translateY(40%)}}.fs-bar{justify-content:space-between;align-items:center;min-height:52px;padding:0 8px;display:flex}.fs-handle{color:#fff;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:6px;padding:8px;font-size:.9375rem;font-weight:600;display:flex}.fs-grabber{background:#ffffff73;border-radius:3px;width:44px;height:5px}.fs-list{scroll-snap-type:x mandatory;touch-action:pan-x;flex:1;grid-auto-columns:minmax(160px,34vw);grid-auto-flow:column;gap:12px;padding:4px 16px 16px;scroll-padding-inline:16px;display:grid;overflow-x:auto}.fs-item{color:#fff;text-align:left;scroll-snap-align:start;background:0 0;border:0;align-content:start;gap:6px;padding:0;display:grid}.fs-item .video-title{font-size:.8125rem}@media (prefers-reduced-motion:reduce){.fs-hint .icon{animation:none}}@media (width<=900px){.segmented{border-radius:var(--r-input);grid-template-columns:minmax(0,1fr);grid-auto-flow:row;width:100%;display:grid}.segmented button{border-radius:var(--r-control);text-align:left;white-space:normal;padding:12px 14px}}@media (width<=1100px){:root{--sidebar-w:88px}.sidebar{padding:var(--space-4) var(--space-2)}.sidebar .nav-link{text-align:center;flex-direction:column;gap:4px;padding:10px 4px;font-size:.6875rem}.sidebar .nav-heading,.sidebar .nav-secondary{display:none}.main-inner{padding:var(--space-5) var(--space-5) var(--space-10)}}@media (width<=760px){:root{--header-h:60px}.shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.app-header{padding:0 var(--space-4)}.app-header .header-center.hide-mobile{display:none}.brand-lockup .mascot{height:34px}.brand-lockup .wordmark{height:19px}.main-inner{padding:var(--space-4) var(--space-4) var(--space-8)}.main{padding-bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom))}.bottom-nav{z-index:40;height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a,.bottom-nav button{color:var(--text-muted);background:0 0;border:0;align-content:center;justify-items:center;gap:2px;font-size:.6875rem;font-weight:500;display:grid}.bottom-nav .icon{border-radius:var(--r-pill);transition:background var(--t-fast);padding:2px 16px}.bottom-nav .active{color:var(--cooni-green)}.bottom-nav .active .icon{background:var(--cooni-green-soft);font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.app-footer{padding:var(--space-6) var(--space-4) var(--space-6)}.footer-logo{height:52px}.welcome-hero{gap:var(--space-8);padding-top:var(--space-4);grid-template-columns:minmax(0,1fr)}.welcome-top{padding:var(--space-3) var(--space-4)}.auth-card{padding:var(--space-6) var(--space-5)}.compact-card{grid-template-columns:140px minmax(0,1fr)}.panel{padding:var(--space-4)}.item{flex-wrap:wrap}.item .actions{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;width:100%;display:grid}.item .actions .btn,.item .actions .select{width:100%;padding-left:10px;padding-right:10px}.item .actions .select{grid-column:1/-1}.item .actions>.pill,.item .actions>.subtle{grid-column:1/-1;justify-self:start}.channel-preview{padding:var(--space-3)}.channel-preview-banner{aspect-ratio:4}.channel-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.channel-preview-player{max-width:none}.manage-videos{margin-left:0}.channel-head{text-align:center;flex-direction:column}.hide-mobile{display:none!important}.app-header.on-watch{display:none}.main.on-watch .main-inner{padding-top:0}.watch-player-wrap{z-index:35;margin:0 calc(-1 * var(--space-4));padding-top:env(safe-area-inset-top);background:#000;position:sticky;top:0}.watch-player-wrap .player-frame{border-radius:0}.watch-layout{gap:var(--space-5)}.demo-player{padding:var(--space-3)}.demo-player .demo-player-inner{padding:var(--space-3) var(--space-4);gap:4px;font-size:.75rem}.demo-player .demo-player-inner span{font-size:.75rem!important}.demo-player .icon{font-size:32px}}@media (width>=761px){.show-mobile{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.watch-layout>.page-slot{display:contents}.page-slot{min-width:0}html:has(.main.on-watch){overscroll-behavior-y:none}.watch-player-wrap.is-mini{z-index:45;background:var(--surface);border:1px solid var(--border);width:380px;box-shadow:var(--shadow-lg);animation:mini-in var(--t-med) var(--ease);border-radius:14px;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;inset:auto 16px 16px auto;overflow:hidden}.watch-player-wrap.is-mini .player-frame{border-radius:0}.mini-bar{touch-action:pan-x;align-items:center;gap:2px;min-width:0;padding:6px 6px 6px 12px;display:flex}.mini-text{text-align:left;min-width:0;color:var(--text);cursor:pointer;background:0 0;border:0;flex:1;gap:1px;padding:4px 0;display:grid}.mini-title{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.mini-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.main.has-mini{padding-bottom:260px}@keyframes mini-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (width<=760px){.watch-player-wrap.is-mini{width:auto;left:8px;right:8px;bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom) + 8px);flex-direction:row;align-items:center}.watch-player-wrap.is-mini .fs-stage{flex-shrink:0;width:132px}.mini-bar{flex:1;padding-left:10px}.main.has-mini{padding-bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom) + 96px)}}.time-notice{margin-top:var(--space-4);border-radius:var(--r-pill);color:#6b4a00;background:#fff4dc;align-items:center;gap:8px;width:fit-content;padding:10px 14px;font-weight:600;display:flex}.time-notice.urgent{color:#7a1f10;background:#ffe1dc;animation:1.4s ease-in-out infinite time-pulse}.time-toast{z-index:60;border-radius:var(--r-pill);color:#fff;width:fit-content;max-width:480px;box-shadow:var(--shadow-lg);animation:mini-in var(--t-med) var(--ease);background:#202320;align-items:center;gap:10px;margin:0 auto;padding:8px 8px 8px 16px;font-weight:600;line-height:1.3;display:flex;position:fixed;bottom:24px;left:16px;right:16px}.time-toast.urgent{background:#9b2c1b}.time-toast .icon-btn{color:inherit;width:36px;height:36px}body:has(.watch-player-wrap.is-mini) .time-toast{bottom:260px}@media (width<=760px){.time-toast{bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom) + 12px)}body:has(.watch-player-wrap.is-mini) .time-toast{bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom) + 96px)}}.fs-time{z-index:2;color:#6b4a00;pointer-events:none;background:#fff4dc;border-radius:16px;justify-items:center;gap:2px;padding:8px 10px;font-size:.75rem;font-weight:700;display:grid;position:absolute}.fs-time.urgent{color:#7a1f10;background:#ffe1dc;animation:1.4s ease-in-out infinite time-pulse}.watch-player-wrap.is-fs[data-zone=side] .fs-time{top:50%;right:max(4px,25vw - 44.4444dvh - 26px);transform:translateY(-50%)}.watch-player-wrap.is-fs[data-zone=bottom] .fs-time,.watch-player-wrap.is-fs[data-zone=reserve] .fs-time{left:12px;bottom:calc(16px + env(safe-area-inset-bottom))}.fs-sheet-time{color:#ffd27a}@keyframes time-pulse{50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.watch-player-wrap.is-mini,.time-toast,.time-notice.urgent,.fs-time.urgent{animation:none}}.child-timer{border-radius:var(--r-pill);background:var(--cooni-green-soft);height:32px;color:var(--cooni-green);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:4px;padding:0 12px 0 8px;font-size:.8125rem;font-weight:700;display:inline-flex}.child-timer .icon{font-size:18px}.child-timer.warning{color:#6b4a00;background:#fff4dc}.child-timer.urgent{color:#7a1f10;background:#ffe1dc;animation:1.4s ease-in-out infinite time-pulse}@media (prefers-reduced-motion:reduce){.child-timer.urgent{animation:none}}.custom-words{gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border);display:grid}.word-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.word-row{align-items:center;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--r-input);background:var(--surface);padding:8px 8px 8px 12px;display:flex}.word-row .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.word-chip{border-radius:var(--r-pill);background:var(--surface-muted);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:55%;padding:4px 12px;font-size:.875rem;font-weight:600;display:inline-flex;overflow:hidden}.word-chip .icon{font-size:16px}.word-row.on .word-chip{background:var(--blocked-soft);color:var(--blocked)}.suggest-wrap{flex:1;min-width:0;display:flex;position:relative}.suggest-wrap>input{flex:1;width:100%;min-width:0}.suggest-list{z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-input);box-shadow:var(--shadow-lg);max-height:min(60vh,420px);margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 10px);left:-16px;right:-8px;overflow-y:auto}.tag-input .suggest-list{top:calc(100% + 6px);left:0;right:0}.suggest-item{cursor:pointer;align-items:center;gap:12px;padding:9px 12px 9px 16px;font-size:.9375rem;display:flex}.suggest-item .icon{color:var(--text-subtle);font-size:20px}.suggest-item .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.suggest-item.active,.suggest-item:hover{background:var(--surface-muted)}.suggest-remove{color:var(--text-subtle);background:0 0;border:0;border-radius:50%;place-items:center;padding:4px;display:grid}.suggest-remove:hover{background:var(--border)}.check-line{color:var(--text-muted);margin-top:2px}.check-line.error{color:#9b2c1b;font-weight:600}.notice.warning{color:#6b4a00;background:#fff4dc}.pager{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-6);display:flex}.pager-count{font-size:var(--fs-small);color:var(--text-muted);white-space:nowrap}@media (width<=760px){.main-inner{min-height:calc(100dvh - var(--header-h) - var(--bottom-nav-h) - env(safe-area-inset-bottom))}.auth-wrap{min-height:100dvh}.bottom-nav{grid-auto-columns:minmax(0,1fr)}.bottom-nav a,.bottom-nav button{min-width:0}.bottom-nav .nav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.parent-shell .bottom-nav .icon{padding:2px 10px}.parent-shell .bottom-nav a{letter-spacing:-.01em;font-size:.625rem}.tag-input{grid-template-columns:minmax(0,1fr);display:grid}.tag-input .input,.tag-input .suggest-wrap>input{min-width:0}.tag-input>.btn{justify-content:center;width:100%}.pager{gap:var(--space-2)}.channel-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.channel-card{padding:var(--space-4) var(--space-2);gap:8px}.channel-card .name{overflow-wrap:anywhere;font-size:.8125rem}}@media (width<=350px){.parent-shell .bottom-nav .icon{padding:2px 6px}.parent-shell .bottom-nav a{letter-spacing:-.02em;font-size:.5625rem}}.video-grid+.shorts-section{margin-top:var(--space-8)}.mini-player-thumb{display:none}@media (width<=760px){.watch-player-wrap.is-paused-mini .fs-stage{visibility:hidden;pointer-events:none;width:132px;position:absolute}.watch-player-wrap.is-paused-mini .mini-player-thumb{cursor:pointer;background:0 0;border:0;flex-shrink:0;width:132px;padding:0;display:block;position:relative}.mini-player-thumb .thumb{box-shadow:none;border-radius:0}.mini-player-thumb .duration{display:none}.mini-play{place-items:center;display:grid;position:absolute;inset:0}.mini-play .icon{color:#fff;background:#1416149e;border-radius:50%;place-items:center;width:36px;height:36px;font-size:24px;display:grid}}.auth-wrap{min-height:100dvh}@media (width<=760px){.shell .app-footer{display:none}}.about-links .footer-links{gap:var(--space-3) var(--space-5);font-size:.875rem}.about-links .footer-links a{color:var(--cooni-green);font-weight:500;text-decoration:underline}@media (width<=760px){.auth-page.in-app{grid-template-rows:1fr}.auth-page.in-app .app-footer{display:none}}html.is-ios,html.is-ios body{overscroll-behavior:none}html.is-ios{touch-action:pan-x pan-y}html.is-ios body{overflow-x:clip}html.is-ios input,html.is-ios select,html.is-ios textarea{font-size:max(16px,1em)}.pull-refresh{z-index:200;top:calc(env(safe-area-inset-top) + 4px);background:var(--surface);width:40px;height:40px;color:var(--text-muted);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;border-radius:50%;place-items:center;margin-top:-48px;display:grid;position:fixed;left:50%;transform:translate(-50%)}.pull-refresh.ready{color:var(--cooni-green)}.pull-refresh.refreshing .icon{animation:.8s linear infinite pull-spin}@keyframes pull-spin{to{transform:rotate(360deg)}}@media (width<=760px){.parent-shell .bottom-nav a{letter-spacing:normal;font-size:.6875rem}}@media (width<=350px){.parent-shell .bottom-nav a{font-size:.625rem}}.video-item-player{margin:8px 0 4px}.item-badges{flex-wrap:wrap;gap:6px;margin:4px 0 2px;display:flex}.pill.compact{gap:4px;padding:2px 9px;font-size:.75rem}.pill.compact .icon{font-size:15px}.item-desc{margin-top:2px}@media (width<=760px){.item .avatar.sm{align-self:flex-start;width:52px;height:52px}.item .avatar.sm .icon{font-size:26px}.item .grow{flex:1 1 0}.item .actions{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}}.item-meta{color:var(--text-muted);overflow-wrap:anywhere;font-size:.8125rem;font-weight:500}.pill.best-match{background:var(--cooni-green);color:#fff}@media (hover:none) and (pointer:coarse){.shell .app-footer,.auth-page.in-app .app-footer{display:none}.auth-page.in-app{grid-template-rows:1fr}}