.titlebar{height:var(--title-h);position:fixed;inset:0 0 auto 0;z-index:80;display:flex;align-items:center;justify-content:space-between;padding-left:14px;background:#09090ddd;-webkit-app-region:drag;border-bottom:1px solid #1b1b22}.brand-mini{display:flex;gap:7px;align-items:center;font-size:11px;color:#c7c7cf}.brand-mini img{width:16px;height:16px}.window-actions{-webkit-app-region:no-drag;height:100%;display:flex}.window-actions button{width:44px;border:0;background:transparent}.window-actions button:hover{background:#252530}.window-actions button:last-child:hover{background:#c42b1c}.topbar{position:fixed;top:var(--title-h);left:0;right:0;height:var(--nav-h);z-index:70;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;padding:0 clamp(18px,4vw,64px);background:linear-gradient(#09090df2,#09090dc7,transparent);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:20px}.brand img{width:31px;height:31px}.nav{display:flex;gap:4px}.nav button,.top-actions button{border:0;background:transparent;padding:10px 12px;border-radius:10px;color:#c9c9d1}.nav button.active,.nav button:hover{color:#fff;background:#ffffff0d}.top-actions{display:flex;align-items:center;gap:10px}.search{display:flex;align-items:center;gap:6px;background:#121219cc;border:1px solid #2b2b35;border-radius:12px;padding:7px 10px}.search input{width:clamp(140px,18vw,280px);background:transparent;border:0;color:#fff;outline:0}.profile-chip{display:flex!important;align-items:center;gap:8px!important;background:#111118dd!important}.profile-chip>span:first-child{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#8d0dff);background-size:cover;background-position:center;font-weight:800}.app-shell{padding-top:calc(var(--title-h) + var(--nav-h));min-height:100vh}.hero{position:relative;min-height:clamp(430px,66vh,760px);display:flex;align-items:flex-end;padding:0 clamp(18px,6vw,88px) clamp(44px,8vh,96px);background-position:center;background-size:cover;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07070af5 0,#07070abf 38%,#07070a33 68%,transparent),linear-gradient(0deg,#07070a 0,transparent 48%)}.hero-copy{position:relative;z-index:1;width:min(650px,88vw)}.hero h1{font-size:clamp(38px,5vw,78px);line-height:.98;margin:14px 0;letter-spacing:-.045em}.hero p{max-width:60ch;color:#d4d4dc;line-height:1.55}.hero-actions,.button-row,.profile-actions,.editor-foot{display:flex;align-items:center;gap:10px}.rows{position:relative;margin-top:-28px;padding:0 clamp(18px,4vw,64px) 70px;z-index:5}.media-row{margin:0 0 32px}.row-head{display:flex;align-items:end;justify-content:space-between;margin:0 0 12px}.row-head h2{margin:0;font-size:clamp(18px,2vw,27px)}.card-track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(150px,16vw,260px);gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:4px 4px 16px}.banner-strip{position:relative;z-index:8;margin:-34px clamp(18px,4vw,64px) 44px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,1fr);gap:12px;overflow-x:auto}.maintenance{margin:110px 5vw 0;padding:18px 22px;border:1px solid #6c5617;background:#2c240d;border-radius:14px}.connection-badge{position:fixed;right:16px;bottom:16px;z-index:90;padding:7px 10px;border-radius:999px;background:#15151ce8;border:1px solid #30303c;color:#bbb;font-size:11px}