/* FloopCord / after hours */
:root{--pink:#ff79bd;--muted:#938b9f;--line:#ffffff0b;--panel:#17151d;letter-spacing:.05px}body{background:#0d0c12}button,input,select{transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}button:active{transform:translateY(1px)}button:disabled{transform:none}.shell{padding:12px;gap:12px;background:radial-gradient(ellipse at 55% -40%,#682d5d55,transparent 70%),#0d0c12;grid-template-rows:53px minmax(0,1fr)}.topbar{background:transparent;border:0;padding:0 16px 0 8px}.brand{font-size:24px;gap:5px;letter-spacing:-1px}.brand img{width:36px;margin-right:7px;filter:drop-shadow(0 0 14px #ff64b52b)}.brand em{font-weight:500;color:#fda6d4}.top-meta{font-size:10px;letter-spacing:1.6px}.top-meta .pill{letter-spacing:.6px;background:#ffffff04;border-color:#ffffff0c;font-size:9px;padding:9px 13px}.workspace{grid-template-columns:66px 240px minmax(0,1fr) 220px;gap:10px}.rail{border:0;background:none;padding:12px 0;gap:15px}.server{background:#211c2a;color:#a795b8;border:1px solid #ffffff06;width:46px;height:46px;border-radius:17px;font-size:12px}.server:hover{border-color:#db73b36b;color:#ffc0e1;background:#35223a;transform:translateY(-2px)}.server.active{background:linear-gradient(145deg,#ff9bce,#ed5da7);box-shadow:0 7px 22px #f26ab22b;color:#431c39}.server.active:before{left:-12px;top:16px;height:14px}.server.add{background:#231827;border:1px dashed #70425e;color:#ffc0e1}.sidebar,.main,.members{border:1px solid #ffffff09;border-radius:18px;overflow:hidden}.sidebar{background:linear-gradient(160deg,#1c1723,#16131c 75%)}.space-title{height:82px;padding:0 19px;font-size:15px;letter-spacing:-.3px}.space-title small{background:#382334;color:#fba6d2;font-size:8px;letter-spacing:1px;padding:5px 7px}.invite{border:1px solid #71415c65;color:#ffc0e0;background:linear-gradient(110deg,#42273a88,#2c203988);border-radius:10px;font-size:11px;font-weight:550;padding:12px;margin-bottom:28px}.invite:hover{border-color:#d385b0;background:#482b40}.side-scroll{padding:20px 12px}.category{font-size:8px;color:#85788f;letter-spacing:1.25px;margin-top:28px}.category button{font-size:17px;color:#9c88ad}.channel{font-size:12px;padding:12px 11px;gap:12px;border-radius:9px;color:#a193ae;margin-bottom:5px}.channel.active{background:linear-gradient(100deg,#562f4880,#3e283e70);color:#ffc2e1;border:1px solid #97547730;padding:11px 10px}.channel.active:after{box-shadow:0 0 8px #fb80be}.channel .icon{width:17px;opacity:.75}.side-note{font-size:10px;color:#75667f;margin-top:25px;padding:13px;border:1px dashed #ffffff0a;border-radius:10px}.profile{margin:8px;background:#241c2b80;border:1px solid #ffffff07;border-radius:12px;padding:12px 8px}.profile .avatar{width:32px;height:32px;border-radius:11px}.profile strong{font-size:11px}.profile small{font-size:9px}.main{background:linear-gradient(160deg,#201b28 0%,#1a1720 50%,#1c1722 100%);box-shadow:0 15px 60px #0002}.channel-header{height:82px;padding:0 28px;background:#ffffff01;gap:12px}.channel-header strong{font-size:14px;letter-spacing:-.2px}.channel-header>.icon{background:#322638;border:1px solid #ffffff08;width:33px;height:33px;padding:8px;border-radius:11px;color:#e7a2c9}.channel-header .desc{font-size:10px;color:#887993;border-color:#ffffff0c}.tools{gap:10px!important}.tools button{padding:8px!important;border-radius:9px;border:1px solid #ffffff07;background:#ffffff03;color:#ac96ba}.tools button:hover{color:#ffc3e3;background:#4b2b43}.messages{padding:24px 30px 8px}.welcome{position:relative;overflow:hidden;margin:0 0 24px;padding:24px 25px 20px;background:radial-gradient(ellipse at 100% 0%,#68385170,transparent 65%),linear-gradient(120deg,#302238,#211a2a);border:1px solid #ffffff0c;border-radius:16px;min-height:202px}.welcome:after{content:'✦';position:absolute;right:19px;top:5px;font-size:170px;line-height:1;color:#f8a2d00c;transform:rotate(14deg);pointer-events:none}.welcome-icon{width:38px;height:38px;border-radius:13px;font-size:21px;margin-bottom:15px;background:#f48cbd16;border-color:#fda1ce25;color:#ffb3db}.welcome h1{font-size:25px;letter-spacing:-.9px;position:relative;z-index:1}.welcome p{font-size:11px;line-height:1.9;color:#b29dbe;margin-bottom:14px}.welcome .tiny{font-size:9px;color:#e7a4ca}.welcome .tiny .icon{width:13px;height:13px}.day{font-size:8px;letter-spacing:1.1px;color:#786783;margin:20px 0 26px}.message{padding:8px 9px;margin:4px -9px;border-radius:10px;gap:12px}.message:hover{background:#ffffff03}.avatar{background:linear-gradient(135deg,#683a58,#3e2a48);border:1px solid #ffffff0b;color:#ffd0e9;box-shadow:inset 0 1px 0 #ffffff06;border-radius:13px}.avatar.green{background:linear-gradient(135deg,#305348,#253731);color:#bdebd7}.avatar.blue{background:linear-gradient(135deg,#3d4165,#2b2c46);color:#c7c9fa}.avatar.orange{background:linear-gradient(135deg,#614237,#3c2c29);color:#ffd8b7}.message .avatar{width:35px;height:35px;font-size:11px;border-radius:12px}.message-meta{margin-bottom:4px}.message strong{font-size:11px;color:#e7d5ef}.message time{font-size:8px;color:#786783}.message p{font-size:12px;color:#c9bcd2;line-height:1.8}.composer-wrap{padding:15px 23px 17px;background:linear-gradient(0deg,#1b1521,transparent)}.composer{background:#2b2233;border:1px solid #74516d55;border-radius:13px;padding:8px 9px 8px 15px;box-shadow:0 4px 18px #0001}.composer:focus-within{border-color:#b474a08a;box-shadow:0 0 0 3px #e982bc06}.composer input{font-size:11px;color:#e9d9ef}.composer button{padding:10px;background:linear-gradient(135deg,#ff9bcd,#eb64ae);box-shadow:0 3px 12px #f26ab21c;color:#4b2041;border-radius:9px}.composer-hint{font-size:8px;color:#76617e;padding:0 3px;margin-top:11px}.members{background:#16131c;padding:26px 17px}.members-title{font-size:8px;letter-spacing:1.4px;color:#9783a3;margin:4px 2px 25px}.members-title span{background:#2c2135;border-radius:5px;padding:4px 6px;color:#b79ac9;font-size:9px}.member{margin:24px 0;gap:10px}.member .avatar{width:33px;height:33px}.member strong{font-size:11px;color:#d6c6e2}.member small{font-size:9px;color:#7c6b89}.member button:hover strong{color:#ffb6de}.club-card{margin-top:37px;padding:20px 14px;background:radial-gradient(ellipse at top right,#743c5755,transparent 70%),#261b2c;border:1px solid #77445c40;border-radius:14px}.club-card .icon{width:25px;height:25px;margin-bottom:15px}.club-card strong{font-size:12px;line-height:1.7}.club-card p{font-size:9px;color:#b395b8;line-height:1.9}.club-card button{font-size:9px;margin-top:10px}.pill{background:#3e253755;border-color:#88546c40}.demo-banner{background:#4b2a4138;color:#a888ac;font-size:9px;padding:9px 28px;border-bottom:1px solid #ffffff05}.demo-banner button{color:#e9a9cf}.empty{position:relative;background:radial-gradient(ellipse at 50% 45%,#73335833,transparent 60%)}.empty h1{font-size:46px;letter-spacing:-2px;margin-bottom:8px}.empty p{font-size:13px;color:#b49bbd;line-height:1.9}.big-logo{width:100px;transform:rotate(-8deg);box-shadow:0 15px 60px #ee64ad24;margin-bottom:20px}.primary{background:linear-gradient(135deg,#ff9ccf,#ec68b0);color:#371c30;box-shadow:0 4px 20px #ec68b016;border:1px solid #ffb8dd33;font-size:12px;padding:13px 20px}.secondary{font-size:12px;border-color:#ffffff14;background:#ffffff03}.auth{background:radial-gradient(ellipse at 15% 45%,#6a2c5145,transparent 60%),#100d16}.auth-story{position:relative;overflow:hidden;border-color:#ffffff07}.auth-story:after{content:'✦';font-size:500px;position:absolute;bottom:-100px;right:-80px;color:#fa98cd04;pointer-events:none}.auth-story h1{font-size:clamp(46px,5.6vw,85px);letter-spacing:-4px}.auth-story h1 span{background:linear-gradient(135deg,#ffc4e2,#e85aa9);background-clip:text;color:transparent}.auth-story p{font-size:15px;max-width:390px;color:#a78daf}.auth-card{width:370px;padding:10px}.auth-card h2{font-size:32px;letter-spacing:-1.5px}.auth-card>p{font-size:12px}.auth-card label{font-size:10px;letter-spacing:.6px}.auth-card input{font-size:12px;background:#211927;border-color:#6d466b40;padding:15px;border-radius:12px}.auth-card .primary{padding:16px}.auth-card>.pill{font-size:8px;letter-spacing:1.3px}.art-tile{background:linear-gradient(150deg,#50314b,#271b31);color:#ffacda;border-color:#f6a4cf15;box-shadow:0 15px 40px #0003;font-size:40px}.art-tile:nth-child(2){background:linear-gradient(150deg,#7a4564,#3d2a4e);transform:translateY(-16px) rotate(-6deg)}.art-tile:nth-child(3){background:linear-gradient(150deg,#4d3055,#251a34)}.call-main{padding:25px;background:radial-gradient(ellipse at 50% 40%,#5c2d4830,transparent 75%)}.call-top{margin-bottom:25px}.call-top h2{font-size:26px;letter-spacing:-1px;margin:0 0 8px}.call-top p{font-size:10px;color:#b79ac1}.call-top .pill{font-size:8px;letter-spacing:1px}.call-top .icon{width:13px;height:13px}.call-tile{min-height:190px;aspect-ratio:16/11;background:radial-gradient(circle at 50% 120%,#61384f90,transparent 70%),linear-gradient(145deg,#302239,#211927);border:1px solid #ac638033;border-radius:18px}.call-tile>.icon{width:40px;height:40px;color:#b6759e;filter:drop-shadow(0 0 25px #d977b3)}.call-tile .avatar{width:76px;height:76px;border-radius:26px;font-size:25px;box-shadow:0 0 0 8px #e58dba05,0 0 0 18px #e58dba03,0 10px 35px #0004}.call-tile>span{font-size:10px;background:#19121ac2;padding:7px 10px;border:1px solid #ffffff06;border-radius:8px;bottom:13px}.call-controls{background:#18121e88;padding:22px;gap:10px;border-top:1px solid #ffffff08}.control{border-color:#ffffff10;background:#2b2033;padding:13px;border-radius:12px;font-size:10px}.control.on{border-color:#bf749b40;background:#48283c55;color:#ffc1e0}.control.danger{background:#b3456740;color:#ffadc4;border-color:#d76b8b30}.connection{border:1px solid #699d7d20;border-radius:10px;margin:7px 9px 0;background:#2b3c302e;color:#a8d6b6;font-size:10px}dialog{background:linear-gradient(135deg,#302036,#1e1726);border-color:#b16b9940;border-radius:22px;padding:30px;max-height:90dvh;overflow:auto}dialog h2{font-size:24px;letter-spacing:-.7px}dialog p{font-size:12px;color:#b29bbe}dialog input,dialog select{font-size:12px;background:#1b1422;border-color:#ffffff15}dialog label{font-size:11px}.sound-section{margin:25px 0 10px;border-top:1px solid #ffffff0d;padding-top:10px}.sound-title{font-size:10px;letter-spacing:1.2px;color:#e8a4ca}.sound-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.sound-preview{border:1px solid #8e54753b;background:#492d4350;padding:11px 8px;border-radius:10px;font-size:10px;display:flex;gap:8px;align-items:center;color:#e8b9d9}.sound-preview:hover{border-color:#e2a0c4;color:white}.sound-preview svg{width:13px;height:13px}.volume-row{display:flex;gap:12px;align-items:center}.volume-row input{accent-color:#f68cc2;padding:0;cursor:pointer}.volume-row output{font-size:10px;min-width:35px;color:#ddb2cf}.ring-art{width:65px;height:65px;display:grid;place-items:center;border:1px solid #ed89c34a;border-radius:22px;color:#ffc7e6;background:#6d38505c;margin:20px auto;box-shadow:0 0 0 13px #ee92c706,0 0 0 26px #ee92c703}.ring-art .icon{width:30px;height:30px}.ring-dialog{text-align:center}.ring-dialog footer{justify-content:center}.sound-brand{display:flex;align-items:center;gap:9px;font-size:10px;color:#c596bd;margin-top:20px}.wave{display:flex;align-items:center;height:18px;gap:3px}.wave i{display:block;width:3px;border-radius:3px;background:#ed98c7;height:7px}.wave i:nth-child(2n){height:16px}.wave i:nth-child(3n){height:11px}.auth-card .secondary{width:100%}.call-invite{background:#62415b40;color:#f4c1df;border-color:#a8749630}.sound-muted{color:#8b7b94!important}.voice-count{margin-left:auto;color:#9d7fae;font-size:9px}.channel .voice-count+.icon{width:12px}.ring-close{background:#553041!important}.notice{font-size:11px;color:#c19ab8;line-height:1.8}.empty-actions{margin-top:18px}#toast{background:#3c273b;border-color:#87557470;box-shadow:0 8px 35px #0004;backdrop-filter:blur(15px);font-size:11px;border-radius:12px}@media(min-width:1600px){.workspace{grid-template-columns:76px 264px minmax(0,1fr) 244px}.shell{padding:18px;gap:15px}.messages{padding:30px 38px}.welcome{min-height:220px;padding:28px}.welcome h1{font-size:29px}.message p{font-size:13px}.message strong{font-size:12px}.member strong{font-size:12px}}@media(max-width:1100px){.workspace{grid-template-columns:58px 215px minmax(0,1fr)}.members{display:none}.channel-header{padding:0 20px}.welcome{padding:20px}.welcome h1{font-size:22px}}@media(max-width:700px){.shell{padding:6px;gap:6px;grid-template-rows:51px minmax(0,1fr)}.topbar{padding:0 12px}.brand{font-size:21px}.brand img{width:31px}.workspace{grid-template-columns:45px minmax(0,1fr);gap:6px}.workspace.nav-open{grid-template-columns:45px minmax(0,1fr)}.rail{gap:13px}.server{width:35px;height:37px;border-radius:12px;font-size:10px}.server.active:before{left:-7px;width:2px}.server .icon{width:17px;height:17px}.sidebar,.main{border-radius:13px}.messages{padding:15px 13px}.welcome{padding:20px 16px;min-height:210px}.welcome h1{font-size:21px}.welcome p{font-size:10px}.channel-header{height:66px;padding:0 14px}.channel-header strong{font-size:12px}.channel-header .tools{gap:5px!important}.channel-header .tools button{padding:6px!important}.composer-wrap{padding:10px 10px 14px}.composer{padding:6px 6px 6px 10px;gap:8px}.composer input{font-size:10px}.composer-hint{font-size:7px}.demo-banner{font-size:8px;padding:8px 12px;line-height:1.6}.call-main{padding:18px 13px}.call-tile{min-height:180px}.call-top .pill{display:none}.call-controls{padding:12px 7px;gap:6px}.control{padding:10px;font-size:9px}.auth-story{padding:25px}.auth-story h1{letter-spacing:-2px}.auth-card{padding:0}.auth-form{padding:20px 25px 35px}.empty h1{font-size:32px}.empty p{font-size:12px}.empty-actions{gap:8px}.primary,.secondary{font-size:11px}.auth-card h2{font-size:29px}.sound-grid{gap:6px}.sound-preview{font-size:9px}}
@media(prefers-reduced-motion:no-preference){.welcome,.empty,.call-tile{animation:appear .35s ease-out}@keyframes appear{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}