:root{color-scheme:dark;--bg:#131916;--panel:#1c2420;--line:#303a33;--ink:#f2f0e8;--muted:#a5ada5;--accent:#e3ac7c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:default}.sidebar{position:fixed;inset:0 auto 100px 0;width:235px;padding:35px 26px;background:#101612;border-right:1px solid #293029;display:flex;flex-direction:column}.logo{font-size:42px;font-weight:750;letter-spacing:-3px;line-height:1}.logo span{font-weight:300}.logo i{font-size:23px;letter-spacing:-5px;font-style:normal;color:var(--accent);margin-left:5px}.brand-caption{font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:15px}nav{margin-top:52px;display:grid;gap:10px}nav a{padding:13px 12px;color:#aab2aa;border-radius:6px;font-size:14px}nav a span{font-size:20px;display:inline-block;width:32px}nav a.active{background:#283229;color:#f6e4ce}nav a:hover{background:#202a22}.sidebar-bottom{margin-top:auto;padding:40px 8px 27px}.tiny-card{width:92px;height:58px;border:1px solid #827c62;border-radius:5px;background:linear-gradient(130deg,#394839,#83765a);transform:rotate(-9deg);padding:15px 10px;font-size:12px;box-shadow:8px 8px 0 #1f2821}.tiny-card span{float:right}.sidebar-bottom h3{font:24px/1.15 Georgia,serif;font-weight:400;margin-top:27px}.sidebar-bottom p{color:var(--muted);font-size:12px}.text-link{font-size:12px;color:var(--accent)}.sidebar-account{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:12px}.sidebar-account span:last-child{margin-left:auto}.shell{margin-left:235px;padding:0 48px 115px;max-width:1700px}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#adb7a8}header>div{display:flex;gap:24px;align-items:center}.pilot{font-size:11px;color:#bbc7b6}.pilot b{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a8bd8a;margin-right:7px}.account{border:1px solid #475044;padding:9px 15px;border-radius:30px;font-size:12px}main{min-height:70vh}.hero{position:relative;display:grid;grid-template-columns:1.15fr 1fr;min-height:425px;align-items:center;gap:40px;padding:44px 0 35px}.hero:before{content:'';position:absolute;width:65%;height:100%;right:-35px;top:0;background:radial-gradient(ellipse,#605d3938,transparent 68%);pointer-events:none}.kicker{font-size:10px;letter-spacing:2.3px;color:var(--accent);display:flex;align-items:center;gap:10px}.kicker:before{content:'';width:23px;height:1px;background:var(--accent)}h1{font:clamp(40px,4.4vw,68px)/1.02 Georgia,serif;letter-spacing:-2.1px;font-weight:400;margin:25px 0 22px}h1 em{color:var(--accent);font-weight:400}.hero p{color:#acb4aa;max-width:360px;line-height:1.8;font-size:14px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:26px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 23px;border-radius:30px;font-size:12px;font-weight:650}.primary{background:var(--accent);color:#211c15}.primary:hover{background:#f3c495}.secondary{background:transparent;color:var(--ink);border:1px solid #495247}.hero-art{position:relative;max-width:350px;width:85%;margin:0 auto;transform:rotate(-7deg)}.hero-art .cover{box-shadow:0 35px 60px #0008;position:relative;z-index:2}.disc{position:absolute;left:34%;top:3%;width:95%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#121714 0 2px,#2b3029 3px,#141a16 4px);box-shadow:12px 20px 40px #0005}.disc:before{content:'';position:absolute;inset:34%;border-radius:50%;background:#b99a71}.disc:after{content:'';position:absolute;inset:47%;border-radius:50%;background:#141a16}.art-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#c2bba4;margin-top:16px;position:relative;z-index:2}.cover{aspect-ratio:1;position:relative;overflow:hidden;isolation:isolate;background:#a9976f;display:flex;flex-direction:column;justify-content:space-between;padding:8%;color:#f6eddb}.cover:before,.cover:after{content:'';position:absolute;z-index:-1}.cover.aamu{background:linear-gradient(150deg,#424c3b,#a69b70 55%,#282e22)}.cover.aamu:before{width:53%;height:53%;border-radius:50%;top:10%;right:12%;background:#e0c99a;box-shadow:0 0 60px #ecdf9960}.cover.aamu:after{width:150%;height:65%;bottom:-14%;left:-24%;background:linear-gradient(160deg,#5a664f,#293a2e);border-radius:50% 80% 0 0;transform:rotate(-18deg)}.cover.sininen{background:linear-gradient(160deg,#8d9fa2,#244555 60%,#142c37)}.cover.sininen:before{inset:20% -20% -30%;background:repeating-radial-gradient(ellipse at center,#bad8d22b 0 2px,transparent 4px 19px);transform:rotate(-20deg)}.cover.sininen:after{width:30%;height:30%;border-radius:50%;background:#e5d9b4;top:10%;left:12%;filter:blur(1px)}.cover.hehku{background:linear-gradient(130deg,#342f47,#7e5369 55%,#d2a090)}.cover.hehku:before{inset:-20%;background:repeating-linear-gradient(100deg,transparent 0 12%,#221f32b0 13% 17%,transparent 18% 25%);transform:rotate(20deg)}.cover.hehku:after{inset:45% -30% 5%;background:linear-gradient(0deg,transparent,#efc39888,transparent);transform:rotate(-30deg);filter:blur(15px)}.cover-top{font-size:8px;letter-spacing:3px;text-transform:uppercase;display:flex;justify-content:space-between}.cover-title{font:clamp(23px,2.5vw,40px)/1.02 Georgia,serif;max-width:85%;text-shadow:0 2px 20px #0005}.cover-bottom{font-size:7px;letter-spacing:2px;margin-top:15px}.hero-art .cover-title{font-size:43px}.how-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin:12px 0 36px}.how-strip>div{display:flex;gap:15px}.step{font:24px Georgia;color:#7d8b75}.how-strip strong{display:block;font-size:12px;font-weight:600}.how-strip small{font-size:11px;color:var(--muted)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:30px 0 20px}.section-heading h2{font:29px Georgia;margin:0 0 4px;font-weight:400;letter-spacing:-.6px}.section-heading p{font-size:12px;color:var(--muted);margin:0}.section-heading>span{font-size:10px;letter-spacing:1px;color:#a7b19f}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.album-card{min-width:0}.album-card>a{display:block}.album-card .cover{transition:transform .25s;border:1px solid #ffffff0d}.album-card:hover .cover{transform:translateY(-4px)}.album-card h3{font-size:15px;font-weight:550;margin:16px 0 4px}.album-card p{font-size:11px;color:var(--muted);margin:0}.album-meta{display:flex;justify-content:space-between;color:#9ca695;font-size:10px;margin-top:10px}.badge{font-size:9px;text-transform:uppercase;letter-spacing:1px;border:1px solid #65715b;padding:3px 7px;border-radius:3px}.note{padding:15px 18px;border:1px solid #3b4538;color:#b8c0b2;border-radius:6px;font-size:12px;margin:28px 0}.link{background:none;color:var(--accent);padding:0;font-size:12px}.page-top{padding-top:40px}.page-top h1{font-size:48px}.album-hero{display:grid;grid-template-columns:260px 1fr;gap:42px;padding:42px 0;align-items:end}.album-hero h1{font-size:48px}.album-hero p{color:var(--muted)}.track{display:flex;align-items:center;gap:18px;min-height:65px;border-bottom:1px solid var(--line);padding:9px 12px}.track:hover{background:#ffffff04}.track .number{color:#7f8b7b;font-size:12px;width:20px}.track .track-name{flex:1;min-width:0}.track strong{font-size:14px;font-weight:500;display:block}.track small{font-size:11px;color:var(--muted)}.track button{background:transparent;color:var(--ink);padding:10px;min-width:40px}.track .length{font-size:11px;color:var(--muted)}.empty{border:1px dashed #46513f;text-align:center;padding:45px 20px;border-radius:10px;margin:28px 0}.empty p{color:var(--muted)}.form{display:grid;gap:16px;max-width:430px}.form label{display:grid;gap:6px;font-size:12px;color:#bbc4b7}input,textarea,select{background:#111914;border:1px solid #465340;color:var(--ink);border-radius:6px;padding:12px;min-width:0}textarea{min-height:100px;resize:vertical}.form .primary{margin-top:6px}.tabs{display:flex;gap:20px;margin:25px 0}.tabs button{background:transparent;color:#b5c1ae;padding:10px;border-bottom:2px solid #46583e}.list-panel{border:1px solid var(--line);padding:22px;margin:22px 0;border-radius:9px}.list-panel h3{margin:0;font:26px Georgia}.list-controls{display:flex;gap:14px;flex-wrap:wrap;margin:14px 0}.copy-row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}footer{font-size:12px;color:#a9b09e;border-top:1px solid var(--line);display:flex;gap:18px;align-items:center;margin-top:48px;padding:24px 0}footer span{font-size:10px}footer button{margin-left:auto}.player{height:100px;position:fixed;bottom:0;inset-inline:0;background:#20291ff5;backdrop-filter:blur(15px);border-top:1px solid #48503f;display:flex;align-items:center;padding:14px 28px;gap:16px;z-index:10}.now-cover{width:58px;height:58px;background:#36402d;color:#d9b88f;border-radius:3px;font-size:35px;padding:0;flex-shrink:0;overflow:hidden}.now-cover .cover{width:100%;height:100%;padding:0}.now-cover .cover>*{display:none}.now-info{width:260px;display:grid;gap:4px}.now-info strong{font-size:12px;font-weight:550}.now-info span{font-size:10px;color:#aab6a1}.transport{max-width:480px;flex:1;margin:auto}.controls{display:flex;justify-content:center;align-items:center;gap:19px}.controls button{background:transparent;color:#d2d7cb;font-size:17px;min-width:28px}.controls button[aria-pressed=true]{color:var(--accent)}.controls .play-toggle{background:#e5b181;color:#1f2118;width:37px;height:37px;border-radius:50%;font-size:15px}.timeline{display:flex;align-items:center;gap:12px;margin-top:7px}.timeline span{font-size:9px;color:#a4b09a;font-variant-numeric:tabular-nums}.timeline input{padding:0;height:3px;flex:1;accent-color:#d6aa7e;cursor:pointer}.queue-button{margin-left:auto;color:#d1dac8;background:transparent;font-size:20px;min-width:130px}.queue-button span{font-size:11px;margin-left:8px}dialog{background:#202920;border:1px solid #56624b;color:var(--ink);border-radius:14px;padding:34px;width:min(540px,92vw);max-height:85vh}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}dialog h2{font:30px Georgia;font-weight:400;margin-top:5px}.close{float:right;background:none;color:var(--ink);font-size:25px;padding:0 5px}.dialog-actions{display:flex;gap:12px;margin-top:24px}.dialog-list{display:grid;gap:10px}.dialog-list button{text-align:left}#toast{position:fixed;bottom:120px;left:50%;transform:translateX(-50%);padding:14px 22px;background:#ebc193;color:#22291d;border-radius:8px;box-shadow:0 10px 40px #0008;max-width:90vw;z-index:50;display:none}.sim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}.sim-grid button{background:#2a3529;color:#f3dfc5;border:1px solid #56624a;padding:24px 14px;border-radius:10px;text-align:left}.sim-grid strong{display:block;margin-top:14px}.muted{color:var(--muted)}
@media(min-width:1500px){.shell{padding-inline:70px}.hero{min-height:490px}.hero-art{max-width:390px}.cover-title{font-size:44px}}
@media(max-width:1100px){.sidebar{width:195px;padding-inline:18px}.shell{margin-left:195px;padding-inline:30px}.hero{gap:25px}.hero-art .cover-title{font-size:34px}.hero-art{width:90%}.now-info{width:220px}.queue-button{min-width:45px}.queue-button span{display:none}.album-grid{gap:18px}.how-strip{gap:10px}.how-strip>div{gap:10px}}
@media(max-width:760px){.sidebar{inset:auto 0 0;width:100%;height:65px;padding:0;border:0;z-index:20;display:block}.sidebar .logo,.brand-caption,.sidebar-bottom,.sidebar-account{display:none}nav{margin:0;display:flex;justify-content:space-around;height:65px;align-items:center}nav a{font-size:9px;text-align:center;padding:6px 15px}nav a span{display:block;width:auto;line-height:1.3}.shell{margin-left:0;padding:0 22px 165px}header{height:75px}.eyebrow{font-size:8px;letter-spacing:1px}.pilot{display:none}.account{font-size:10px;padding:7px 11px}.hero{grid-template-columns:1fr;padding-top:32px;gap:30px}.hero h1{font-size:52px;max-width:340px;margin:20px 0}.hero p{max-width:330px;font-size:13px}.hero-art{width:65%;max-width:280px;margin:10px auto 15px;left:-16px}.hero-art .cover-title{font-size:35px}.hero:before{top:40%;width:100%;height:60%;right:0}.how-strip{grid-template-columns:1fr;gap:16px;margin-top:10px}.how-strip>div{gap:17px}.how-strip small{font-size:12px}.how-strip strong{font-size:13px}.album-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.album-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:42% 1fr;gap:20px;align-items:center}.album-card .cover-title{font-size:24px}.album-card h3{font-size:14px}.album-card p{font-size:10px}.album-meta{flex-wrap:wrap;gap:6px}.section-heading>span{display:none}.player{bottom:65px;height:86px;padding:10px 13px;gap:11px}.now-cover{height:47px;width:47px}.now-info{flex:1;min-width:0;width:auto}.now-info strong{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.now-info span{font-size:9px}.transport{flex:none;margin:0;width:85px}.controls{gap:9px}.controls #shuffle,.controls #repeat,.controls #prev{display:none}.controls #next{font-size:17px}.timeline{position:absolute;top:0;left:0;right:0;margin:0}.timeline span{display:none}.timeline input{width:100%;margin:0;height:2px}.queue-button{min-width:20px;padding:0;font-size:22px}footer{flex-wrap:wrap}footer span{display:none}.album-hero{grid-template-columns:1fr;gap:20px}.album-hero>.cover{max-width:280px;width:80%;margin:auto}.album-hero h1{font-size:40px}.track{gap:8px;padding-inline:0}.track strong{font-size:12px}.track button{padding:7px}.track .length{display:none}.page-top h1{font-size:42px}.sim-grid{grid-template-columns:1fr}.sim-grid button{padding:15px}.sim-grid strong{margin-top:5px}#toast{bottom:170px;width:90%;font-size:13px}.copy-row{flex-direction:column;gap:10px}}
.shell{overflow:hidden}img.cover{width:100%;padding:0;object-fit:cover}.sidebar{overflow-y:auto}.sidebar-bottom{flex-shrink:0}
.sidebar-card-image{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 9px 10px #0005)}
.technical-albums{margin-top:32px;color:var(--muted)}.technical-albums summary{cursor:pointer;padding:14px 0;font-size:13px}.technical-albums .album-grid{margin-top:16px}.hero-art img.cover{display:block}.now-cover img.cover{object-fit:cover}
.tiny-card{position:relative;isolation:isolate;width:160px;max-width:100%;height:auto;aspect-ratio:85.6/53.98;padding:17px 15px 11px;border-radius:9px;border:1px solid #b99b696b;background:radial-gradient(ellipse at 100% 0%,#a5874b32,transparent 65%),linear-gradient(135deg,#26332a,#111b16 65%,#253327);transform:rotate(-7deg);box-shadow:0 16px 22px #0006,0 1px 0 #d9bd8250 inset,0 -2px 0 #0008 inset;overflow:hidden}
.tiny-card:before{content:'';position:absolute;inset:-60% -30%;z-index:-1;background:repeating-radial-gradient(ellipse at 95% 70%,transparent 0 10px,#bfa46b16 11px,transparent 12px 21px);transform:rotate(-25deg)}
.tiny-card .card-logo{display:block;font-size:30px;line-height:1;letter-spacing:-2.1px;color:#f2f0e8;margin:0;padding:0}
.tiny-card .card-logo span{float:none;font-weight:300}.tiny-card .card-logo i{font-size:17px;letter-spacing:-3.5px;margin-left:4px;color:#e3ac7c}
.card-rule{height:1px;width:28px;background:#cfaa72;margin:10px 0 7px}.card-caption{font-size:5px;letter-spacing:1.05px;color:#ded8c6;white-space:nowrap}.card-detail{display:flex;justify-content:space-between;margin-top:12px;font-size:5px;letter-spacing:1.1px;color:#b9ad8e}.tiny-card .card-detail span{float:none}
@media(max-height:750px) and (min-width:761px){.sidebar-bottom{padding-top:25px;padding-bottom:15px}.sidebar-bottom h3{font-size:20px;margin-top:20px}.sidebar-bottom p{display:none}.sidebar nav{margin-top:30px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}