.site-header{position:relative;top:auto;z-index:1030;border-bottom:1px solid rgba(247,248,250,.10);background:rgba(5,7,11,.94);backdrop-filter:blur(18px);box-shadow:0 8px 28px rgba(0,0,0,.14)}
.topbar{min-height:68px;display:grid;grid-template-columns:auto minmax(0,max-content) minmax(260px,500px) auto;align-items:center;gap:12px;padding-block:10px}
.brand,.admin-brand,.error-brand{display:inline-flex;align-items:center;gap:10px;min-width:0}
.brand-emblem{position:relative;width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,122,26,.70);border-radius:11px;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 35%),linear-gradient(135deg,var(--signal-hover),var(--signal));box-shadow:0 8px 22px rgba(255,122,26,.20)}
.brand-emblem::before{content:"";position:absolute;inset:7px;border:1px solid rgba(7,9,13,.42);border-radius:7px}.brand-play{position:relative;z-index:2;width:0;height:0;margin-left:2px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #140a02}.brand-name,.admin-brand strong,.error-brand strong{color:var(--text);font-size:1.02rem;font-weight:900;white-space:nowrap}
.primary-nav{display:flex;align-items:center;gap:4px;min-width:0;width:max-content;max-width:100%}.primary-nav a{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 10px;border:1px solid transparent;border-radius:9px;color:var(--muted);font-size:.84rem;font-weight:800;white-space:nowrap}.primary-nav a:hover,.primary-nav a.active{color:var(--text);background:rgba(255,255,255,.045);border-color:var(--line)}.primary-nav a.active::after{content:"";position:absolute;left:10px;right:10px;bottom:-11px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--signal),var(--cyan))}
.search-box{min-height:42px;display:flex;overflow:hidden;border:1px solid rgba(37,200,232,.24);border-radius:12px;background:#0b1118;box-shadow:inset 0 1px rgba(255,255,255,.03)}.search-box:focus-within{border-color:rgba(37,200,232,.65);box-shadow:var(--focus)}.search-box input{min-width:0;flex:1;padding:0 14px;border:0;outline:0;color:var(--text);background:transparent}.search-box input::placeholder{color:#66717f}.search-box button{width:46px;border:0;border-left:1px solid var(--line-soft);color:var(--cyan);background:rgba(37,200,232,.07)}.search-box button:hover{color:#071014;background:var(--cyan)}.global-search{width:100%;max-width:500px;min-width:0;justify-self:center}
.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;white-space:nowrap}.create-action,.join-action{min-height:40px;padding-inline:14px}.create-action{min-width:112px}.signin-link{padding:8px 4px;color:var(--text-soft);font-weight:800}.signin-link:hover{color:var(--cyan)}

