:root{color:#111;--accent:#c9793f;--paper:#f6f0e4;--ink:#080808;--muted:#ffffff9e;background:#050505;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;margin:0;overflow-x:hidden}button,a{color:inherit;font:inherit}button{cursor:pointer;border:0}a{text-decoration:none}img{max-width:100%;display:block}.page{width:100vw;height:100vh;overflow:hidden}.version-nav{z-index:20;grid-template-columns:repeat(3,1fr);display:grid;position:fixed}.version-nav a{gap:2px;display:grid}.version-nav strong{letter-spacing:-.03em;font-size:13px}.version-nav span{font-size:10px}.video-frame{background:#111;position:relative;overflow:hidden}.video-frame>img,.video-frame iframe,.video-glass{width:100%;height:100%;position:absolute;inset:0}.video-frame>img{object-fit:cover;filter:saturate(.95)contrast(1.08);transform:scale(1.04)}.video-frame iframe{z-index:2;border:0}.video-glass{z-index:1;background:linear-gradient(#0000,#000000b8)}.video-frame button{z-index:3;color:#080808;background:#fff;justify-content:center;align-items:center;gap:10px;height:58px;font-weight:800;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.video-frame button span{font-size:19px}.portal-page{background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 30%), #030303;color:#e9f8d8;grid-template-rows:96px minmax(0,1fr) 92px;grid-template-columns:minmax(0,1fr) 320px;gap:18px;padding:22px;font-family:Georgia,Times New Roman,serif;display:grid}.portal-page .version-nav{color:#e9f8d8;grid-column:1/-1;grid-template-columns:repeat(3,max-content);align-self:start;gap:12px;width:100%;position:static}.portal-page .version-nav a{color:#e9f8d894;border:1px solid #e9f8d83d;border-radius:999px;padding:9px 14px}.portal-page .version-nav a.active{color:#030303;background:#73c66a}.portal-page .version-nav span{display:none}.portal-page .video-frame{border:2px solid #030303;border-radius:24px;box-shadow:0 24px 70px #00000057}.portal-page .video-frame button{color:#b9f27c;background:#030303;border-radius:999px;bottom:22px;left:22px;right:22px}.portal-dategate,.portal-board,.portal-side,.portal-footer{color:#030303;background:#73c66a;border:0}.portal-dategate{border-radius:26px;flex-direction:column;grid-area:2/2;justify-content:flex-end;align-self:start;min-height:280px;padding:22px;display:flex;transform:rotate(4deg);box-shadow:0 35px 90px #73c66a33}.ticket-stamp{color:#0000008f;letter-spacing:.08em;text-align:center;border:2px dashed #00000075;border-radius:50%;place-items:center;width:78px;height:78px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:900;display:grid;position:absolute;top:18px;right:18px;transform:rotate(12deg)}.portal-dategate span,.portal-manifest p,.portal-side h3{color:#030303;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px;font-weight:850}.portal-dategate strong{letter-spacing:-.12em;margin-top:12px;font-size:82px;line-height:.78}.portal-dategate p{color:#000000b3;max-width:190px;margin:20px 0 0;font-size:16px;line-height:1.2}.portal-board{background-color:#73c66a;background-image:linear-gradient(90deg,#00000014 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:34px;grid-area:2/1;grid-template-rows:120px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 380px;gap:22px;min-width:0;padding:24px;display:grid;position:relative;overflow:hidden;transform:rotate(-1.2deg)}.portal-board:before,.portal-board:after{content:"";background:#030303;border-radius:50%;width:42px;height:42px;position:absolute;top:50%;transform:translateY(-50%)}.portal-board:before{left:-21px}.portal-board:after{right:-21px}.portal-ruler{border-bottom:2px dashed #0000005c;grid-column:1/-1;position:relative}.portal-ruler i{width:2px;box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 24%, transparent);background:#111;position:absolute;top:12px;bottom:0}.portal-ruler button{color:#0000008c;text-align:center;background:0 0;gap:6px;width:58px;display:grid;position:absolute;top:28px;transform:translate(-50%)}.portal-ruler img{object-fit:cover;border:2px solid #0000002e;border-radius:50%;width:44px;height:44px;margin:0 auto}.portal-ruler .active img{border-color:#111;transform:scale(1.22)}.portal-ruler span{font-size:11px;font-weight:850}.portal-manifest{align-self:end;min-width:0}.portal-manifest h1,.portal-manifest h2{margin:0}.portal-manifest h1{letter-spacing:-.115em;margin-top:12px;font-size:clamp(72px,9vw,148px);line-height:.76}.portal-manifest h2{color:#00000094;letter-spacing:-.06em;margin-top:16px;font-size:36px;line-height:1}.portal-manifest>span{color:#000000ad;letter-spacing:-.035em;max-width:610px;margin-top:26px;font-size:21px;line-height:1.32;display:block}.boarding-meta{grid-template-columns:90px 90px minmax(0,1fr);gap:10px;max-width:540px;margin-top:28px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:grid}.boarding-meta dl{background:#ffffff2e;border:1px solid #00000038;margin:0;padding:12px}.boarding-meta dt{color:#0000008c;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:850}.boarding-meta dd{letter-spacing:-.06em;text-overflow:ellipsis;white-space:nowrap;margin:8px 0 0;font-size:20px;font-weight:850;overflow:hidden}.portal-video{aspect-ratio:4/5;align-self:center;transform:rotate(3deg)}.portal-side{background:#e9f8d8;border-radius:24px;flex-direction:column;grid-area:2/2;align-self:end;gap:10px;min-height:0;max-height:328px;padding:14px;display:flex;overflow:hidden;transform:rotate(-3deg)}.portal-side button{text-align:left;background:#0000000e;grid-template-rows:auto auto;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:4px 10px;padding:8px;display:grid}.portal-side img{aspect-ratio:1;object-fit:cover;grid-row:1/3;width:72px}.portal-side span{color:#00000080;text-transform:uppercase;font-size:11px}.portal-side strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-footer{color:#e9f8d8;background:0 0;border-radius:999px;grid-area:3/1/auto/-1;grid-template-columns:150px minmax(0,1fr) 150px;align-items:center;gap:12px;padding:12px 96px 12px 12px;display:grid}.portal-footer button{color:#fff;background:#111;height:48px;font-weight:800}.portal-footer div{color:#e9f8d8a3;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.radio-page{background:radial-gradient(circle at 66% 36%, color-mix(in srgb, var(--accent) 42%, transparent), transparent 26%), radial-gradient(circle at 30% 48%, #3da7ff57, transparent 30%), #0b0b0d;color:#fff;grid-template-rows:58px minmax(0,1fr) 86px;grid-template-columns:132px minmax(0,1fr) 360px;gap:10px;padding:12px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:grid}.radio-page:before{content:"SUNO\a LIVE\a STUDIO\a LIBRARY\a SEARCH\a LABS";white-space:pre-line;color:#ffffff73;letter-spacing:.02em;border-right:1px solid #ffffff14;grid-area:1/1/-1;padding:14px 12px;font-size:12px;font-weight:700;line-height:3.1}.radio-page .version-nav{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff12;border-radius:999px;grid-area:1/2/auto/-1;place-self:center end;width:420px;padding:4px;position:static}.radio-page .version-nav a{color:#ffffff8a;text-align:center;border-radius:999px;padding:8px 10px}.radio-page .version-nav a.active{color:#fff;background:linear-gradient(90deg,#ff4f8b,#ff7a29)}.radio-page .version-nav span{display:none}.radio-page .video-frame{border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff24}.radio-page .video-frame>img{filter:blur(10px)saturate(1.6)contrast(.9);transform:scale(1.16)}.radio-page .video-frame button{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff29;border-radius:999px;width:150px;left:22px;right:auto}.radio-header{border:0;grid-area:1/2/auto/-1;align-content:center;display:grid}.radio-header p,.radio-copy p{color:color-mix(in srgb, var(--accent) 75%, #fff);letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:900}.radio-header h1{letter-spacing:-.04em;max-width:980px;margin:0;font-size:26px;line-height:1}.radio-header p,.radio-header span{display:none}.radio-header span{color:#ffffff8a;letter-spacing:.08em;margin-top:14px;font-size:13px}.radio-studio{background:#ffffff0f;border-radius:22px;grid-area:2/2;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:0;min-height:0;display:grid;position:relative;overflow:hidden}.radio-studio:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:screen;background-color:#0000;background-image:linear-gradient(90deg,#ffffff14 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.radio-dial{z-index:3;aspect-ratio:1;background:radial-gradient(circle,#0000 0 34%,#ffffff14 35% 36%,#0000 37%),repeating-radial-gradient(circle,#ffffff14 0 1px,#0000 2px 15px);border:2px solid #fff3;border-radius:50%;place-items:center;width:148px;display:grid;position:absolute;top:24px;left:24px}.radio-dial span{letter-spacing:-.08em;font-size:42px;font-weight:900}.radio-dial strong{color:#fff;letter-spacing:-.1em;font-size:64px;line-height:.8}.radio-dial small{color:#ffffff85;text-transform:uppercase}.radio-video{grid-area:1/1;width:100%;height:100%}.radio-copy{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#10121661;border-radius:18px;max-width:720px;padding:22px;position:absolute;bottom:96px;left:28px;right:28px}.radio-copy h2,.radio-copy h3{margin:0}.radio-copy h2{letter-spacing:-.09em;font-size:clamp(46px,6vw,92px);line-height:.86}.radio-copy h3{color:#ffffff94;letter-spacing:-.06em;margin-top:18px;font-size:36px}.radio-copy span{color:#ffffffb8;max-width:620px;margin-top:26px;font-size:21px;line-height:1.32;display:block}.radio-strip{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:22px;grid-area:3/2/auto/-1;grid-template-columns:repeat(5,1fr);align-content:start;gap:8px;padding:0 84px 0 0;display:grid}.radio-strip button{color:#fff;text-align:left;background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;grid-template-rows:1fr 1fr;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:4px 10px;min-width:0;padding:10px;display:grid}.radio-strip button.active{color:#fff;background:#fff3}.radio-strip img{aspect-ratio:1;object-fit:cover;border-radius:12px;grid-row:1/3;width:58px}.radio-strip span{color:currentColor;opacity:.55;font-size:12px}.radio-strip strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.radio-controls{display:none}.radio-chat{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-radius:22px;grid-area:2/3;grid-template-rows:auto minmax(0,1fr);gap:14px;padding:16px;display:grid;position:relative}.radio-chat:before{content:"";opacity:.72;background:linear-gradient(90deg,#0000 0 7%,#ff75b847 7% 11%,#0000 11% 18%,#ff7a2947 18% 23%,#0000 23% 33%,#ffffff29 33% 38%,#0000 38% 48%,#ff75b838 48% 54%,#0000 54% 64%,#ff7a2938 64% 72%,#0000 72% 100%),linear-gradient(#0000,#ffffff0f);border-radius:18px;position:absolute;inset:56px 22px 190px}.radio-chat header,.chat-feed{z-index:1;position:relative}.radio-chat header{color:#ffffffb8;justify-content:space-between;font-size:12px;display:flex}.radio-chat strong{color:#fff}.chat-feed{align-content:end;gap:8px;display:grid;overflow:hidden}.chat-feed p{color:#ffffffc2;background:#0000002e;border:1px solid #ffffff14;border-radius:14px;margin:0;padding:10px 12px;font-size:12px;line-height:1.3}.chat-feed b{color:#ff75b8;margin-right:6px}.atlas-page{color:#172033;background-color:#f7f8fb;background-image:linear-gradient(90deg,#00000009 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-rows:64px 156px minmax(0,1fr);grid-template-columns:184px minmax(0,1fr) 360px;gap:14px;padding:12px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:grid}.atlas-page:before{content:"YALP Analytics\a Overview\a Genre map\a Routes\a Sources\a Reports\a Settings";white-space:pre-line;color:#6b7280;border-right:1px solid #dfe3ec;grid-area:1/1/-1;padding:14px 12px;font-size:12px;font-weight:650;line-height:3.2}.atlas-page .version-nav{background:#fff;border:1px solid #dfe3ec;border-radius:10px;grid-area:1/2/auto/-1;place-self:center end;width:420px;padding:0;position:static}.atlas-page .version-nav a{color:#667085;text-align:center;padding:9px 12px}.atlas-page .version-nav a.active{color:#fff;background:#2563eb}.atlas-page .version-nav span{display:none}.atlas-page .video-frame{border:1px solid #dfe3ec;border-radius:10px}.atlas-page .video-frame button{color:#fff;background:#2563eb;border-radius:8px;height:44px;bottom:10px;left:10px;right:10px}.atlas-title{border:0;grid-area:2/2/auto/-1;grid-template-columns:minmax(0,1fr) repeat(3,150px);align-content:end;gap:12px;display:grid}.atlas-title>div{min-width:0}.atlas-title dl{background:#fff;border:1px solid #dfe3ec;border-radius:12px;margin:0;padding:16px;box-shadow:0 10px 28px #1018280d}.atlas-title dt{color:#667085;text-transform:uppercase;font-size:11px;font-weight:800}.atlas-title dd{color:#172033;letter-spacing:-.07em;margin:10px 0 0;font-size:32px;font-weight:800;line-height:.9}.atlas-title p{color:#2563eb;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:900}.atlas-title h1{letter-spacing:-.06em;margin:0;font-size:38px;line-height:1}.atlas-title span{color:#16201794;margin-top:12px}.atlas-map{background-color:#fff;background-image:linear-gradient(90deg,#2563eb14 1px,#0000 1px),linear-gradient(#2563eb14 1px,#0000 1px),radial-gradient(circle at 28% 42%,#2563eb38,#0000 8%),radial-gradient(circle at 68% 28%,#2563eb38,#0000 7%),radial-gradient(circle at 72% 64%,#2563eb2e,#0000 8%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:34px 34px,34px 34px,auto,auto,auto;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #dfe3ec;border-radius:12px;grid-area:3/2;min-height:0;position:relative;overflow:hidden}.atlas-map:before,.atlas-map:after{content:"";border:1px solid #e6e9f0;border-radius:0;position:absolute;inset:10% 6%}.atlas-map:after{inset:25% 20%}.node{color:#172033;text-align:left;background:#fff;border:1px solid #dfe3ec;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:42px minmax(0,1fr);gap:2px 8px;width:170px;padding:8px;display:grid;position:absolute;box-shadow:0 8px 20px #10182814}.node.active{color:#fff;background:#172033;width:220px}.node img{aspect-ratio:1;object-fit:cover;border-radius:6px;grid-row:1/3;width:42px}.node strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.node span{color:currentColor;opacity:.58;text-transform:uppercase;font-size:11px}.node-1{top:34%;left:40%}.node-2{top:18%;left:11%}.node-3{top:12%;left:68%}.node-4{top:62%;left:18%}.node-5{top:58%;left:72%}.node-6{top:8%;left:44%}.node-7{top:44%;left:4%}.node-8{top:68%;left:51%}.node-9{top:36%;left:82%}.atlas-panel{background:#fff;border:1px solid #dfe3ec;border-radius:12px;grid-area:3/3;min-height:0;padding:12px 12px 84px;overflow:auto}.atlas-video{aspect-ratio:16/11}.atlas-panel h2{letter-spacing:-.07em;margin:18px 0 0;font-size:30px;line-height:.95}.atlas-panel p{color:#162017ad;font-size:16px;line-height:1.35}.atlas-panel div{flex-wrap:wrap;gap:7px;display:flex}.atlas-panel div span{color:#2563eb;background:#eef4ff;border-radius:999px;padding:7px 9px;font-size:12px}.atlas-table{gap:6px;margin:14px 0;display:grid}.atlas-table button{color:#172033;text-align:left;background:#fafbff;border:1px solid #e4e8f0;border-radius:8px;grid-template-columns:78px minmax(0,1fr) 42px;align-items:center;gap:10px;padding:10px;display:grid}.atlas-table span{color:#2563eb;font-size:10px;font-weight:800}.atlas-table strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.atlas-table em{color:#172033;text-align:right;font-style:normal;font-weight:850}button:hover,a:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid}.page .version-nav{z-index:50;color:#111;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;width:auto;padding:0;display:block;position:fixed;inset:auto 20px 20px auto;transform:none}.version-fab{color:#fff;background:#111;border-radius:50%;place-items:center;gap:2px;width:60px;height:60px;display:grid;box-shadow:0 18px 50px #00000047}.version-fab span{letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:850}.version-fab strong{letter-spacing:-.04em;font-size:13px;font-weight:850}.version-menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #0000001f;border-radius:18px;gap:6px;width:230px;padding:8px;display:grid;position:absolute;bottom:72px;right:0;box-shadow:0 22px 60px #0000003d}.page .version-menu a{color:#1111119e;text-align:left;border-radius:12px;gap:3px;padding:12px 13px;display:grid}.page .version-menu a.active{color:#fff;background:#111}.page .version-menu strong{font-size:15px;line-height:1}.page .version-menu span{font-size:11px;line-height:1.2;display:block}@media (width<=1120px){.page{height:auto;min-height:100vh;overflow:auto}.portal-page,.radio-page,.atlas-page{grid-template-rows:auto;grid-template-columns:1fr;padding-top:96px}.portal-board,.radio-studio,.atlas-page{grid-template-columns:1fr}.portal-side,.portal-footer,.atlas-title,.atlas-map,.atlas-panel{grid-column:auto}.radio-strip{grid-template-columns:1fr 1fr}.atlas-map{min-height:680px}}@media (width<=720px){.page .version-nav{bottom:14px;right:14px}.version-fab{width:66px;height:66px}.version-menu{width:210px;bottom:78px}.portal-page,.radio-page,.atlas-page{padding:154px 12px 12px}.portal-board,.portal-footer,.radio-controls,.radio-strip,.radio-studio{grid-template-columns:1fr}.radio-dial{max-width:260px}}