:root{--bg:#09090e;--surface:#15131e;--text:#f6f4fa;--muted:#aaa3b3;--pink:#f10aa7;--cyan:#03d6e5;--line:#ffffff1a;--nav-h:82px}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:#050508;margin:0;font-family:Arial,sans-serif;overflow:hidden}button,input{font:inherit}.app-shell{background:radial-gradient(circle at 85% 5%,#391342 0,transparent 30%),var(--bg);overscroll-behavior-y:contain;height:100dvh;padding:25px 18px calc(var(--nav-h) + 24px);scrollbar-width:none;width:min(100%,430px);margin:auto;position:relative;overflow:hidden auto}.app-shell::-webkit-scrollbar{display:none}.app-shell.with-player{padding-bottom:calc(var(--nav-h) + 74px)}.topbar{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.wordmark{color:#fff;cursor:pointer;letter-spacing:-1.8px;background:0 0;border:0;padding:0;font-size:22px;font-weight:900}.wordmark span,em{background:linear-gradient(105deg,#f10aa7,#8457f6 52%,#03d6e5);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.profile-dot{color:#15111c;background:linear-gradient(135deg,#f10aa7,#03d6e5);border:0;border-radius:50%;width:34px;height:34px;font-size:12px;font-weight:900}.eyebrow{color:#aaa2b3;letter-spacing:1.25px;margin:0 0 10px;font-family:monospace;font-size:10px;font-weight:700}.screen h1{letter-spacing:-2.4px;margin:0 0 23px;font-size:38px;line-height:.98}.next-move{background:linear-gradient(120deg,#f10aa733,#4e4ed333,#03d6e51f);border:1px solid #f2a1e140;border-radius:20px;grid-template-columns:32px 1fr auto;align-items:center;gap:11px;margin-bottom:29px;padding:16px;display:grid}.next-move .step{color:#f49bd6;font-family:monospace;font-size:11px}.next-move .eyebrow{margin-bottom:4px;font-size:8px}.next-move b,.next-move small{display:block}.next-move b{font-size:13px}.next-move small{color:#cec6d1;margin-top:3px;font-size:10px;line-height:1.35}.next-move button,.empty button,.section-title button{color:#f6c3eb;cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:700}.section-title{justify-content:space-between;align-items:center;margin:25px 1px 11px;display:flex}.section-title h2{letter-spacing:-.4px;margin:0;font-size:15px}.empty{border:1px solid var(--line);text-align:center;background:#15131ed1;border-radius:18px;padding:20px}.empty i{color:#f3b5e2;background:linear-gradient(135deg,#f10aa745,#03d6e530);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:6px;font-size:24px;display:inline-flex}.empty h3{margin:7px 0;font-size:14px}.empty p{color:var(--muted);max-width:290px;margin:0 auto 13px;font-size:11px;line-height:1.55}.empty button{color:#efa3da}.search{border:1px solid var(--line);background:#15131d;border-radius:13px;align-items:center;gap:9px;height:48px;padding:0 14px;display:flex}.search span{font-size:22px}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%}.chips{gap:8px;margin:16px 0;display:flex}.chips button{border:1px solid var(--line);color:#afa8b5;background:#17141f;border-radius:18px;padding:8px 10px}.chips .selected{color:#fff;background:linear-gradient(105deg,#b91aaf,#5456df);border-color:#0000}.call-intro{background:linear-gradient(135deg,#39126e,#78116f);border-radius:20px;margin-bottom:18px;padding:21px;position:relative;overflow:hidden}.call-intro:after{color:#fff;content:"◎";opacity:.12;font-size:180px;position:absolute;top:-55px;right:-35px}.call-intro p,.call-intro b{z-index:1;line-height:1.35;display:block;position:relative}.call-intro p{margin:0 0 7px;font-size:12px}.call-intro b{letter-spacing:-.5px;max-width:250px;margin-bottom:21px;font-size:16px}.primary{color:#fff;cursor:pointer;z-index:1;background:linear-gradient(100deg,#e907a9,#7147f4 55%,#04cbe0);border:0;border-radius:11px;padding:12px 14px;font-size:12px;font-weight:800;position:relative}.profile-screen{text-align:center}.profile-orbit{color:#18111c;background:linear-gradient(135deg,#f10aa7,#03d6e5);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:8px auto 19px;font-size:30px;font-weight:900;display:flex;box-shadow:0 0 45px #e800a955}.profile-copy{color:#c8c0cb;max-width:270px;margin:0 auto 18px;font-size:12px;line-height:1.55}.profile-check{border-bottom:1px solid var(--line);text-align:left;grid-template-columns:32px 1fr 20px;align-items:center;padding:13px 3px;display:grid}.profile-check>span{color:#e36ccb;font:10px monospace}.profile-check b,.profile-check small{display:block}.profile-check b{font-size:12px}.profile-check small{color:var(--muted);margin-top:3px;font-size:10px}.profile-check i{color:#e3a3d6;font-style:normal}.join-form{text-align:left;margin-top:25px}.join-form label{margin-bottom:8px;font-size:11px;font-weight:700;display:block}.join-form>div{gap:7px;display:flex}.join-form input{border:1px solid var(--line);color:#fff;background:#15131d;border-radius:11px;outline:0;flex:1;min-width:0;padding:11px}.join-form .primary{white-space:nowrap}.join-form small{color:var(--muted);margin-top:8px;font-size:10px;line-height:1.4;display:block}.join-form .success{color:#8ee8d6}.mini-player{border-top:1px solid var(--line);bottom:var(--nav-h);z-index:10;background:#1c1626;align-items:center;gap:9px;width:min(100%,430px);height:60px;padding:8px 16px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.art{color:#fff;background:linear-gradient(135deg,#e80baf,#12d5e2);border:0;border-radius:8px;width:37px;height:37px;font-size:18px}.mini-copy{color:#fff;text-align:left;background:0 0;border:0;flex:1;min-width:0}.mini-copy b,.mini-copy span{display:block}.mini-copy b{font-size:10px}.mini-copy span{color:#aaa2b2;margin-top:2px;font-size:9px}.mini-toggle{color:#18131a;background:#f6f1f8;border:0;border-radius:50%;width:34px;height:34px;font-size:14px}.nav{border-top:1px solid var(--line);height:var(--nav-h);padding:10px 16px calc(10px + env(safe-area-inset-bottom));z-index:11;background:#0c0b11;justify-content:space-between;align-items:center;width:min(100%,430px);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav button:not(.create){color:#817986;background:0 0;border:0;justify-items:center;gap:3px;min-width:44px;display:grid}.nav button span{font-size:20px}.nav button small{font-size:8px}.nav button.active{color:#fff}.nav button.active span{color:#e53aca}.nav .create{color:#fff;background:linear-gradient(135deg,#fb0ba8,#7747fa 55%,#00d8e7);border:0;border-radius:50%;width:47px;height:47px;margin-top:-25px;font-size:29px;box-shadow:0 8px 28px #e50baa66}.sheet-backdrop,.player-backdrop{z-index:30;background:#000a;align-items:end;display:flex;position:fixed;inset:0}.sheet,.player-sheet{background:#191620;width:100%}.sheet{border-radius:27px 27px 0 0;padding:10px 18px 38px}.grabber{background:#615b66;border-radius:8px;width:36px;height:4px;margin:0 auto 19px;display:block}.sheet h2{letter-spacing:-1px;margin:0 0 16px;font-size:23px}.create-option{border:0;border-top:1px solid var(--line);color:#fff;text-align:left;background:0 0;align-items:center;gap:12px;width:100%;padding:15px 2px;display:flex}.create-option i{background:linear-gradient(135deg,#b213c3,#285ce8);border-radius:12px;justify-content:center;align-items:center;width:39px;height:39px;font-style:normal;display:flex}.create-option span{flex:1}.create-option b,.create-option small{display:block}.create-option b{font-size:12px}.create-option small{color:var(--muted);margin-top:3px;font-size:10px}.create-option strong{color:#c3bdcb;font-size:22px}.player-backdrop{align-items:stretch}.player-sheet{background:radial-gradient(circle at 70% 20%,#5b125f,#111019 51%,#08080c);padding:28px 22px}.close{color:#fff;background:0 0;border:0;margin:0 auto 18px;font-size:30px;display:block}.player-sheet>.eyebrow{text-align:center}.player-art{background:linear-gradient(135deg,#e80baf,#12d5e2);border-radius:20px;justify-content:center;align-items:center;width:min(78vw,340px);height:min(78vw,340px);margin:20px auto;font-size:85px;display:flex;box-shadow:0 20px 50px #0009}.player-sheet h2{letter-spacing:-1.4px;margin:25px 0 9px;font-size:26px;line-height:1}.player-sheet>p:not(.eyebrow){color:#c0b9c4;margin:0 0 19px;font-size:12px;line-height:1.5}@media (min-width:600px){body{background:radial-gradient(circle at 50% 25%,#28122e,#050508 60%);padding:24px 0}.app-shell{border-radius:28px;height:calc(100dvh - 48px);box-shadow:0 30px 100px #000}.nav{border-radius:0 0 28px 28px;bottom:24px}.mini-player{bottom:calc(var(--nav-h) + 24px)}}.join-form .success,.profile-form .success{color:#8ee8d6}.join-form .error,.profile-form .error{color:#ff9f9f}.profile-form{text-align:left;gap:7px;margin-top:23px;display:grid}.profile-form label{margin-top:5px;font-size:11px;font-weight:700}.profile-form label small{color:var(--muted);font-weight:400}.profile-form input,.profile-form textarea{border:1px solid var(--line);color:#fff;background:#15131d;border-radius:11px;outline:0;width:100%;padding:11px}.profile-form textarea{resize:vertical;min-height:88px;font-family:inherit}.profile-form .primary{margin-top:9px}.profile-form>small{font-size:10px;line-height:1.4}.welcome-shell{background:radial-gradient(circle at 86% 14%,#49164b 0,#0000 29%),radial-gradient(circle at 8% 78%,#113e54 0,#0000 30%),#09090e}.beta-pill{color:#efa4dc;letter-spacing:1px;border:1px solid #f10aa773;border-radius:20px;padding:6px 8px;font:9px monospace}.welcome{text-align:center;padding-top:8px}.welcome h1{letter-spacing:-3px;margin:0;font-size:clamp(39px,11vw,51px);line-height:.95}.welcome-copy{color:#c7bfcc;max-width:310px;margin:20px auto 7px;font-size:13px;line-height:1.55}.welcome-orbit{max-width:310px;height:182px;margin:4px auto 8px;position:relative}.welcome-orbit strong{color:#16111b;background:linear-gradient(135deg,#f10aa7,#03d6e5);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:45px;display:flex;position:absolute;top:40px;left:50%;transform:translate(-50%);box-shadow:0 0 55px #e800a977}.welcome-orbit i{color:#eaa4dc;background:#20182b;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-style:normal;display:flex;position:absolute}.welcome-orbit i:first-child{top:25px;left:28px}.welcome-orbit i:nth-child(2){top:47px;right:24px}.welcome-orbit i:nth-child(3){bottom:8px;left:48px}.welcome-form{text-align:left;gap:9px;max-width:330px;margin:0 auto;display:grid}.welcome-form label{font-size:11px;font-weight:700}.welcome-form input{border:1px solid var(--line);color:#fff;background:#15131d;border-radius:11px;outline:0;width:100%;padding:13px}.welcome-form .primary{width:100%}.welcome-form small{font-size:10px;line-height:1.4}.welcome-form .success{color:#8ee8d6}.welcome-form .error{color:#ff9f9f}.welcome-note{color:#918997;max-width:290px;margin:23px auto 0;font-size:10px;line-height:1.45}.brand-logo{cursor:pointer;background:0 0;border:0;width:68px;height:68px;padding:0}.brand-logo img{object-fit:contain;width:68px;height:68px;display:block}@media (hover:hover) and (pointer:fine){:root :is(body,a,button,summary,select,label,[role=button]){cursor:url(/rhyth-orb-cursor.svg) 16 16,pointer!important}}
.profile-dot.has-image,.profile-orbit.has-image{background:#15131d;padding:0;overflow:hidden}.profile-dot img,.profile-orbit img{object-fit:cover;width:100%;height:100%;display:block}.header-actions{align-items:center;gap:9px;display:flex}.header-inbox{color:#f4eef7;background:0 0;border:0;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.header-inbox svg{stroke-width:1.9px;width:21px;height:21px}.header-create{color:#fff;background:linear-gradient(135deg,#fb0ba8,#7747fa 55%,#00d8e7);border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;line-height:1;display:flex;box-shadow:0 6px 18px #e50baa66}.header-create svg{stroke-width:2.4px;width:21px;height:21px}.lab-intro{align-items:flex-start;gap:13px;display:flex}.lab-intro .profile-dot{flex:none;width:51px;height:51px;margin-top:0}.lab-intro h1{margin-bottom:22px}.lab-card{border:1px solid var(--line);background:#15131d;border-radius:18px;align-items:center;gap:12px;padding:15px;display:flex}.lab-card>span{color:#f5b9e5;background:linear-gradient(135deg,#f10aa759,#03d6e540);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex}.lab-card div{flex:1}.lab-card b,.lab-card small{display:block}.lab-card b{font-size:11px}.lab-card small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.4}.lab-card button{color:#f6c3eb;background:0 0;border:0;font-size:10px;font-weight:700}.feed-switch{border-bottom:1px solid var(--line);gap:23px;margin:-4px 0 15px;display:flex}.feed-switch button{color:#918a98;background:0 0;border:0;padding:0 2px 10px;font-size:11px}.feed-switch .selected{color:#fff;border-bottom:2px solid #eb19ac}.feed-welcome{background:radial-gradient(circle at 86% 16%,#ed22bc8a 0,#0000 25%),radial-gradient(circle at 4% 95%,#11cdd56b 0,#0000 29%),linear-gradient(145deg,#34134f,#192b65 65%,#123e58);border:1px solid #f4ade947;border-radius:23px;padding:22px;position:relative;overflow:hidden;box-shadow:0 18px 45px #05030c88,inset 0 1px #fff2}.feed-welcome:before{content:"";border:1px solid #fff2;border-radius:50%;width:225px;height:225px;position:absolute;top:-108px;right:-91px}.feed-welcome:after{color:#fff;content:"✦";opacity:.12;text-shadow:0 0 30px #ff46d8;font-size:169px;position:absolute;top:-66px;right:-31px}.feed-welcome>span{color:#fff;z-index:1;background:linear-gradient(135deg,#fff5,#fff1);border:1px solid #fff5;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;position:relative;box-shadow:0 8px 20px #0b062866}.feed-welcome .eyebrow{color:#f5c2eb;z-index:1;margin:17px 0 7px;position:relative}.feed-welcome h2{letter-spacing:-1.25px;z-index:1;margin:0 0 9px;font-size:25px;line-height:1;position:relative}.feed-welcome>p:not(.eyebrow){color:#eaddeb;z-index:1;max-width:245px;margin:0 0 18px;font-size:11px;line-height:1.55;position:relative}.feed-welcome .primary{z-index:1;position:relative;box-shadow:0 10px 22px #09031b66}.feed-list{gap:12px;display:grid}.feed-card{border:1px solid var(--line);background:#15131d;border-radius:18px;overflow:hidden}.feed-card.call{background:linear-gradient(145deg,#221431,#15131d 70%)}.feed-card-top{align-items:center;gap:9px;padding:12px;display:flex}.feed-sigil{color:#fff;background:linear-gradient(135deg,#e907a9,#04cbe0);border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;font-size:14px;display:flex}.feed-card-top div{flex:1}.feed-card-top b,.feed-card-top small{display:block}.feed-card-top b{font-size:11px}.feed-card-top small{color:var(--muted);margin-top:2px;font-size:9px}.feed-card-top button{color:#afa8b5;background:0 0;border:0;font-size:12px}.feed-card-body{border-top:1px solid var(--line);padding:15px}.feed-card-body .eyebrow{margin-bottom:7px;font-size:8px}.feed-card-body h2{letter-spacing:-.8px;margin:0 0 7px;font-size:18px}.feed-card-body>p:not(.eyebrow){color:#c7c0cc;margin:0;font-size:11px;line-height:1.5}.feed-card footer{border-top:1px solid var(--line);justify-content:space-between;padding:10px;display:flex}.feed-card footer button{color:#b7aeba;background:0 0;border:0;font-size:9px}.feed-card footer button:last-child{color:#ed9bd9;font-weight:700}.radio-screen h1{margin-bottom:0}.radio-switch{border-bottom:1px solid var(--line);gap:22px;margin:22px 0 14px;display:flex}.radio-switch button{color:#98919f;background:0 0;border:0;padding:0 2px 10px;font-size:11px}.radio-switch .selected{color:#fff;border-bottom:2px solid #eb19ac}.radio-feature{background:linear-gradient(135deg,#40135b,#114d68);border:1px solid #ffffff1f;border-radius:22px;min-height:300px;padding:18px;position:relative;overflow:hidden}.radio-art{color:#fff;background:radial-gradient(circle at 30% 30%,#ff52c8,#0000 20%),linear-gradient(135deg,#ed09a9,#1fcadb);border-radius:50%;justify-content:center;align-items:center;width:154px;height:154px;display:flex;position:absolute;top:-23px;right:-28px;box-shadow:0 0 65px #ee1aad88}.radio-art svg{stroke-width:1.5px;width:58px;height:58px}.radio-feature>div:last-child{position:absolute;bottom:19px;left:18px;right:30px}.radio-feature h2{letter-spacing:-1.5px;margin:0 0 8px;font-size:26px;line-height:1}.radio-feature p:not(.eyebrow){color:#ded2e0;max-width:255px;margin:0 0 15px;font-size:11px;line-height:1.45}.nav button span{justify-content:center;align-items:center;height:22px;display:flex}.nav button span svg,.art svg{stroke-width:1.9px;width:19px;height:19px}.art{justify-content:center;align-items:center;display:flex}.radio-feature{background:radial-gradient(circle at 88% 14%,#ef32bf77 0,#0000 26%),linear-gradient(145deg,#40135b,#172754 67%,#0f5260);border-color:#64eaf047;min-height:324px;box-shadow:0 18px 42px #05030c88,inset 0 1px #fff2}.radio-feature:after{content:"";border:1px solid #ffffff20;border-radius:50%;width:230px;height:230px;position:absolute;top:-62px;right:-82px}.radio-art{border:5px solid #ffffff18;top:4px;right:-19px;box-shadow:0 0 0 11px #ffffff0b,0 0 70px #ee1aad99}.radio-feature>div:last-child{bottom:22px}.radio-feature .eyebrow{color:#aef6f5;margin-bottom:8px}.radio-feature h2{letter-spacing:-1.7px;font-size:28px}.radio-feature .primary{box-shadow:0 9px 22px #09031b77}.call-intro{background:radial-gradient(circle at 89% 18%,#fa43c374 0,#0000 28%),linear-gradient(145deg,#50127b,#8a176c 58%,#253a8a);border:1px solid #fab9ed4d;border-radius:22px;min-height:255px;margin-bottom:18px;padding:23px;box-shadow:0 18px 42px #05030c77,inset 0 1px #fff2}.call-intro:before{content:"";border:1px solid #ffffff20;border-radius:50%;width:210px;height:210px;position:absolute;top:-55px;right:-88px}.call-intro:after{opacity:.13;font-size:174px;top:-48px;right:-25px}.call-intro p{color:#f6c7ed;letter-spacing:1.1px;margin:0 0 10px;font:10px monospace}.call-intro b{letter-spacing:-1px;max-width:246px;margin-bottom:20px;font-size:21px;line-height:1.12}.call-intro .primary{box-shadow:0 10px 23px #24002d77}.profile-screen{text-align:left}.profile-hero{text-align:center;padding:6px 12px 21px;position:relative;overflow:hidden}.profile-edit{border:1px solid var(--line);color:#e9dce9;background:0 0;border-radius:17px;padding:7px 9px;font-size:9px;position:absolute;top:8px;right:0}.profile-hero .profile-orbit{margin:8px auto 11px}.profile-hero h1{letter-spacing:-1px;margin:0 0 8px;font-size:24px}.profile-hero h1 i{color:#2edcff;vertical-align:middle;font-size:9px}.bio{color:#c5bfca;max-width:260px;margin:0 auto 12px;font-size:11px;line-height:1.5}.tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tags span{border:1px solid var(--line);color:#afa8b5;background:#16131d;border-radius:20px;padding:6px 8px;font-size:9px}.profile-stats{border-bottom:1px solid var(--line);border-top:1px solid var(--line);justify-content:space-around;padding:13px;display:flex}.profile-stats div{text-align:center;display:grid}.profile-stats b{font-size:15px}.profile-stats span{color:var(--muted);margin-top:2px;font-size:9px}.profile-tabs{justify-content:space-between;padding:14px 4px 10px;display:flex}.profile-tabs button{color:#8f8995;background:0 0;border:0;padding:0 0 8px;font-size:11px}.profile-tabs .selected{color:#fff;border-bottom:2px solid #e30aaf}.profile-empty{border:1px solid var(--line);text-align:center;background:#15131d;border-radius:18px;padding:25px 18px}.profile-empty i{color:#f3b5e2;background:linear-gradient(135deg,#f10aa745,#03d6e530);border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;font-style:normal;display:inline-flex}.profile-empty h3{margin:10px 0 6px;font-size:14px}.profile-empty p{color:var(--muted);max-width:270px;margin:0 auto 16px;font-size:11px;line-height:1.5}.profile-form .avatar-upload{cursor:pointer;text-align:center;background:#15131d;border:1px dashed #f10aa78c;border-radius:12px;align-items:center;gap:3px;padding:12px;display:grid}.profile-form .avatar-upload span{color:#f6c3eb;font-size:11px;font-weight:800}.profile-form .avatar-upload small{color:var(--muted);font-size:9px}.profile-form .avatar-upload input{color:#d9d2df;background:0 0;border:0;width:100%;margin-top:4px;padding:0;font-size:10px}@media (min-width:600px){.header-actions{margin-right:4px}}.share-sheet{max-height:88dvh;overflow-y:auto}.share-form{gap:8px;display:grid}.share-form label{margin-top:3px;font-size:11px;font-weight:700}.share-form label small{color:var(--muted);font-weight:400}.share-form input,.share-form textarea{border:1px solid var(--line);color:#fff;background:#15131d;border-radius:11px;outline:0;width:100%;padding:11px}.share-form textarea{resize:vertical;min-height:78px;font-family:inherit}.share-form .asset-upload{cursor:pointer;text-align:center;background:#15131d;border:1px dashed #03d6e58c;border-radius:12px;align-items:center;gap:3px;padding:12px;display:grid}.share-form .asset-upload span{color:#b9f6f7;font-size:11px}.share-form .asset-upload small{font-size:9px}.share-form .asset-upload input{color:#d9d2df;background:0 0;border:0;margin-top:4px;padding:0;font-size:10px}.share-form .checkbox-row,.profile-form .checkbox-row{align-items:center;gap:8px;margin:5px 0;display:flex}.share-form .checkbox-row input,.profile-form .checkbox-row input{accent-color:#e907a9;width:auto}.profile-form select{border:1px solid var(--line);color:#fff;background:#15131d;border-radius:11px;outline:0;width:100%;padding:11px}.profile-form-heading{margin:12px 0 0;font-size:11px;font-weight:700}.profile-form-heading small{color:var(--muted);font-weight:400}