/* Create dropdown: keep icon/text alignment identical to the account menu. */
.create-dropdown{position:relative;flex:0 0 auto}
.create-dropdown>.dropdown-menu{width:min(250px,calc(100vw - 16px));margin-top:9px;padding:7px;border:1px solid rgba(37,200,232,.18);border-radius:12px;background:linear-gradient(180deg,#101720,#0a0f15);box-shadow:0 24px 60px rgba(0,0,0,.46)}
.create-dropdown>.dropdown-menu::before{content:"";display:block;height:2px;margin:-7px -7px 7px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,var(--signal),var(--cyan))}
.create-dropdown .dropdown-item{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;min-height:40px;padding:9px 10px;border-radius:8px;color:var(--text-soft);font-size:.82rem;font-weight:800;line-height:1.2}
.create-dropdown .dropdown-item .ui-icon{width:18px;height:18px;justify-self:center;color:var(--muted)}
.create-dropdown .dropdown-item:hover,.create-dropdown .dropdown-item:focus{color:var(--text);background:rgba(37,200,232,.08)}
.create-dropdown .dropdown-item:hover .ui-icon,.create-dropdown .dropdown-item:focus .ui-icon{color:var(--cyan)}

.account-trigger{display:flex;align-items:center;gap:9px;min-height:42px;padding:4px 7px 4px 4px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:rgba(255,255,255,.035)}.account-trigger:hover,.account-trigger[aria-expanded=true]{border-color:rgba(37,200,232,.35);background:rgba(37,200,232,.07)}.account-trigger-avatar{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(37,200,232,.30);border-radius:50%}.account-trigger-avatar img{width:100%;height:100%;object-fit:cover}.account-trigger-copy{display:grid;min-width:0;text-align:left;line-height:1.05}.account-trigger-copy strong{max-width:110px;overflow:hidden;text-overflow:ellipsis;font-size:.79rem}.account-trigger-copy small{max-width:110px;overflow:hidden;text-overflow:ellipsis;color:var(--muted-2);font-size:.67rem}.account-trigger-chevron{color:var(--muted-2);font-size:.78rem}
.tubirate-account-menu{width:min(330px,calc(100vw - 16px));padding:8px}.tubirate-account-menu::before{content:"";display:block;height:2px;margin:-8px -8px 8px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,var(--signal),var(--cyan))}.account-menu-head{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:6px;border:1px solid var(--line-soft);border-radius:10px;background:rgba(255,255,255,.03)}.menu-avatar-mini{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border-radius:50%}.menu-avatar-mini img{width:100%;height:100%;object-fit:cover}.account-menu-identity{min-width:0}.account-menu-identity strong,.account-menu-identity span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-menu-identity span{color:var(--cyan);font-size:.76rem}.tubirate-account-menu .dropdown-item{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;padding:9px 10px;border-radius:8px;font-size:.82rem;font-weight:750}.account-menu-divider{height:1px;margin:6px 0;background:var(--line-soft)}.signout-item{color:#ffbdc2}
.avatar-button{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(37,200,232,.28);border-radius:50%;background:#0d151d}.avatar-button img,.avatar img,.workspace-avatar img,.watch-avatar img,.comment-avatar img{width:100%;height:100%;object-fit:cover}.site-header.is-scrolled{background:rgba(4,6,10,.98);box-shadow:0 14px 34px rgba(0,0,0,.28)}

/* Notification dropdown. */
.notification-dropdown{position:relative;flex:0 0 auto}
.notification-trigger{position:relative;width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid rgba(247,248,250,.14);border-radius:12px;color:var(--text-soft);background:rgba(255,255,255,.035);transition:border-color var(--speed) ease,background var(--speed) ease,color var(--speed) ease,transform var(--speed) ease}
.notification-trigger:hover,.notification-trigger[aria-expanded=true]{color:var(--text);border-color:rgba(37,200,232,.40);background:rgba(37,200,232,.09);transform:translateY(-1px)}
.notification-trigger .ui-icon{width:20px;height:20px}
.notification-count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;border:2px solid #07090d;border-radius:999px;color:#160b03;background:var(--signal);font-size:.61rem;font-weight:900;line-height:1}
.notification-menu{width:min(380px,calc(100vw - 20px));margin-top:10px;padding:0;overflow:hidden;border-color:rgba(37,200,232,.18);background:linear-gradient(180deg,#101720,#0a0f15);box-shadow:0 28px 70px rgba(0,0,0,.52)}
.notification-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px 12px;border-bottom:1px solid var(--line-soft);background:rgba(255,255,255,.025)}
.notification-menu-head .mini-kicker{margin:0 0 1px;font-size:.62rem}
.notification-menu-head strong{display:block;font-size:.98rem;font-weight:900}
.notification-mark-all{padding:6px 8px;border:1px solid rgba(37,200,232,.22);border-radius:7px;color:var(--cyan);background:rgba(37,200,232,.06);font-size:.7rem;font-weight:850}
.notification-mark-all:hover{border-color:rgba(37,200,232,.50);background:rgba(37,200,232,.12)}
.notification-preview-list{max-height:370px;overflow-y:auto;overscroll-behavior:contain}
.notification-preview-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px 15px;border-bottom:1px solid var(--line-soft);color:var(--text-soft);background:transparent;transition:background var(--speed) ease}
.notification-preview-item:hover{color:var(--text);background:rgba(37,200,232,.065)}
.notification-preview-item.is-unread{background:linear-gradient(90deg,rgba(255,122,26,.10),rgba(255,122,26,.02) 52%,transparent)}
.notification-preview-item.is-unread::before{content:"";position:absolute;left:5px;top:17px;width:5px;height:5px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 3px rgba(255,122,26,.10)}
.notification-item-copy{min-width:0;display:grid;gap:3px}
.notification-item-copy strong{color:var(--text);font-size:.79rem;font-weight:850;line-height:1.3}
.notification-item-copy>span{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:.72rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.notification-item-date{padding-top:1px;color:var(--muted-2);font-size:.64rem;white-space:nowrap}
.notification-item-date .smart-date{color:inherit}
.notification-empty{min-height:132px;display:grid;place-items:center;align-content:center;gap:8px;padding:22px;color:var(--muted);font-size:.78rem;text-align:center}
.notification-empty .ui-icon{width:24px;height:24px;color:var(--cyan);opacity:.8}
.notification-menu-all{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 15px;color:var(--cyan);background:rgba(37,200,232,.035);font-size:.74rem;font-weight:850}
.notification-menu-all:hover{color:#b9f6ff;background:rgba(37,200,232,.09)}

.notification-dropdown .dropdown-menu.notification-menu{width:min(380px,calc(100vw - 20px));padding:0;overflow:hidden;border:1px solid rgba(37,200,232,.18);border-radius:12px;background:linear-gradient(180deg,#101720,#0a0f15);box-shadow:0 28px 70px rgba(0,0,0,.52)}
.notification-dropdown .notification-preview-list{display:block;max-height:370px;overflow-y:auto}
.notification-dropdown .notification-preview-item{display:grid}

/* 2026-09-12 — Create menu alignment: flex wins over generic dropdown grids. */
.create-dropdown>.dropdown-menu{min-width:220px!important;width:220px!important;padding:7px!important}
.create-dropdown .dropdown-item{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;min-height:42px!important;padding:9px 11px!important;white-space:nowrap!important}
.create-dropdown .dropdown-item .ui-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important}
.create-dropdown .dropdown-item>span:last-child{display:block!important;min-width:0!important;line-height:1.2!important}

/* TubiRate 2.0 shell separation */
.brand-stack{display:grid;line-height:1}.brand-stack small{margin-top:2px;color:var(--muted);font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.studio-site-header{border-bottom-color:rgba(37,200,232,.2);background:color-mix(in srgb,var(--bg) 94%,var(--cyan) 6%)}.studio-primary-nav{justify-content:flex-start}.studio-primary-nav a:first-child{color:var(--text);background:rgba(37,200,232,.08);border-color:rgba(37,200,232,.18)}.studio-content-search{max-width:560px}.studio-account-link{display:grid;width:40px;height:40px;padding:2px;border:1px solid var(--line);border-radius:50%;background:var(--surface);overflow:hidden}.studio-account-link img{width:100%;height:100%;object-fit:cover;border-radius:50%}.shell-studio .site-header{position:sticky;top:0;z-index:1020}.shell-studio .shotbits-promo{display:none!important}