:root{--bg:#00002b;--bg-2:#020030;--panel:#080746;--panel-solid:#050540;--ink:#fff;--muted:#ffffffb8;--soft:#ffffff1f;--line:#7571f67a;--accent:#7571f6;--accent-2:#ff7a59;--teal:#62d2c6;--shadow:0 24px 70px #00000057}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--ink);background:linear-gradient(#05033a 0%,#00002b 48%,#000020 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}a{color:inherit}.shell{width:min(1180px,100% - 40px);margin:0 auto;padding:28px 0 44px}.topbar{justify-content:space-between;align-items:center;gap:16px;min-height:54px;display:flex}.brand{letter-spacing:0;align-items:center;gap:10px;font-weight:800;display:inline-flex}.brandLink{border-radius:13px;text-decoration:none}.brandLink:focus-visible{outline-offset:4px;outline:3px solid #7571f657}.brandLink:hover .brandMark{filter:brightness(1.08)}.brandMark{color:#fff;background:linear-gradient(145deg, var(--accent), #1610d0);border:1px solid #ffffff38;border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 12px 30px #1610d047}.brandText{color:#fff;text-transform:uppercase}.iconButton{border:1px solid var(--line);color:#fff;cursor:pointer;background:#ffffff14;border-radius:13px;place-items:center;width:44px;height:44px;display:inline-grid}.iconButton:hover{background:#7571f629;border-color:#7571f6c7}.heroGrid{grid-template-columns:minmax(340px,.92fr) minmax(340px,1.08fr);align-items:start;gap:34px;padding-top:30px;display:grid}.giftPanel,.authPanel{background:var(--panel);border:2px solid #4139f6c7;border-radius:18px;box-shadow:inset 0 1px #ffffff14,0 22px 58px #00000057,0 0 34px #1610d029}.giftPanel{position:sticky;top:24px;overflow:hidden}.cover{color:#fff;background-color:#0000;background-image:radial-gradient(at 22% 8%,#7571f638,#0000 44%),radial-gradient(at 86% 78%,#ff7a5933,#0000 38%),linear-gradient(130deg,#120f74 0%,#06034d 48%,#030237 100%);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;justify-content:space-between;min-height:450px;padding:34px 30px;display:flex}.coverTopline,.coverFooter{color:#ffffffd6;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.coverIcon,.coverFooter span{align-items:center;gap:8px;display:inline-flex}.coverIcon{background:#7571f629;border:1px solid #7571f6c7;border-radius:11px;justify-content:center;width:36px;height:36px}.coverFooter span{background:#050440a3;border:1px solid #7571f6b8;border-radius:9px;min-height:34px;padding:0 10px}.cover h1{letter-spacing:0;text-transform:uppercase;max-width:500px;margin:34px 0 0;font-size:clamp(37px,4.65vw,62px);line-height:.98}.cover p{color:#ffffffdb;max-width:510px;margin:20px 0 0;font-size:18px;line-height:1.42}.giftMeta{background:#282753;border-top:1px solid #7571f68f;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.giftMeta div{min-height:96px;padding:18px}.giftMeta div+div{border-left:1px solid #7571f68f}.label{color:var(--muted);margin:0 0 6px;font-size:13px}.value{color:#fff;margin:0;font-size:18px;font-weight:800}.trackList{gap:16px;display:grid}.track{color:#fff;background:linear-gradient(#0c0a5ffa,#04033afa),#070642;border:2px solid #4139f6b8;border-radius:999px;grid-template-columns:66px minmax(0,1fr) 28px;align-items:center;gap:16px;min-height:82px;padding:10px 16px;display:grid;box-shadow:inset 0 1px #ffffff14,0 16px 42px #0003}.trackNumber{color:#fff;background:radial-gradient(circle at 36% 26%,#7571f680,#0000 42%),linear-gradient(145deg,#1d19d8 0%,#090085 100%);border:1px solid #7571f680;border-radius:999px;place-items:center;width:64px;height:64px;font-size:22px;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff29,0 14px 28px #0700608c}.trackBody{min-width:0}.trackHeader{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.track h2{color:#fff;margin:0;font-size:20px;line-height:1.25}.badge{color:#ffd2c6;background:#ff7a5924;border:1px solid #ff7a5994;border-radius:9px;flex:none;padding:4px 9px;font-size:12px;font-weight:800}.trackChevron{color:#fff}.audioPlayer{color:#fffffff0;background:0 0;border-radius:30px;grid-template-columns:24px auto minmax(105px,1fr) 22px 18px;align-items:center;gap:9px;width:100%;min-height:28px;padding:0;display:grid}.audioPlayButton{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:22px;padding:0;display:grid}.audioTime{color:#fff;white-space:nowrap;min-width:72px;font-size:14px;font-weight:500}.audioRange{appearance:none;cursor:pointer;background:0 0;width:100%;min-width:0;height:18px}.audioRange::-webkit-slider-runnable-track{background:linear-gradient(90deg, #ffffffd1 0%, #ffffffd1 var(--progress), #ffffff40 var(--progress), #ffffff40 100%);border-radius:999px;height:4px}.audioRange::-webkit-slider-thumb{opacity:0;appearance:none;width:1px;height:1px;margin-top:1px}.audioRange::-moz-range-track{background:#ffffff40;border-radius:999px;height:4px}.audioRange::-moz-range-progress{background:#ffffffd1;border-radius:999px;height:4px}.audioRange::-moz-range-thumb{opacity:0;border:0;width:1px;height:1px}.audioIcon{color:#ffffffad}.authWrap{place-items:center;min-height:100vh;padding:24px;display:grid}.authPanel{width:min(470px,100%);padding:28px}.authPanel h1{color:#fff;text-transform:uppercase;margin:24px 0 10px;font-size:34px;line-height:1.08}.authPanel p{color:var(--muted);margin:0 0 22px;line-height:1.55}.field{gap:8px;margin-bottom:14px;display:grid}.field span{color:var(--muted);font-size:14px}.field input{border:1px solid var(--line);color:#fff;background:#ffffff14;border-radius:13px;width:100%;min-height:48px;padding:0 13px}.field input:focus{border-color:var(--accent);outline:3px solid #7571f638}.primaryButton{color:#fff;cursor:pointer;background:linear-gradient(.336turn,#1610d0 0%,#0b086a 100%);border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;font-weight:800;display:inline-flex}.primaryButton:hover{filter:brightness(1.08)}.notice{border:1px solid var(--line);color:var(--muted);background:#ffffff14;border-radius:13px;margin-top:16px;padding:12px;line-height:1.45}.error{color:#ffd2c6;background:#ff7a591f;border-color:#ff7a598f}@media (max-width:900px){.heroGrid{grid-template-columns:1fr}.giftPanel{position:static}.cover{min-height:360px}}@media (max-width:560px){.shell{width:min(100% - 20px,1180px);padding:18px 0 32px}.heroGrid{gap:18px;padding-top:18px}.cover{min-height:390px;padding:24px 20px}.cover h1{font-size:39px}.cover p{font-size:16px}.giftMeta{grid-template-columns:1fr}.giftMeta div+div{border-top:1px solid var(--line);border-left:0}.track{border-radius:34px;grid-template-columns:50px minmax(0,1fr) 18px;gap:10px;min-height:78px;padding:10px}.trackNumber{width:50px;height:50px;font-size:16px}.trackBody{padding:0}.trackHeader{flex-direction:column;align-items:flex-start;gap:7px}.track h2{font-size:16px}.audioPlayer{grid-template-columns:22px auto minmax(54px,1fr) 18px;gap:7px;min-height:34px}.audioIcon:last-child{display:none}.audioTime{min-width:64px;font-size:12px}}