:root{--header-height: 64px;--nav-width: 224px;--nav-compact-width: 64px;--side-panel-width: 280px;--tools-width: 72px;--paper: #fefefe;--ink: #1f1f27;--muted: #5c5e73;--button: #191a1d;--surface: #f2f2f8;--line: #e9e9f0;--hover: #eaeaf2;--selected: #ffebe7;--control-line: #d5d5e0;--accent: #f60000;--accent-ink: #bb260c;--accent-soft: #fff0ec}:root[data-theme=dark]{color-scheme:dark;--paper: #19191f;--ink: #f2f2f8;--muted: #b8b8ca;--button: #dadbe6;--surface: #22222c;--line: #343440;--hover: #30303c;--selected: #452a2c;--control-line: #555565;--accent: #ff6856;--accent-ink: #ff9b8b;--accent-soft: #43282b}body{margin:0;background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Tahoma,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--ink);text-decoration:none}a:hover{color:var(--accent-ink)}button{font-family:inherit;cursor:pointer}input{color:var(--ink);background:transparent}input::placeholder{color:var(--muted)}img{display:block}x-dc{display:none}.grooc-shell{min-height:100vh;background:var(--paper)}.grooc-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;box-sizing:border-box;height:var(--header-height);padding-inline:20px;border-bottom:1px solid var(--line);background:var(--paper)}.grooc-header-brand,.grooc-header-actions{display:flex;align-items:center;flex:none;gap:12px}.grooc-header-actions{margin-inline-start:auto}.grooc-header-icon{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;list-style:none}.grooc-header-icon::-webkit-details-marker{display:none}.grooc-theme-toggle,.grooc-header-icon:hover{background:var(--surface)}.grooc-theme-toggle[aria-pressed=true]{background:var(--selected);color:var(--accent-ink)}.grooc-help{position:relative}.grooc-help-panel{position:absolute;z-index:1;inset-block-start:calc(100% + 8px);inset-inline-end:0;width:min(280px,calc(100vw - 80px));box-sizing:border-box;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)}.grooc-help-panel h2{margin:0 0 8px;font-size:17px}.grooc-help-panel p{margin:8px 0 0;font-size:14px;line-height:1.5}.grooc-header-search{position:relative;flex:1 1 640px;max-width:640px;min-width:0}.grooc-menu-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--ink)}.grooc-menu-toggle:hover{background:var(--hover)}.grooc-body{display:flex;align-items:flex-start;min-height:calc(100vh - var(--header-height))}.grooc-content{display:flex;flex:1;min-width:0;flex-direction:column}.grooc-nav{position:sticky;top:var(--header-height);display:flex;flex:none;flex-direction:column;gap:4px;width:min(var(--nav-width),50vw);height:calc(100dvh - var(--header-height));box-sizing:border-box;padding:14px 8px;overflow:auto;scrollbar-width:thin;border-inline-end:1px solid var(--line);background:var(--paper)}.grooc-nav-link{display:flex;flex:none;align-items:center;gap:12px;height:48px;padding-inline:12px;border-radius:10px;font-size:16px;line-height:1.4}.grooc-nav--compact{width:var(--nav-compact-width)}.grooc-nav--compact .grooc-nav-link{justify-content:center;padding-inline:0}.grooc-nav--compact .grooc-nav-label{display:none}.grooc-columns{display:flex;align-items:flex-start;gap:16px;flex:1;width:100%;padding-inline-end:calc(var(--tools-width) + 12px);box-sizing:border-box}.grooc-side-panel{flex:none;width:var(--side-panel-width);box-sizing:border-box;margin-inline-start:auto}.grooc-nav-shade{display:none}.grooc-feed-section{max-width:1560px;margin-inline:auto;padding:30px clamp(24px,3.4vw,56px) 56px}.grooc-feed-heading{margin:0 0 8px;font-size:clamp(24px,3vw,32px);font-weight:700}.grooc-feed-subheading{margin:0 0 24px;color:var(--muted);font-size:15px;line-height:1.6}.grooc-video-grid-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}.grooc-video-grid-items[data-list=true]{gap:18px 14px}.grooc-video-card{min-width:0}.grooc-card-cover{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;margin-block-end:12px;border:1px solid var(--line);border-radius:12px;box-sizing:border-box;background:var(--surface);color:var(--muted)}.grooc-video-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:var(--surface)}.grooc-video-frame[hidden]{display:none}.grooc-card-badge{z-index:1}.grooc-card-cover:hover{background:var(--hover)}.grooc-playlist-cover{box-shadow:0 -4px var(--paper),0 -6px var(--line)}.grooc-card-badge{position:absolute;inset-block-end:8px;inset-inline-end:8px;padding:3px 7px;border-radius:5px;background:var(--button);color:var(--paper);font-size:12px;line-height:1.35}.grooc-card-caption{display:flex;align-items:flex-start;gap:8px}.grooc-card-copy{flex:1;min-width:0}.grooc-card-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;font-weight:600;line-height:1.55;overflow-wrap:anywhere}.grooc-card-meta{display:block;margin-top:3px;color:var(--muted);font-size:13px;line-height:1.5}.grooc-card-menu{position:relative;flex:none}.grooc-card-menu summary{display:grid;place-items:center;width:32px;min-height:40px;border-radius:8px;cursor:pointer;list-style:none;font-size:22px}.grooc-card-menu summary::-webkit-details-marker{display:none}.grooc-card-menu summary:hover{background:var(--surface)}.grooc-card-menu>div{position:absolute;z-index:2;inset-inline-end:0;min-width:150px;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.grooc-card-menu button{display:block;width:100%;min-height:40px;border:0;border-radius:6px;background:transparent;color:var(--ink);text-align:start}.grooc-card-menu button[aria-pressed=true]{background:var(--selected)}.grooc-channel-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 24px}.grooc-channel-tabs button,.grooc-feed-more{min-height:42px;padding-inline:14px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-weight:600}.grooc-channel-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.grooc-channel-tabs span{margin-inline-start:4px}.grooc-feed-more{display:block;margin:32px auto 0}.grooc-related-preview{display:grid;place-items:center;height:100%;background:var(--surface);color:var(--muted)}.grooc-mobile-tools{display:none}.grooc-watch{padding:16px 24px 32px;overflow-wrap:anywhere}.grooc-watch-panel{position:sticky;top:var(--header-height);max-height:calc(100dvh - var(--header-height));overflow-y:auto;scrollbar-width:thin;background:var(--paper)}@media(max-width:1099px){.grooc-columns{flex-wrap:wrap}.grooc-columns>main{flex-basis:100%!important}.grooc-columns>.grooc-side-panel{position:static!important;width:100%;max-height:none;min-height:0;padding-inline:12px}}@media(max-width:1023px){:root{--tools-width: 0px}.grooc-tools,.grooc-header-focus{display:none!important}.grooc-columns{padding-inline-end:0}.grooc-mobile-tools{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px}.grooc-mobile-tools button{min-height:44px;padding-inline:12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--surface)}.grooc-nav--expanded{position:fixed;inset-inline-start:0;width:min(var(--nav-width),82vw);z-index:19}.grooc-nav-shade{position:fixed;inset:var(--header-height) 0 0;display:block;z-index:18;border:0;background:#00000059}.grooc-watch-actions button,.grooc-header-icon,.grooc-menu-toggle{min-height:44px;min-width:44px}.grooc-watch-actions{margin-inline-start:0!important}}.grooc-phone-menu-tools{display:none}@media(max-width:767px){:root{--header-height: 56px}.grooc-nav--compact{display:none}.grooc-header{gap:6px;padding:4px 8px}.grooc-header-brand,.grooc-header-actions{gap:4px}.grooc-header-search{flex:1 1 0;max-width:none}.grooc-header-search label{height:40px!important;gap:6px!important;padding-inline:8px!important}.grooc-header-search label>svg{flex:none;width:16px;height:16px}.grooc-header-search input{font-size:16px!important;width:100%}.grooc-search-scope{flex:none;padding-inline:5px!important;font-size:12px;gap:3px!important}.grooc-search-clear{min-height:36px}.grooc-header-filter,.grooc-header-actions .grooc-theme-toggle{display:none!important}.grooc-header .grooc-brand-icon{width:32px;height:32px}.grooc-phone-menu-tools{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.grooc-phone-menu-tools button{min-height:44px;padding-inline:12px;border:0;border-radius:8px;background:var(--surface);color:var(--ink);text-align:start}.grooc-feed-section{padding:18px 16px 32px}.grooc-video-grid-items,.grooc-video-grid-items[data-list=true]{grid-template-columns:minmax(0,1fr);gap:22px}.grooc-card-menu summary{width:44px;min-height:44px}.grooc-columns{gap:10px}.grooc-columns main h1{font-size:23px!important;font-weight:500!important}.grooc-columns h2,.grooc-columns main a,.grooc-columns button,.grooc-nav-link{font-weight:400!important}.grooc-watch{padding:8px 8px 16px}}.wozm-brand{display:flex;align-items:center;flex:none;gap:6px;line-height:1.2;white-space:nowrap}.grooc-brand-divider{color:var(--muted);font-weight:400}.grooc-brand-name{font-size:17px;font-weight:600}@media(max-width:767px){.wozm-brand{gap:4px}.grooc-brand-name{font-size:14px;font-weight:400}}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.grooc-brand-icon{width:38px;height:38px}
