@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f2f2ed;background:#0c0d0c;font-synthesis:none;--yellow:#fffc00;--muted:#92958e;--line:#2b2c28}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit;border:none;background:none}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid var(--yellow)}html{scroll-behavior:smooth;scroll-padding-top:30px}header{max-width:1440px;margin:auto;height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{font-family:Space Grotesk,sans-serif;font-size:31px;font-weight:700;letter-spacing:-1.8px;display:flex;align-items:center;gap:10px}.brand-symbol{background:var(--yellow);color:#111;display:grid;place-items:center;width:42px;height:42px;border-radius:13px}.brand-dot{color:var(--yellow);margin-left:-9px}nav{display:flex;gap:35px;font-size:13px;font-weight:600;color:var(--muted)}nav a{padding:12px 0;display:flex;align-items:center;gap:8px}.nav-active{color:#fff}.nav-active span{width:5px;height:5px;background:var(--yellow);border-radius:50%}.account{display:flex;gap:10px}.login{border:1px solid #42433a;border-radius:99px;padding:11px 17px;display:flex;gap:13px;align-items:center;font-size:13px;font-weight:700}.google{color:var(--yellow);font-size:19px;font-weight:800}.profile{display:flex;align-items:center;gap:8px;font-size:13px}.profile img{height:32px;width:32px;border-radius:50%}.profile span{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button{padding:10px;border:1px solid var(--line);border-radius:50%}.demo-banner{max-width:1440px;margin:auto;padding:10px 5%;background:#17190e;display:flex;align-items:center;justify-content:center;gap:8px;color:#d0d39a;font-size:11px}.demo-banner button{display:flex;gap:6px;align-items:center;text-decoration:underline;margin-left:8px}main{max-width:1440px;padding:32px 5% 42px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;margin:0 0 22px}.eyebrow{display:flex;gap:7px;align-items:center;font-size:10px;font-weight:700;letter-spacing:1.7px}.small-line{width:22px;height:2px;background:var(--yellow)}.intro p{font-size:12px;color:var(--muted);margin:0}.stage-layout{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(0,1fr);gap:24px;align-items:stretch}.stage-column{min-width:0}.hero{border-radius:24px;background:var(--yellow);color:#111;position:relative;overflow:hidden;padding:28px 32px;min-height:362px}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.pill{display:inline-flex;align-items:center;gap:7px;background:#fff7;padding:7px 10px;border:1px solid #14141425;border-radius:40px;font-size:9px;font-weight:800;letter-spacing:1px}.dot{height:6px;width:6px;border-radius:50%;background:#666}.dot.green{background:#097542;box-shadow:0 0 0 4px #00ad7920}.hero-label{font-size:8px;letter-spacing:1.3px;font-weight:700}.hero h1{position:relative;z-index:2;font-family:Space Grotesk,sans-serif;font-size:clamp(36px,3.5vw,53px);line-height:1.06;letter-spacing:-2.6px;font-weight:700;margin:37px 0 19px;max-width:90%}.hero h1>span{position:relative;display:inline-block}.hero h1 svg{position:absolute;left:0;bottom:-9px;width:100%;height:18px;fill:none;stroke:#141414;stroke-width:4;stroke-linecap:round}.hero>p{position:relative;z-index:2;font-size:12px;line-height:1.8;color:#343508;margin:20px 0 24px}.hero-bottom{display:flex;align-items:center;gap:22px;position:relative;z-index:2}.black-button{display:flex;align-items:center;gap:10px;background:#111;color:#fff;padding:14px 17px;border-radius:50px;font-size:12px;font-weight:600}.black-button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #1113}.hero-bottom>span{font-size:8px;line-height:1.7;letter-spacing:1px;font-weight:700}.mic-art{position:absolute;right:-40px;bottom:0;width:300px;height:250px;pointer-events:none}.orbit{position:absolute;border:1px solid #1112;border-radius:50%;width:240px;height:240px;right:-10px;bottom:-70px;transform:rotate(-25deg)}.orbit-two{width:310px;height:310px;right:-43px;bottom:-105px}.mic-circle{position:absolute;right:40px;bottom:30px;background:#17180b;width:122px;height:122px;border-radius:36px;display:grid;place-items:center;transform:rotate(-22deg);box-shadow:12px 12px #cfcb00}.mic-circle svg{width:80px;height:80px;color:var(--yellow);stroke-width:1.5}.star{position:absolute;font-size:55px;right:14px;top:33px}.float-note{position:absolute;font-size:37px;right:145px;top:42px;transform:rotate(15deg)}.art-caption{position:absolute;right:58px;bottom:9px;font-size:7px;letter-spacing:1.5px;font-weight:700;transform:rotate(-22deg)}.player-card{margin-top:18px;border:1px solid var(--line);border-radius:22px;padding:22px;background:#171916}.section-label{font-size:9px;letter-spacing:1.4px;font-weight:700;display:flex;align-items:center;gap:8px;color:#d5d7ce}.section-label>svg{color:var(--yellow)}.signal{display:flex;gap:3px;align-items:end;height:12px;margin-left:auto}.signal i{width:3px;background:#616655;border-radius:2px;height:4px}.signal i:nth-child(2){height:7px}.signal i:nth-child(3){height:10px}.signal i:nth-child(4){height:12px}.track{display:flex;align-items:center;gap:16px;margin:22px 0}.cover{height:70px;width:70px;min-width:70px;border-radius:16px;background:linear-gradient(140deg,#ffff47,#a4a400);color:#111;display:grid;place-items:center;transform:rotate(-4deg)}.muted{color:var(--muted);font-size:10px;line-height:1.6}.track h2{font-family:Space Grotesk;font-size:24px;letter-spacing:-1px;margin:5px 0}.track p{color:#a4a69d;line-height:1.6;font-size:11px;margin:0}.player-empty{border-top:1px solid var(--line);padding-top:19px;display:flex;align-items:center;gap:12px}.play-disabled{background:var(--yellow);color:#111;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;flex-shrink:0}.player-empty strong{font-size:12px;display:block}.player-empty span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.player-empty>svg{margin-left:auto;color:var(--muted);flex-shrink:0}.player-footer{display:flex;justify-content:space-between;margin-top:19px;font-size:8px;color:#7e8275;letter-spacing:.3px}.player-footer>span:first-child{display:flex;align-items:center;gap:5px}.player-footer>span:last-child{font-size:7px;letter-spacing:1.5px}.official-player{max-width:100%;overflow:hidden}.next-card{display:flex;gap:16px;align-items:center;padding:22px 3px 0}.next-card>svg:first-child{color:var(--yellow);border:1px solid #35382b;padding:9px;width:46px;height:46px;border-radius:14px;flex-shrink:0}.next-card>svg:last-child{margin-left:auto;color:#7a7d71}.next-card h3{font-size:13px;font-weight:600;margin:7px 0 6px}.next-card .eyebrow{font-size:8px;color:#9b9f8b}.next-card p{font-size:11px;color:#878b7f;margin:0}.chat-card{border:1px solid var(--line);border-radius:24px;display:flex;flex-direction:column;background:#131512;overflow:hidden;min-height:660px;position:relative;min-width:0}.chat-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 23px 15px}.chat-heading>div{display:flex;align-items:center;gap:10px}.chat-heading svg{color:var(--yellow)}.chat-heading h2{font-family:Space Grotesk;font-size:21px;letter-spacing:-.6px;margin:0}.chat-heading h2 span{color:var(--yellow)}.chat-badge{font-size:8px;font-weight:600;letter-spacing:1px;border:1px solid #3c402d;border-radius:30px;padding:6px 8px;color:#b8bea5}.chat-description{font-size:10px;color:#909584;padding:0 23px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.chat-description span{color:var(--yellow)}.feed{padding:22px;flex:1;min-height:320px;max-height:530px;overflow:auto;scrollbar-width:thin;scrollbar-color:#414532 transparent;overscroll-behavior:contain}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:360px;max-width:270px;margin:auto}.welcome-icon{position:relative;width:70px;height:70px;display:grid;place-items:center;background:#272b17;border:1px solid #3e4722;border-radius:24px;transform:rotate(-8deg);color:var(--yellow);margin-bottom:22px}.welcome-icon span{position:absolute;top:-15px;right:-13px;font-size:28px}.chat-welcome h3{font-family:Space Grotesk;font-size:24px;letter-spacing:-.8px;margin:0 0 12px}.chat-welcome p{font-size:12px;line-height:1.8;color:#92988a;margin:0 0 24px}.welcome-tags{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.welcome-tags span{border:1px solid #303627;border-radius:20px;padding:6px 8px;font-size:8px;color:#abb19f}.composer-zone{border-top:1px solid var(--line);padding:17px 20px 19px;position:relative}.chat-login{display:flex;justify-content:space-between;gap:6px;font-size:10px;margin-bottom:14px;color:#a7ad99}.chat-login button{display:flex;align-items:center;gap:3px;color:var(--yellow);font-weight:600;font-size:10px;padding:0}.composer{display:flex;align-items:center;gap:6px;border:1px solid #363b2a;background:#1d2019;border-radius:14px;padding:7px 7px 7px 13px}.composer input{border:0;background:transparent;flex:1;width:0;min-width:0;font-size:11px;color:#fff;padding:7px 0;outline:none}.composer input::placeholder{color:#848975}.composer button{display:grid;place-items:center;padding:6px;color:#9da686}.composer button.send{color:#111;background:var(--yellow);border-radius:10px;width:34px;height:34px}.composer-note{display:flex;justify-content:space-between;font-size:8px;color:#767d68;margin-top:10px}.emoji-picker{position:absolute;bottom:95px;right:20px;padding:12px;background:#24281e;border:1px solid #484e35;border-radius:12px;display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.emoji-picker button{font-size:22px}.message{display:flex;gap:10px;margin-bottom:20px;animation:appear .2s ease}.avatar{height:31px;width:31px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#333b23;font-size:17px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.message-body{flex:1;min-width:0}.message-meta{display:flex;gap:7px;align-items:center;font-size:10px}.message-meta strong{overflow-wrap:anywhere}.message-meta time{margin-left:auto;color:#6e7863;font-size:8px}.message p{font-size:12px;color:#c9cec0;line-height:1.6;margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}.bot-badge{font-size:7px;letter-spacing:.7px;background:#fffc0015;border:1px solid #fffc0033;padding:3px 5px;border-radius:4px;color:var(--yellow);font-weight:700}.announcement{background:#fffc0008;border:1px solid #fffc0022;border-radius:12px;padding:12px}.mod-tools{display:flex;gap:8px}.mod-tools button{font-size:9px;color:#bcbd80;padding:2px}.pinned{display:flex;gap:8px;padding:12px 20px;background:#2a2b13;color:#dedfa0;font-size:11px}.pinned svg{flex-shrink:0}.pinned p{margin:0;overflow-wrap:anywhere}.new-messages{position:absolute;bottom:133px;left:50%;transform:translate(-50%);display:flex;gap:7px;background:var(--yellow);color:#000;font-size:10px;padding:8px 14px;border-radius:30px}.community{padding-top:48px}.community-title{position:relative}.community-title .eyebrow{font-size:9px;color:#b7bf9e}.community-title h2{font-family:Space Grotesk;font-size:28px;letter-spacing:-1px;margin:11px 0}.community-title h2 span{color:var(--yellow)}.community-title>p{font-size:12px;color:#9ba38a;line-height:1.6}.cast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:25px}.cast-card{border:1px solid #323728;background:#181c13;padding:22px;border-radius:18px;position:relative;overflow:hidden}.cast-top{display:flex;gap:10px;align-items:center;margin-bottom:20px}.cast-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:23px;background:#31391e}.cast-top>svg{margin-left:auto;color:#65734a}.cast-card h3{font-family:Space Grotesk;font-size:20px;letter-spacing:-.5px;margin:0 0 5px}.cast-desc{font-size:10px;color:#a1aa8d}.cast-card>p{font-size:12px;line-height:1.7;color:#d3d9c5;margin:17px 0 0}.cast-1{background:#1b171f;border-color:#362b3f}.cast-1 .cast-avatar{background:#382843}.cast-1 .cast-top>svg{color:#715681}.cast-2{background:#171c22;border-color:#283341}.cast-2 .cast-avatar{background:#24374d}.cast-2 .cast-top>svg{color:#486a94}.community-foot{display:flex;align-items:center;gap:7px;color:#878f77;font-size:10px;margin-top:18px}.community-foot svg{color:var(--yellow)}footer{max-width:1440px;margin:auto;display:flex;align-items:center;gap:27px;justify-content:space-between;border-top:1px solid var(--line);padding:27px 5%;color:#939b81;font-size:9px}footer .brand{color:#f0f3e9;font-size:22px}footer button{display:flex;align-items:center;gap:4px;font-size:9px}footer>span:first-of-type{margin-right:auto}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:50;background:#fffc00;color:#111;border-radius:14px;padding:15px 18px;max-width:90vw;display:flex;gap:15px;align-items:center;font-size:13px;box-shadow:0 10px 40px #0008}.modal-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;display:flex;align-items:center;justify-content:center;padding:20px}.modal,.admin-panel{background:#191c15;border:1px solid #3c442c;border-radius:24px;padding:32px;max-width:480px;width:100%;position:relative;max-height:90dvh;overflow:auto}.modal h2,.admin-panel h2{font-family:Space Grotesk;letter-spacing:-1px;font-size:30px}.modal p{font-size:13px;color:#bdc6aa;line-height:1.8}.close{position:absolute;right:15px;top:15px;padding:7px}.yellow{color:var(--yellow)}label{display:block;font-size:12px;color:#c1c9b1;margin:16px 0}label input:not([type=checkbox]):not([type=range]),label textarea{display:block;width:100%;margin-top:8px;border:1px solid #444c34;border-radius:10px;background:#0d100a;color:#fff;padding:12px;font-size:14px;min-width:0}textarea{min-height:75px;resize:vertical}.yellow-button,.secondary,.danger{border-radius:10px;padding:12px 16px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px}.yellow-button{background:var(--yellow);color:#111;font-weight:700;width:100%}.secondary{border:1px solid #444c34;margin-top:14px}.danger{background:#742d28;margin-top:22px}.checkbox{display:flex;align-items:center;gap:10px}.checkbox input{accent-color:var(--yellow)}input[type=range]{display:block;width:100%;margin-top:12px;accent-color:var(--yellow)}.bot-controls{border:1px solid #343d26;padding:0 15px;border-radius:12px;margin:22px 0}.ban-row{display:flex;justify-content:space-between;font-size:12px;padding:10px 0}.ban-row button{color:var(--yellow)}.error{color:#ffac9f;font-size:12px;line-height:1.6}.error button{text-decoration:underline}.spinner{height:15px;width:15px;border:2px solid #1113;border-top-color:#111;border-radius:50%;animation:spin 1s linear infinite}button,a{transition:background .2s,transform .2s,color .2s}.login:hover{border-color:var(--yellow)}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1450px){.hero h1{font-size:53px}}@media(max-width:1000px){header,main,footer{padding-left:4%;padding-right:4%}.stage-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}.hero{padding:25px;min-height:370px}.hero h1{font-size:39px}.hero-label{display:none}.mic-art{right:-90px;opacity:.6}.hero-bottom>span{display:none}.chat-heading{padding:22px 17px 15px}.chat-heading h2{font-size:18px}.chat-description{padding-left:17px;padding-right:17px}.feed{padding:17px}.composer-zone{padding:15px}.chat-login{flex-wrap:wrap}.cast-card{padding:18px}}@media(max-width:720px){header{height:76px;padding:0 5%}.brand{font-size:27px}.brand-symbol{width:35px;height:35px;border-radius:11px}nav{display:none}.login{padding:9px 13px;font-size:12px;gap:9px}.demo-banner{justify-content:flex-start;padding:10px 5%;font-size:9px;line-height:1.5}.demo-banner>svg{flex-shrink:0}.demo-banner button{display:none}main{padding:26px 5% 32px}.intro{margin-bottom:17px}.intro p{display:none}.eyebrow{font-size:9px}.stage-layout{display:flex;flex-direction:column;gap:25px}.hero{padding:23px;min-height:355px;border-radius:22px}.hero h1{font-size:clamp(35px,9.6vw,54px);letter-spacing:-2.3px;margin:34px 0 24px}.hero-label{display:block;font-size:6px;max-width:100px;text-align:right;line-height:1.5}.hero>p{font-size:11px;max-width:220px;line-height:1.8}.desktop-break{display:none}.hero-bottom{margin-top:22px}.black-button{font-size:11px;padding:14px}.mic-art{right:-83px;bottom:-12px;opacity:1;transform:scale(.78);transform-origin:right bottom}.mic-circle{right:38px}.float-note{right:144px;top:38px}.hero h1{max-width:100%}.hero h1 svg{bottom:-11px}.hero-bottom>span{display:none}.player-card{padding:20px;border-radius:20px;margin-top:15px}.track h2{font-size:23px}.cover{width:59px;height:59px;min-width:59px}.cover svg{width:32px}.track{gap:13px}.track .muted{font-size:8px}.track p{font-size:10px}.player-empty span{font-size:9px;line-height:1.5}.player-empty>svg{width:17px}.next-card{padding-top:22px;gap:12px}.next-card h3{font-size:12px}.next-card p{font-size:10px}.chat-card{min-height:550px}.chat-heading{padding:22px 20px 15px}.chat-heading h2{font-size:21px}.chat-description{padding-left:20px;padding-right:20px}.feed{max-height:420px;padding:20px}.chat-welcome{min-height:300px}.composer-zone{padding:17px}.chat-login{font-size:10px}.composer input{font-size:16px}.composer input::placeholder{font-size:12px}.community{padding-top:37px}.community-title h2{font-size:26px}.community-title>p{font-size:11px}.cast-grid{grid-template-columns:1fr;gap:12px;margin-top:21px}.cast-card{padding:20px}.cast-top{margin-bottom:13px}.cast-card>p{margin-top:12px}.cast-desc{font-size:11px}.community-foot{font-size:9px;line-height:1.6}footer{flex-wrap:wrap;padding:25px 5%;gap:15px}footer>span:first-of-type{width:calc(100% - 115px);margin:0;font-size:9px}footer button{margin-right:auto}.profile span{max-width:95px}.modal,.admin-panel{padding:28px 22px}.modal-backdrop{padding:15px}.message p{font-size:13px}.player-footer{font-size:7px}label input,label textarea{font-size:16px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.cast-toggle{display:flex;align-items:center;gap:8px;border:1px solid #3b432c;border-radius:40px;margin:22px auto 0;padding:10px 16px;color:#cdd7b5;font-size:11px}.cast-toggle:hover{border-color:var(--yellow);color:var(--yellow)}select{display:block;margin-top:8px;width:100%;padding:12px;border-radius:10px;border:1px solid #444c34;background:#0d100a;color:#fff;font-size:13px}