:root{--bg:#0c0d12;--panel:#15161d;--panel2:#1c1e27;--muted:#9295a3;--text:#f4f2ed;--lime:#c8f36a;--orange:#ff9b55;--purple:#b198ff;--line:#2b2d36}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;font-size:14px}.shell{display:flex;min-height:100vh}.sidebar{width:236px;background:#101116;border-right:1px solid var(--line);padding:28px 17px 22px;display:flex;flex-direction:column;flex-shrink:0}.brand{font-size:22px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:9px;padding:0 12px 42px}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--lime);color:#161a10;font-weight:800;font-size:20px}.profile-mini{display:flex;align-items:center;gap:10px;padding:0 10px 37px}.profile-mini strong{font-size:12px;display:block}.profile-mini small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:800;color:#182014;background:linear-gradient(145deg,#bce8a1,#f3a67a)}.avatar-user{background:linear-gradient(145deg,#e6c6ab,#899bd0);color:#202032}.more{color:#686b77;margin-left:auto;letter-spacing:2px}nav{display:flex;flex-direction:column;gap:5px}nav a,.sidebar-bottom a{color:#9698a4;text-decoration:none;padding:11px 12px;border-radius:8px;display:flex;gap:12px;align-items:center;font-size:12px}nav a span,.sidebar-bottom a span{font-size:17px;width:17px;text-align:center;color:#7e818d}nav a.active{background:#262824;color:var(--lime)}nav a.active span{color:var(--lime)}.nav-label{font:10px 'DM Mono',monospace;color:#676a74;letter-spacing:1px;margin:0 12px 8px}.nav-label:nth-of-type(2){margin-top:32px}.nav-count{margin-left:auto;background:var(--lime);color:#10140b;border-radius:20px;font-size:10px;padding:2px 7px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:15px}.content{max-width:1180px;margin:0 auto;padding:0 47px 30px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 47px;color:#777a86;font-size:11px}.breadcrumb span{margin:0 9px;color:#484a54}.top-actions{display:flex;align-items:center;gap:18px}.icon-btn{border:0;color:#a2a4ad;background:transparent;font-size:22px}.notification{position:relative}.notification i{position:absolute;background:var(--orange);width:5px;height:5px;border-radius:50%;top:4px;right:3px}.mobile-brand{display:none}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;padding:45px 0 31px}.eyebrow{font:10px 'DM Mono',monospace;color:#858894;letter-spacing:1.4px;margin:0 0 11px}.welcome-row h1{font-size:29px;letter-spacing:-1.5px;margin:0 0 8px}.welcome-row h1 span{color:var(--lime);font-size:19px}.subhead{color:var(--muted);margin:0;font-size:12px}.button{border:0;border-radius:6px;padding:12px 16px;font:600 11px Manrope;cursor:pointer}.button.secondary{color:#e7e5df;background:transparent;border:1px solid #41434d}.button span{margin-left:15px}.hero-card{height:278px;background:linear-gradient(105deg,#1e212c 0%,#20202a 56%,#282024 100%);border:1px solid #30323c;border-radius:9px;display:flex;overflow:hidden;position:relative}.hero-copy{padding:28px 33px;z-index:1;width:57%}.artist-line{font:10px 'DM Mono';color:#a3a5ae;letter-spacing:1px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:7px}.hero-copy h2{font-size:30px;line-height:1.11;letter-spacing:-1.8px;margin:27px 0 14px}.hero-copy h2 em{font-style:normal;color:var(--lime)}.hero-copy p{color:#a8aab5;font-size:12px;line-height:1.6;max-width:355px;margin:0 0 20px}.hero-copy p strong{color:#dfdfdb}.button.light{background:var(--lime);color:#151a11}.hero-art{width:43%;height:100%;position:relative;overflow:hidden;background:linear-gradient(140deg,#56414c,#db825e 52%,#f5c67e)}.sun{width:210px;height:210px;border-radius:50%;background:#ffcb78;position:absolute;right:65px;top:-74px;filter:blur(1px)}.artist-figure{position:absolute;bottom:-35px;right:145px;width:135px;height:220px;background:#292631;border-radius:55px 55px 8px 8px;transform:rotate(9deg)}.artist-figure:before{content:'';position:absolute;width:79px;height:84px;border-radius:50%;background:#342830;top:-42px;left:31px}.hero-record{position:absolute;right:16px;bottom:21px;width:118px;height:118px;border-radius:50%;background:repeating-radial-gradient(circle,#201e27 0 3px,#36313b 4px 5px);display:grid;place-items:center;color:#ff9d6e;font:24px 'DM Mono';box-shadow:0 10px 30px #35202c88}.hero-record span{width:39px;height:39px;border-radius:50%;background:#e37d63;display:grid;place-items:center;color:#24202b;font-size:12px}.art-caption{position:absolute;left:20px;bottom:17px;font:800 9px Manrope;letter-spacing:2px;color:#fff8e7;line-height:1.7}.art-caption small{font-weight:500;letter-spacing:1px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0 46px}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:19px 20px;min-height:155px}.stat-head{display:flex;justify-content:space-between;font:10px 'DM Mono';color:#858792;letter-spacing:.5px}.positive,.spark{color:var(--lime)}.level{color:#bdabff}.big-number{display:block;font-size:28px;letter-spacing:-1px;margin:21px 0 4px}.big-number small{font-size:12px;letter-spacing:0;color:#878a96;font-weight:500}.stat-card p{color:#888b97;font-size:11px;margin:0}.stat-card p strong{color:#cacbd0}.info{border:1px solid #5e616b;border-radius:50%;padding:0 4px;font-size:8px;margin-left:5px}.mini-chart{height:27px;display:flex;gap:5px;align-items:flex-end;margin-top:10px}.mini-chart span{width:13px;border-radius:3px 3px 0 0;background:linear-gradient(#b198ff,#7461b8)}.progress{height:5px;background:#30313a;border-radius:9px;margin-top:13px}.progress span{display:block;height:100%;border-radius:9px;background:var(--purple)}.progress-labels{display:flex;justify-content:space-between;color:#777985;font-size:9px;margin-top:6px}.proof-avatars{display:flex;margin-top:12px}.avatar.small{width:25px;height:25px;border:2px solid var(--panel);font-size:7px;margin-left:-5px}.avatar.small:first-child{margin-left:0}.a1{background:#f1bd8e}.a2{background:#d4acf4}.a3{background:#87d4c5}.a4{background:#363842;color:#aaa}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:17px}.section-heading h3{font-size:17px;letter-spacing:-.6px;margin:0}.section-heading a{color:#acafba;text-decoration:none;font-size:11px}.section-heading a span{color:var(--lime);margin-left:8px}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.activity-card{display:flex;align-items:center;gap:11px;border:1px solid var(--line);background:#121319;padding:13px 14px;border-radius:7px}.activity-icon{width:31px;height:31px;border-radius:6px;display:grid;place-items:center;font-size:16px}.purple{background:#29213e;color:#bda8ff}.orange{background:#3a2920;color:#ffad70}.teal{background:#193431;color:#8de2ca}.activity-card strong{font-size:11px}.activity-card p{font-size:10px;color:#7d808c;margin:4px 0 0}.points{margin-left:auto;color:var(--lime);font:10px 'DM Mono';white-space:nowrap}.rewards-heading{margin-top:47px}.rewards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.reward-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.reward-image{height:128px;position:relative;display:grid;place-items:center}.reward-photo{background:linear-gradient(140deg,#9b6b71,#f2bb87 54%,#475f61)}.reward-photo:before{content:'';position:absolute;width:70px;height:105px;background:#2b2632;border-radius:45px 45px 0 0;bottom:0;transform:rotate(12deg)}.reward-photo span{position:absolute;top:14px;right:16px;color:#fff1cf}.reward-ticket{background:#282b39;display:block;padding:18px}.reward-ticket span{font:28px 'DM Mono';color:var(--lime)}.reward-ticket small{position:absolute;right:18px;bottom:15px;color:#c4b9ff;font:10px 'DM Mono';letter-spacing:2px}.reward-vinyl{background:linear-gradient(135deg,#403d55,#191b25)}.reward-vinyl:before{content:'';width:92px;height:92px;border-radius:50%;background:repeating-radial-gradient(circle,#0d0e14 0 2px,#363344 3px 4px);position:absolute}.reward-vinyl span{z-index:1;color:#e5a16f;font:12px 'DM Mono'}.reward-info{display:flex;justify-content:space-between;align-items:center;padding:14px}.reward-info strong{font-size:11px}.reward-info p{color:#7f828e;font-size:10px;margin:5px 0 0}.claim,.locked{border:0;border-radius:5px;padding:8px 11px;font:600 10px Manrope}.claim{background:#323526;color:var(--lime)}.locked{background:#292a31;color:#82848c}footer{display:flex;justify-content:space-between;color:#656873;font-size:10px;padding:42px 0 9px}.heart{color:var(--orange)}.toast{position:fixed;bottom:25px;right:25px;background:var(--lime);color:#161b10;padding:13px 17px;border-radius:7px;font-size:11px;font-weight:700;transform:translateY(100px);opacity:0;transition:.3s;box-shadow:0 8px 30px #0008}.toast.show{transform:translateY(0);opacity:1}
@media(max-width:850px){.sidebar{display:none}.content{padding:0 20px 25px}.topbar{padding:0 20px}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:8px;font-weight:800;color:#f5f2ed}.mobile-brand .brand-mark{width:24px;height:24px;font-size:17px}.welcome-row{padding-top:30px;align-items:flex-start;gap:20px}.welcome-row .button{display:none}.hero-card{height:355px}.hero-copy{width:100%;padding:24px}.hero-copy h2{font-size:27px}.hero-art{position:absolute;right:0;bottom:0;width:47%;height:58%;opacity:.85}.stats-grid,.activity-grid,.rewards-grid{grid-template-columns:1fr}.stats-grid{margin-bottom:38px}.stat-card{min-height:140px}.activity-card{padding:12px}.rewards-grid{gap:12px}footer{display:block;line-height:2.2}.section-heading{margin-top:25px}}