:root{--bg-0: #090909;--bg-1: #0f0f0f;--bg-2: #141414;--surface-0: #121212;--surface-1: #181818;--surface-2: #1d1d1d;--line: #2f2f2f;--line-strong: #3a3a3a;--text-main: #f3f3f3;--text-soft: #cdcdcd;--text-muted: #b8b8b8;--text-faint: #9a9a9a;--shadow: 0 20px 40px rgba(0, 0, 0, .32)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{color:var(--text-main);font-family:Avenir Next,Segoe UI,SF Pro Display,sans-serif;background:radial-gradient(70rem 42rem at 8% -6%,rgba(230,230,230,.06),transparent 52%),radial-gradient(60rem 36rem at 92% 0%,rgba(245,245,245,.04),transparent 48%),linear-gradient(135deg,#0b0b0b,#111 48%,#050505);overflow-x:hidden}.page{width:min(1080px,calc(100% - 2rem));margin:2rem auto 2.4rem}.hero,.channel-card,.seo-block{border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,var(--surface-0),var(--surface-1));box-shadow:var(--shadow)}.hero{padding:clamp(1.1rem,3vw,2rem);animation:reveal .56s ease both}.eyebrow{margin:0;color:var(--text-faint);letter-spacing:.14em;font:600 .72rem/1.2 Avenir Next,Segoe UI,sans-serif}h1{margin:.6rem 0 0;font-size:clamp(1.6rem,4.2vw,3rem);letter-spacing:-.02em;line-height:1.05}.lead{margin:.9rem 0 0;max-width:66ch;color:var(--text-muted)}.platform-panel{margin-top:1.2rem;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);padding:.9rem}.platform-panel-top{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.platform-panel h2{margin:0;font-size:1rem;color:var(--text-soft)}.detected-system{margin:0;color:var(--text-faint);font-size:.84rem}.platform-picker{display:flex;flex-wrap:wrap;gap:.48rem;margin-top:.8rem}.platform-choice{border:1px solid var(--line-strong);border-radius:999px;padding:.36rem .78rem;background:#171717;color:var(--text-soft);font:600 .74rem/1 Avenir Next,Segoe UI,sans-serif;cursor:pointer;transition:border-color .14s ease,background-color .14s ease,color .14s ease}.platform-choice:hover,.platform-choice:focus-visible{border-color:#707070;color:var(--text-main)}.platform-choice.is-active{background:#ececec;color:#111;border-color:#ececec}.hero-actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.55rem}.button{text-decoration:none;border-radius:10px;padding:.62rem .95rem;font-weight:700;letter-spacing:.01em;border:1px solid transparent;transition:transform .14s ease,border-color .14s ease,opacity .14s ease}.button:hover,.button:focus-visible{transform:translateY(-1px)}.button-primary{background:#f0f0f0;border-color:#f0f0f0;color:#0d0d0d}.button-secondary{background:#222;border-color:#4a4a4a;color:#ececec}.button-ghost{background:transparent;border-color:#4a4a4a;color:var(--text-soft)}.button.is-disabled{pointer-events:none;opacity:.5}.global-status{margin:1rem 0 0;color:var(--text-faint);font-size:.85rem}.channels{margin-top:.9rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.channel-card{padding:1rem;animation:reveal .64s ease both}.channel-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.channel-head h2{margin:0;font-size:1.24rem}.channel-pill{border-radius:999px;border:1px solid #5a5a5a;background:#1e1e1e;color:var(--text-soft);padding:.26rem .58rem;font-size:.67rem;letter-spacing:.09em;text-transform:uppercase}.channel-copy{margin:.62rem 0 0;color:var(--text-muted)}.meta{margin:.75rem 0 .3rem;color:var(--text-soft);font-size:.76rem}.assets{display:grid;gap:.52rem;margin-top:.66rem;min-width:0}.asset{display:flex;justify-content:space-between;align-items:center;gap:.7rem;text-decoration:none;color:var(--text-main);border:1px solid var(--line-strong);border-radius:12px;background:#171717;padding:.64rem .72rem;transition:border-color .14s ease,transform .14s ease;min-width:0;overflow:hidden}.asset:hover,.asset:focus-visible{border-color:#8c8c8c;transform:translateY(-1px)}.asset.is-recommended{border-color:#e5e5e5;background:linear-gradient(170deg,#1a1a1a,#151515)}.asset-main{min-width:0;flex:1 1 auto;display:block}.asset-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.asset-meta{display:block;margin-top:.16rem;color:var(--text-faint);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-end{display:inline-flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex:0 0 auto;min-width:fit-content}.platform{border-radius:999px;border:1px solid #595959;color:var(--text-soft);font-size:.63rem;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .48rem}.hint{color:#ededed;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.empty{margin:.2rem 0 0;color:var(--text-faint);font-size:.9rem}.seo-block{margin-top:.9rem;padding:.95rem 1rem;color:var(--text-muted)}.seo-block h2{margin:0 0 .48rem;color:var(--text-soft);font-size:1rem}.seo-block p{margin:0}.footer{margin-top:1.1rem;color:var(--text-faint);font-size:.74rem}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:930px){.channels{grid-template-columns:1fr}}@media(max-width:640px){.page{width:calc(100% - 1.1rem);margin:1rem auto 1.6rem}.hero,.channel-card,.seo-block{border-radius:16px}.hero-actions .button{flex:1 1 100%;text-align:center}.asset{align-items:flex-start;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}