:root{font-family:DM Sans,sans-serif;color:#f2f7ff;background:#050b18;color-scheme:dark;font-synthesis:none;--muted:#91a5c9;--line:rgba(122,167,255,.18)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 80% 12%,#10234c70,transparent 46%),#050b18}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#9dbcf007 1px,transparent 1px),linear-gradient(90deg,#9dbcf007 1px,transparent 1px);background-size:56px 56px;z-index:-1}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #72d9ff;outline-offset:5px}button,a{transition:background .18s,border-color .18s,transform .18s}h1,h2,h3,.brand{font-family:Space Grotesk,sans-serif}h1,h2,h3,p{margin:0}.shell{max-width:1320px;padding:0 48px;margin:auto}header{height:104px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:25px;font-weight:600;letter-spacing:-1px}.brand img{width:45px;height:45px}.brand small{display:block;font:9px DM Sans,sans-serif;letter-spacing:4px;color:var(--muted);margin-top:2px}.brand-dot{color:#2f7dff}.header-right{display:flex;gap:28px;align-items:center}.label,.eyebrow,.tag,.number,.section-bar>span,.art-caption{font-size:10px;font-weight:600;letter-spacing:2px}.label{color:#6b82a8}.quiet{display:inline-flex;gap:10px;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:8px;padding:14px;min-height:48px;color:#b7c9e8;font-size:13px}.quiet:hover{background:#12223b}.hero{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;min-height:312px;padding:48px 0 38px;gap:20px}.eyebrow{color:#70b4ff;display:flex;align-items:center;gap:10px;margin-bottom:22px}.eyebrow span{width:6px;height:6px;background:#72d9ff;box-shadow:0 0 15px #72d9ff;border-radius:50%}h1{font-size:clamp(38px,4.3vw,60px);font-weight:500;line-height:1.08;letter-spacing:-2.8px}h1>span{color:#94afd7;font-size:.77em}.intro{color:var(--muted);margin-top:20px;font-size:15px}.hero-art{position:relative;height:216px;display:grid;place-items:center;overflow:hidden}.orbit{position:absolute;width:280px;height:280px;border:1px solid #3566a82a;border-radius:50%;transform:rotate(-20deg) scaleY(.6)}.orbit.two{width:380px;height:380px;transform:rotate(22deg) scaleY(.6)}.screen{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;width:196px;height:130px;background:linear-gradient(145deg,#142d52,#071329);border:1px solid #3e679b;border-radius:12px;box-shadow:0 20px 60px #0008,0 0 60px #2f7dff22;transform:rotate(-6deg)}.screen svg{width:55px;height:55px;color:#72bcff}.screen span{font-size:7px;letter-spacing:2px;color:#84a3d2}.art-caption{position:absolute;bottom:0;font-size:8px;color:#6b82a8}.section-bar{display:flex;align-items:center;justify-content:space-between;margin:8px 0 20px}.section-bar h2{font-size:19px;font-weight:500;letter-spacing:-.5px}.section-bar>span{color:#6b82a8;font-size:9px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);border-radius:16px;padding:27px;background:linear-gradient(140deg,#101f37,#091222);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,#2f7dff17,transparent 70%);pointer-events:none}.card:hover{border-color:#3e679b}.card-top{display:flex;align-items:center;justify-content:space-between}.app-icon{width:64px;height:64px;border:1px solid #5a92db44;border-radius:16px;background:#244e802f;display:grid;place-items:center;color:#8dc5ff}.navidrome .app-icon{color:#7cdece;background:#2a80651c;border-color:#54b7a333}.plex .app-icon{color:#e9c070;background:#80692a1c;border-color:#b7995433}.number{color:#7185a8}.card-copy{margin:30px 0 27px}.tag{font-size:9px;letter-spacing:1.8px;color:#91a5c9;margin-bottom:9px}.card h3{font-size:32px;letter-spacing:-1.1px;font-weight:500}.card-copy>p:last-child{color:var(--muted);font-size:13px;line-height:1.6;margin-top:10px}.launch,.outline{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;border-radius:8px;padding:0 17px;font-weight:600;font-size:13px;border:1px solid #416da4;background:#162b49;width:100%}.jellyfin .launch,.save{background:#2f7dff;border-color:#2f7dff;color:#fff;box-shadow:0 8px 24px #2f7dff22}.launch:hover{background:#28518b}.jellyfin .launch:hover,.save:hover{background:#448bff}.direct{min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:5px;font-size:12px;color:#9bb1d4}.direct:hover{color:#fff}.unconfigured{display:block;text-align:center;font-size:11px;color:var(--muted);padding:20px 0 13px}.theater-strip{display:flex;align-items:center;gap:18px;margin-top:28px;padding:23px 25px;border:1px solid var(--line);border-radius:12px;background:#0b172a80}.strip-icon{color:#78b4ff;padding:12px;background:#20395860;border-radius:10px}.theater-strip h2{font-size:16px;font-weight:500;letter-spacing:-.3px}.theater-strip p{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.5}.outline{width:auto;white-space:nowrap;margin-left:auto;background:transparent;font-size:12px}.outline:hover{background:#162b49}.help-row{display:flex;align-items:center;justify-content:space-between;color:#7e96bc;font-size:11px;padding:12px 0}.help,.settings{padding:25px;border:1px solid var(--line);border-radius:12px;background:#0b172a;margin:10px 0 25px}.help h2,.settings h2{font-size:21px;font-weight:500}.help p,.settings p{color:var(--muted);font-size:14px;line-height:1.7;margin-top:12px}.settings-heading{display:flex;justify-content:space-between;align-items:center}.settings form{display:grid;gap:18px;margin-top:25px}.settings label{font-size:14px}.settings input{display:block;margin-top:8px;width:100%;min-height:52px;border:1px solid #35527a;border-radius:8px;background:#050b18;color:#fff;padding:12px}.save{width:auto;justify-self:start}.notice{color:#9bcaff;font-size:13px;margin:10px 0}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:85px;font-size:10px;color:#6e86ac}footer a{display:flex;gap:8px;align-items:center;min-height:48px}.footer-slash{padding:0 13px;color:#2f7dff}@media(min-width:1500px){.shell{max-width:1420px}.hero{min-height:330px}.card{padding:32px}.card-copy{margin:34px 0}}@media(max-width:900px){.shell{padding:0 25px}.label,.hero-art{display:none}.hero{grid-template-columns:1fr;min-height:270px}.card{padding:20px}.card-copy>p:last-child{min-height:42px}.card h3{font-size:29px}.theater-strip{flex-wrap:wrap}.help-row{gap:12px}}@media(max-width:650px){.shell{padding:0 20px}header{height:88px}.brand{font-size:22px}.hero{padding:40px 0;min-height:0}h1{letter-spacing:-1.7px;font-size:43px}.intro{line-height:1.6;max-width:270px}.eyebrow{font-size:8px}.cards{grid-template-columns:1fr}.card{padding:24px}.card-copy{margin:22px 0}.card-copy>p:last-child{min-height:0}.section-bar>span{display:none}.theater-strip{padding:20px;gap:14px}.theater-strip>div:nth-child(2){flex:1}.outline{width:100%;margin-top:5px}.help-row{align-items:flex-start;flex-direction:column;padding-top:20px}.help-row .quiet{padding-left:0}footer{align-items:flex-start;flex-direction:column;padding:24px 0;gap:5px}.footer-slash{padding:0 5px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.brand img{border-radius:50%;object-fit:cover}@media(min-width:901px)and (max-height:900px){header{height:76px}.hero{min-height:210px;padding:24px 0}.hero-art{height:170px}.eyebrow{margin-bottom:16px}h1{font-size:46px}.intro{margin-top:14px}.section-bar{margin:8px 0 16px}.card{padding:22px}.app-icon{width:48px;height:48px;border-radius:12px}.app-icon svg{width:27px;height:27px}.card-copy{margin:18px 0}.card h3{font-size:29px}.tag{margin-bottom:5px}.card-copy>p:last-child{margin-top:7px}.theater-strip{margin-top:20px;padding:16px 20px}.help-row{padding:5px 0}footer{min-height:60px}}