@font-face{font-family:system;src:local("Segoe UI")}*{box-sizing:border-box}body{margin:0;background:#080808;color:#bfc3c7;font:15px/1.5 system,Arial,sans-serif}header{max-width:1180px;margin:auto;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #353230}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:650}.brand small{display:block;font-size:11px;font-weight:400;color:#bfc3c7;letter-spacing:.04em}.logo{width:45px;height:45px;background:#191716;border-radius:13px;display:grid;place-items:center;color:#bfc3c7;font-size:23px;letter-spacing:-3px;padding-right:3px}main{max-width:1180px;margin:0 auto;padding:30px}h1{font-size:clamp(34px,4vw,52px);line-height:1.12;font-weight:650;letter-spacing:-1.8px;margin:18px 0}h2{font-size:18px;margin:0}h3{margin:5px}.muted{color:#bfc3c7;margin:7px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;color:#bfc3c7}.accent{color:#bfc3c7}.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0 32px}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:190px}button,input,a.secondary{font:inherit}button,.secondary{border:0;cursor:pointer;border-radius:10px;padding:11px 16px;font-weight:600;transition:background .15s}button:disabled{opacity:.45;cursor:wait}.primary{background:#191716;color:#bfc3c7}.primary:hover{background:#191716}.secondary{background:#191716;color:#bfc3c7;text-decoration:none;display:inline-block}.quiet{background:transparent;color:#bfc3c7;border:0;text-decoration:none;font-size:13px;padding:9px}.quiet:hover{color:#bfc3c7}.pill{font-size:12px;border:1px solid #353230;border-radius:30px;padding:6px 13px;color:#bfc3c7}.pill.active{color:#bfc3c7;background:#191716}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #353230;border-radius:16px;background:#191716;margin-bottom:25px;overflow:hidden}.stats article{padding:20px 26px;border-right:1px solid #353230}.stats article:last-child{border:0}.stats span{display:block;font-size:30px;letter-spacing:-1px}.stats small{color:#bfc3c7}.connections{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}.card{border:1px solid #353230;background:#191716;border-radius:16px;padding:24px}.card-head{display:flex;align-items:center;gap:13px;margin-bottom:19px}.card-head .muted{font-size:13px;margin:3px 0}.service-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-weight:750}.orange{color:#bfc3c7;background:#191716}.yellow{color:#bfc3c7;background:#191716}.input-row{display:flex;gap:8px}input{min-width:0;width:100%;background:#080808;color:#bfc3c7;border:1px solid #353230;border-radius:9px;padding:11px 12px;outline:0}input:focus{border-color:#bfc3c7}label{display:block;color:#bfc3c7;font-size:13px}.fine{font-size:12px;color:#bfc3c7;margin:13px 0 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-head p{font-size:12px}.filters{display:flex;gap:8px;margin:20px 0 10px;border-bottom:1px solid #353230;padding-bottom:14px;flex-wrap:wrap}.filters button{background:transparent;color:#bfc3c7;padding:7px 13px;font-size:12px}.filters .selected{background:#191716;color:#bfc3c7}.track{display:flex;align-items:center;padding:15px 0;gap:15px;border-bottom:1px solid #353230}.track:last-child{border:0}.track-icon{flex-shrink:0;width:42px;height:42px;background:#191716;color:#bfc3c7;border-radius:9px;display:grid;place-items:center;font-size:19px}.track-text{flex:1;min-width:0}.track-title{display:block;color:#bfc3c7;text-decoration:none;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track small{color:#bfc3c7}.track-error{color:#bfc3c7;font-size:12px;margin-top:5px}.badge{font-size:11px;color:#bfc3c7;white-space:nowrap}.badge.review{color:#bfc3c7}.badge.queue{color:#bfc3c7}.track .quiet{padding-right:0}#empty{text-align:center;padding:42px 15px}.empty-icon{font-size:36px;color:#bfc3c7;margin-bottom:10px}.journal{margin-top:22px}.event{display:flex;gap:20px;padding:11px 0;border-bottom:1px solid #353230;font-size:13px}.event time{color:#bfc3c7;flex-shrink:0}.event:last-child{border:0}footer{font-size:12px;color:#bfc3c7;padding:25px 5px;max-width:850px}#message,.notice{padding:13px 18px;background:#191716;border:1px solid #353230;border-radius:10px;margin:0 0 20px;color:#bfc3c7}.auth-card{max-width:540px;margin:35px auto;padding:32px;border:1px solid #353230;background:#191716;border-radius:20px}.auth-card h1{font-size:44px}form label{margin:18px 0 7px}form label input{margin-top:7px}#login-form>.primary{width:100%;margin-top:20px}#login-form>.quiet{display:block;margin:8px auto}#account{display:flex;align-items:center;gap:10px;color:#bfc3c7}#device{border-top:1px solid #353230;margin-top:20px;padding-top:6px}#device-code{display:block;font:700 28px monospace;letter-spacing:4px;margin:12px 0;color:#bfc3c7}#owner{margin-top:22px}output{display:block;margin-top:12px;overflow-wrap:anywhere;color:#bfc3c7}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:700px){header{padding:18px 20px}main{padding:18px}.hero{align-items:flex-start;flex-direction:column}.hero-actions{flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center}.stats{grid-template-columns:1fr 1fr}.stats article{padding:15px;border-bottom:1px solid #353230}.connections{grid-template-columns:1fr}.card{padding:19px}.section-head{align-items:flex-start}.track{gap:10px}.track-title{font-size:13px}.track-icon{width:34px;height:34px}.badge{font-size:10px}.auth-card{padding:24px;margin-top:12px}.auth-card h1{font-size:36px}#username{display:none}.event{gap:12px}.input-row{flex-wrap:wrap}.input-row input{flex-basis:100%}}
/* Charcoal surfaces and silver controls. */
:root{color-scheme:dark}
h1,h2,.track-title,.stats span{color:#e0e2e4}
.brand small,.fine,footer,.event time,.track small,.stats small{color:#989b9e}
.muted{color:#afb2b5}.eyebrow{color:#989b9e}
.logo,.primary{background:#bfc3c7;color:#080808}
.primary:hover{background:#d5d8db}
.secondary{background:#302d2b;border:1px solid #46413e}
.secondary:hover{background:#403b38}
.quiet:hover{color:#e0e2e4;background:#242220}
input::placeholder{color:#85898d}
button:focus-visible,a:focus-visible{outline:2px solid #bfc3c7;outline-offset:4px}
.service-icon,.track-icon{background:#292624;color:#cdd0d3}
.pill.active,.filters .selected{background:#302d2b;color:#e0e2e4;border-color:#55504b}
#message,.notice{background:#24211f;border-color:#665e57}
.badge.review{border:1px solid #77716a;border-radius:5px;padding:3px 7px}
.auth-card{box-shadow:0 20px 60px #00000030}

/* A centered service-to-service title on sign-in and registration. */
.auth-brand{display:none}
body:has(#auth:not([hidden])) header{justify-content:center}
body:has(#auth:not([hidden])) header .brand{display:none}
body:has(#auth:not([hidden])) .auth-brand{display:flex;align-items:center;justify-content:center;gap:14px;color:#bfc3c7;text-decoration:none;font-size:clamp(14px,3.6vw,20px);font-weight:600;white-space:nowrap}
.auth-brand .transfer-arrow{color:#85898d;font-size:24px;font-weight:400}

header .brand{gap:14px;font-size:clamp(14px,3.6vw,20px);font-weight:600;white-space:nowrap}.brand .transfer-arrow{color:#85898d;font-size:24px;font-weight:400}@media(max-width:480px){header:has(#account:not([hidden])){padding-left:14px;padding-right:14px;gap:8px}header .brand{gap:7px;font-size:clamp(12px,3.5vw,16px)}#account .quiet{padding:9px 4px}}

.hero{padding:0 0 24px;justify-content:flex-end}.hero-actions{flex-direction:row;flex-wrap:wrap;min-width:0;gap:12px}@media(max-width:700px){.hero{align-items:stretch}.hero-actions{justify-content:flex-start}}

.manual-import{margin-bottom:22px}.import-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}select{width:100%;font:inherit;color:#bfc3c7;background:#080808;border:1px solid #353230;border-radius:9px;padding:11px 12px;margin-top:7px}.import-grid input{margin-top:7px}.import-record{padding:16px 0;border-top:1px solid #353230;margin-top:15px}.import-record a{color:#d5d8db}.import-record summary{cursor:pointer}.import-record p{margin:6px 0}.manual-import .track{flex-wrap:wrap}@media(max-width:700px){.import-grid{grid-template-columns:1fr;gap:0}}

.source-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.destination-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.destination-status #playlist{padding:3px 0;font-size:12px}.connections .card-head>div{min-width:0}