/* MISTAKES branch identity: black-site surfaces, violet light, legible controls. */
:root{--bg:#090a12;--panel:#121320;--panel2:#19192b;--line:#2b2941;--muted:#a4a1bb;--text:#f4f0ff;--gold:#d49bff;--green:#70e2b8;--radius:14px}
body{background:radial-gradient(ellipse at 90% 0%,#63237725,transparent 48%),linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px),var(--bg);background-size:auto,48px 48px,48px 48px,auto}
h1,h2,h3,.brand{font-weight:800}h1{letter-spacing:-1.4px;font-size:38px}.eyebrow{letter-spacing:2.1px;color:#bd8ce9;font-size:10px}
.shell{grid-template-columns:238px minmax(0,1fr)}.sidebar{background:#0e0f1bf5;border-color:#262438;padding:25px 14px 16px;overflow-y:auto}.brand{font-size:18px;letter-spacing:1.5px;color:#f1e6ff;padding-bottom:24px}.brandmark{background:linear-gradient(140deg,#7c3aed,#df34c8);color:white;font-family:Manrope,system-ui;font-size:23px;border-radius:9px;box-shadow:0 0 25px #bf47ff25}.brandmark span{display:none}.server-chip{background:#171725;border-color:#2c2840;margin-bottom:20px}.avatar{background:#322640;color:#e7c7ff}.nav{gap:2px}.nav button{font-size:12px;padding:10px 12px;color:#a6a2bb}.nav button.active{background:linear-gradient(90deg,#9b40df30,#d946ef12);color:#ecd5ff;box-shadow:inset 2px 0 #c65dff;border-radius:6px}.nav button:hover{background:#262035;color:white}.nav-label{color:#7d748d}.sidebar-bottom{padding-top:18px}.topbar{background:#0d0d18b8;border-color:#222035}.workspace{max-width:1560px;padding-top:34px}.page-header{margin-bottom:28px}.card,.module,.stat{background:linear-gradient(140deg,#171727,#11121d);border-color:#2b2840;box-shadow:0 8px 30px #00000012}.card h2{margin-top:4px}.module:hover{background:#1d192c;border-color:#6e428b}.module-icon{background:#a046e422;color:#ce9aff}.stat-number{color:#f4e8ff}.stat-note{color:#aaa2b9}.badge{background:#41304450;border-color:#664976;color:#e2b4ff}.badge.green{background:#17382f;border-color:#2d6652;color:#89e6c2}.notice{background:#a975dd10;border-color:#64428055;color:#cdb7e3}.button.primary,button.primary{background:linear-gradient(110deg,#8042d9,#c337bc);color:white;border-color:#a152d8;box-shadow:0 3px 18px #982fd41a}.button.primary:hover,button.primary:hover{background:linear-gradient(110deg,#9356ec,#dd45cc)}.button.secondary,button.secondary{background:#211e30;border-color:#373047;color:#e4dcee}.button.secondary:hover,button.secondary:hover{background:#30253f;border-color:#744b8d}.field input,.field textarea,.field select{background:#0c0d17;border-color:#373146;color:#f1edf8}.field input:focus,.field textarea:focus,.field select:focus{border-color:#b963ee;outline:2px solid #b963ee35}.toggle input:checked{background:#a453dc}.hero{padding:38px;border-color:#513663;background:radial-gradient(ellipse at 85% 50%,#9333bd30,transparent 60%),linear-gradient(115deg,#191328,#11101e);min-height:260px}.hero h2{font-size:43px;line-height:1.03;letter-spacing:-1.6px;max-width:600px;margin:16px 0}.hero p{color:#aaa0bc;max-width:560px}.hero .core{background:linear-gradient(140deg,#8c3ce7,#dc39bb);color:white;font-family:Manrope;font-size:30px;font-weight:800;box-shadow:0 0 60px #bd33d955}.orbit{border-color:#b663ea30}.satellite{background:#281a3c;border-color:#7e468b;color:#e5b5ff}.gradient-text{background:linear-gradient(95deg,#c486ff,#ed62bd);background-clip:text;-webkit-background-clip:text;color:transparent}.footer{color:#746e85}.content{overflow:hidden}.login-card,.login-panel{background:#141221;border-color:#493057}.supply-banner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px 38px;border:1px solid #59426e;border-radius:16px;margin-bottom:24px;overflow:hidden;background:radial-gradient(ellipse at 92% 50%,#80369b45,transparent 57%),linear-gradient(115deg,#1c142b,#100f1b);position:relative}.supply-banner:after{content:'';position:absolute;width:280px;height:280px;border:1px solid #ce7eff20;border-radius:50%;right:-70px;top:-60px;box-shadow:0 0 0 35px #ac5bd508,0 0 0 70px #ac5bd506;pointer-events:none}.supply-banner h2{font-size:39px;letter-spacing:-1.2px;line-height:1.12;margin:12px 0}.supply-banner p{color:#b9aac8;margin-bottom:0}.supply-count{display:flex;align-items:center;flex-direction:column;min-width:160px;position:relative;z-index:1}.supply-count strong{font-size:65px;line-height:1;font-weight:700;letter-spacing:-4px;color:#edcaff}.supply-count span{font-size:9px;letter-spacing:2px;color:#c7abd9;margin-top:14px}.community-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.tabs{display:flex;gap:8px}.community-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:24px;align-items:start}.community-layout .card{margin-bottom:20px;min-width:0}.community-layout aside .card{padding:24px}.community-layout .field{margin-top:18px}.empty-drop{text-align:center;padding:50px 28px}.empty-drop p{color:var(--muted);max-width:390px;margin:12px auto 25px}.drop-symbol{font-size:68px;color:#ba78eb;line-height:1;margin-bottom:18px}.giveaway-card{position:relative;overflow:hidden}.giveaway-card:before{content:'';height:3px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#9950ee,#de4dab,transparent)}.giveaway-card>p{color:#b9afc9}.drop-prize{display:flex;gap:15px;align-items:center;padding:20px;border:1px solid #543c6c;background:#b755ff0a;border-radius:10px;margin:22px 0}.drop-prize>span{font-size:32px;color:#d5a5ff}.drop-prize strong,.drop-prize small{display:block}.drop-prize small{color:#b7a4c6;line-height:1.7;font-size:11px}.drop-prize strong{font-size:20px;margin:4px 0}.drop-meta{display:grid;grid-template-columns:1fr 2fr;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.drop-meta strong,.drop-meta small{display:block}.drop-meta strong{font-size:17px;margin-bottom:8px}.drop-meta small{font-size:9px;letter-spacing:1.3px;color:#9b8faa}.pack-card{padding:20px;background:#a855f70a;border:1px solid #443052;border-radius:10px;margin-top:15px}.pack-card p{color:var(--muted);white-space:pre-line}.pack-card .form-actions{margin-top:12px}.receipt-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:20px 0}.receipt-row small{display:block;color:var(--muted);margin-top:7px;overflow-wrap:anywhere}.setup-steps{padding-left:23px;color:#c1b9cf;line-height:1.8}.setup-steps li{padding:10px 0 10px 5px}.setup-steps li::marker{color:#d68bff;font-weight:700}.supporter-banner{background:radial-gradient(ellipse at 92% 50%,#32599638,transparent 55%),linear-gradient(115deg,#21152b,#111521)}code{color:#dcb2ff}.community-layout form button{margin-top:10px}dialog{background:#161322;border-color:#513b63}#toast{background:#33213f;border-color:#81529b;color:#f1ddff}
@media(min-width:1500px){.community-layout{grid-template-columns:minmax(0,1fr) 385px}.supply-banner h2{font-size:45px}}
@media(max-width:1100px){.community-layout{grid-template-columns:minmax(0,1fr)}.community-layout aside{order:2}.hero h2{font-size:34px}.hero-art{width:200px}.supply-banner h2{font-size:34px}}
@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:18px 16px}.sidebar .brand{padding:0 0 16px}.sidebar .server-chip,.sidebar .nav-label,.sidebar-bottom{display:none}.nav{display:flex;flex-direction:row;overflow-x:auto;padding-bottom:8px}.nav button{flex-shrink:0;white-space:nowrap}.topbar{height:56px;padding:0 18px}.topbar-right>.status{display:none}.workspace{padding:24px 18px}.page-header h1{font-size:29px}.hero,.supply-banner{padding:25px}.hero h2,.supply-banner h2{font-size:31px}.hero-art{display:none}.supply-count{min-width:70px}.supply-count strong{font-size:44px}.supply-count span{font-size:8px;letter-spacing:1px;text-align:center}.supply-banner{gap:10px}.community-toolbar{align-items:stretch}.tabs{overflow:auto;max-width:100%}.tabs button{padding:10px}.community-layout{gap:0}.community-layout .card{padding:22px}.drop-meta{grid-template-columns:1fr}.receipt-row{flex-wrap:wrap}.stats{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.footer{gap:15px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:760px){.crumb{font-size:0;gap:0}.crumb span{display:none}.crumb strong{font-size:12px}.topbar-right{gap:8px}}