.sad-page{background:#07080d;color:#f3f0eb;padding-bottom:116px}.sad-hero{position:relative;min-height:74svh;display:flex;align-items:flex-end;overflow:hidden;padding:108px 0 64px;background:radial-gradient(circle at 78% 18%,rgba(72,92,140,.24),transparent 28rem),linear-gradient(180deg,#0b0d14 0%,#090a10 58%,#07080d 100%)}.sad-rain{position:absolute;inset:-10%;opacity:.16;background-image:linear-gradient(110deg,transparent 48%,rgba(255,255,255,.18) 49%,rgba(255,255,255,.18) 50%,transparent 51%);background-size:34px 110px;transform:skewX(-6deg);animation:sadRain 8s linear infinite}.sad-hero:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(180deg,transparent,#07080d)}.sad-hero-inner{position:relative;z-index:2}.sad-hero h1{margin:.15em 0 .18em;max-width:1000px;font-size:clamp(4rem,13vw,9rem);line-height:.78;letter-spacing:-.075em}.sad-hero h1 span{color:#98a6c8}.sad-hero .lede{max-width:760px;color:#c0c3ce;font-size:clamp(1.1rem,2.5vw,1.55rem);line-height:1.35}.sad-hero-actions{margin:24px 0 12px}.sad-section{padding:72px 0}.sad-head{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:end;margin-bottom:28px}.sad-head h2,.sad-record h2{margin:7px 0 0;font-size:clamp(2.8rem,7vw,5.8rem);line-height:.88;letter-spacing:-.06em}.sad-head p{margin:0;color:#9ea2ae}.sad-groups{display:grid;gap:40px}.sad-group{display:grid;gap:14px}.sad-group-title{display:flex;align-items:center;gap:12px;color:#8f95a7;font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.sad-group-title:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.09)}.sad-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sad-card{position:relative;min-height:260px;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012));overflow:hidden}.sad-card:before{content:"";position:absolute;inset:auto -12% -42% 32%;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(124,139,180,.13),transparent 68%);pointer-events:none}.sad-card-top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.sad-card-era{color:#777d8e;font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.sad-card h3{position:relative;z-index:1;margin:24px 0 12px;max-width:16ch;font-size:clamp(2rem,4vw,3.5rem);line-height:.93;letter-spacing:-.045em}.sad-card p{position:relative;z-index:1;max-width:54ch;margin:0;color:#b3b7c1;line-height:1.45}.sad-card-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.sad-card-actions a,.sad-card-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#11131b;color:#f1eee8;text-decoration:none;font:800 .76rem/1 system-ui,sans-serif;cursor:pointer}.sad-card-actions a.primary,.sad-card-actions button.primary{background:#eeece6;color:#090a0e;border-color:#eeece6}.sad-version-count{white-space:nowrap;color:#777d8c;font-size:.69rem}.sad-card[data-accent="will"]{border-color:rgba(159,184,147,.28);background:linear-gradient(180deg,rgba(112,147,101,.075),rgba(255,255,255,.01))}.sad-card[data-accent="mug"]{border-color:rgba(185,147,119,.22)}.sad-card[data-accent="numb"]{border-color:rgba(104,147,184,.25)}.sad-record{padding:12px 0 78px}.record-card{padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:#0b0c12}.record-card>p{max-width:760px;color:#afb2bc}.record-card details{margin-top:20px;border-top:1px solid rgba(255,255,255,.09);padding-top:15px}.record-card summary{cursor:pointer;font-weight:850}.record-card details p{max-width:760px;color:#979ba7}.sad-player{position:fixed;z-index:100;left:0;right:0;bottom:0;padding:10px 0 max(10px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(7,8,13,0),rgba(7,8,13,.96) 28%);backdrop-filter:blur(15px)}.sad-player-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px 15px 18px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(12,13,20,.96);box-shadow:0 20px 60px rgba(0,0,0,.45)}.sad-now{min-width:0}.sad-now small,.sad-now span{display:block;color:#858a99;font-size:.7rem}.sad-now strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sad-open-song{display:inline-flex;margin-top:5px;color:#cbd2e8;text-decoration:none;font-size:.7rem;font-weight:850}.sad-controls{display:flex;align-items:center;gap:7px}.sad-controls button{width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#151722;color:#fff}.sad-controls button.main{width:46px;height:46px;background:#f0ede6;color:#08090d}.sad-progress{position:absolute;left:15px;right:15px;bottom:7px;height:4px;border-radius:999px;background:#242733;overflow:hidden;cursor:pointer}.sad-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#808cb2,#b7bfd8)}.sad-card.is-ready .sad-version-count{color:#b6bfd7}@keyframes sadRain{to{background-position:0 440px}}@media(prefers-reduced-motion:reduce){.sad-rain{animation:none}}@media(max-width:780px){.sad-head{grid-template-columns:1fr}.sad-card-grid{grid-template-columns:1fr}.sad-card{min-height:220px}}@media(max-width:520px){.sad-hero{min-height:66svh;padding:92px 0 48px}.sad-hero h1{font-size:clamp(3.6rem,19vw,5.8rem)}.sad-section{padding:54px 0}.sad-card{padding:19px;border-radius:20px}.sad-player-inner{grid-template-columns:minmax(0,1fr) auto}.sad-controls button{width:34px;height:34px}.sad-controls button.main{width:42px;height:42px}.record-card{padding:22px}}