@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#100c17;--panel:#1a1423;--line:#ffffff12;--text:#f6f1fc;--muted:#a69aaf;--pink:#efacd9;--violet:#b493ef;--font:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 var(--font);background-image:radial-gradient(ellipse at 85% 10%,#6e2d6f16,transparent 35%)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--pink);outline-offset:4px}button{border:0;background:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--display);line-height:1.12;font-weight:600}h1{font-size:clamp(50px,6vw,86px);letter-spacing:-5px}h2{font-size:38px;letter-spacing:-1.7px}h3{font-size:23px;letter-spacing:-.6px}.launch-strip{min-height:34px;display:flex;align-items:center;justify-content:center;gap:12px;background:#281b30;color:#d7c2df;font-size:10px;font-weight:600;letter-spacing:1.6px;border-bottom:1px solid #80558d25}.launch-strip strong{font-weight:600;color:#f3c3e8}.live-dot{width:6px;height:6px;background:#e4b1f4;border-radius:50%;box-shadow:0 0 12px #d981ed80;display:inline-block;flex-shrink:0}.strip-divider{color:#6c5274}.strip-arrow{margin-left:12px;color:#f1b6e7}.site-header{max-width:1440px;margin:auto;height:100px;padding:0 60px;display:flex;align-items:center;gap:30px;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:9px;min-width:240px}.brand img{width:49px;height:49px;object-fit:cover;border-radius:13px}.brand>span{font:700 15px/1.15 var(--display);letter-spacing:1.1px}.brand>span>span{display:block}.brand-star{color:#d6a1e8;margin-left:6px}.site-header nav{display:flex;gap:29px;align-items:center;margin:auto;font-size:13px;white-space:nowrap;color:#a89aaf}.site-header nav a{position:relative;padding:13px 0}.site-header nav a:hover,.site-header nav a.active{color:#fff}.site-header nav a.active:after{content:'';height:3px;width:14px;background:#e1a9e6;position:absolute;bottom:0;left:calc(50% - 7px);border-radius:4px}.header-actions{display:flex;align-items:center;gap:12px}.icon-button{width:39px;height:39px;border:1px solid var(--line);border-radius:50%;font-size:22px;position:relative;background:#1e1727}.icon-button:hover{background:#35213e}#notification-dot:not(:empty){width:7px;height:7px;background:var(--pink);border-radius:50%;position:absolute;right:1px;top:2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 23px;border-radius:10px;background:linear-gradient(115deg,#f4bee0,#c6a4ed);color:#29142e;font-size:13px;font-weight:700;border:1px solid #f1ccef77;box-shadow:inset 0 1px 0 #fff6,0 5px 24px #b56cce16;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #cb8cdd30}.button span{font-size:20px;line-height:1}.button-small{padding:10px 16px;gap:12px;font-size:12px}.button-ghost{color:#e1d5e7;background:#ffffff04;border:1px solid #ffffff1a;box-shadow:inset 0 1px 0 #ffffff06}.button-ghost:hover{background:#ffffff09}.button-dark{background:#35223f;color:#ebc4f0;border:1px solid #a36dbc36}.mobile-menu{display:none}main{min-height:70vh}.container{max-width:1320px;padding:0 40px;margin:auto}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;position:relative;padding-top:25px;padding-bottom:55px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2px;font-weight:600;color:#c3a8cf;text-transform:uppercase;margin-bottom:24px}.eyebrow:before{content:'';width:22px;height:1px;background:#d1a0db}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#f7c8e2 5%,#c5a4ee 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{position:relative;z-index:2;padding-top:4px}.hero-copy>p{color:var(--muted);font-size:15px;line-height:1.9;max-width:390px;margin:25px 0 29px}.hero-buttons{display:flex;gap:12px}.hero-note{display:flex;align-items:center;gap:10px;font-size:11px;color:#8d8097;margin-top:25px}.hero-note span{color:#c4a6d3}.hero-art{position:relative;height:520px;perspective:1000px;isolation:isolate}.hero-logo{position:absolute;width:490px;height:490px;max-width:110%;object-fit:cover;left:50%;top:44%;transform:translate(-50%,-50%);mix-blend-mode:screen;mask-image:radial-gradient(ellipse at center,#000 38%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at center,#000 38%,transparent 72%);animation:float 7s ease-in-out infinite}.orbital{width:430px;height:430px;border:1px solid #e0acfa25;border-radius:50%;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotateX(66deg) rotateZ(-18deg);z-index:-1;box-shadow:0 0 40px #b855ed0c}.orbital.second{width:520px;height:520px;transform:translate(-50%,-50%) rotateX(66deg) rotateZ(26deg);border-style:dashed;border-color:#c89eeb16}.art-glow{position:absolute;inset:10%;background:radial-gradient(ellipse,#b23bc331,transparent 67%);filter:blur(28px);z-index:-2}.float-label{position:absolute;padding:12px 16px;border:1px solid #c9a0df26;border-radius:12px;background:linear-gradient(120deg,#302138db,#1b1527e0);box-shadow:0 14px 35px #0004,inset 0 1px 0 #ffffff0a;backdrop-filter:blur(12px);display:flex;gap:12px;align-items:center;animation:float-label 8s ease-in-out infinite}.float-label .label-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(130deg,#b58ade50,#f7aedb22);color:#f3c3ef;font-size:21px}.float-label b{font-size:11px;display:block;letter-spacing:.2px}.float-label small{font-size:9px;color:#aa93b5}.float-label.one{right:-9px;top:88px;transform:rotate(7deg)}.float-label.two{left:-12px;bottom:95px;transform:rotate(-7deg);animation-delay:-3s}.art-caption{position:absolute;right:25px;bottom:22px;font-size:9px;letter-spacing:2px;color:#8d6a9a}.hero-scroll{font-size:9px;color:#74677f;letter-spacing:2px;position:absolute;bottom:25px;left:40px;display:flex;gap:10px}.intro-strip{border-block:1px solid var(--line);padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.intro-strip>span{font-size:9px;color:#796d82;letter-spacing:1.8px}.intro-strip b{font:500 16px var(--display);color:#ac9db8;display:flex;align-items:center;gap:10px}.sol-mark{font-size:25px;display:inline-block;color:#bea1e7;transform:skew(-18deg);line-height:.8}.section{padding:65px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-head p{color:var(--muted);font-size:13px;margin-top:11px}.section-kicker{font-size:9px;letter-spacing:2px;color:#c69bdb;margin-bottom:11px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.filters{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid var(--line);border-radius:7px;padding:8px 15px;font-size:11px;color:#a697af;background:#ffffff03}.chip.active,.chip:hover{background:#cba4e51c;color:#ecc8f6;border-color:#bf8adc40}.search-wrap{display:flex;align-items:center;gap:9px;background:#1d1625;border:1px solid var(--line);border-radius:8px;padding:0 13px;min-width:240px;color:#84738f}.search-wrap input{width:100%;padding:10px 0;background:none;border:0;outline:0;color:#e9dff1;font-size:11px}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dao-card{border:1px solid var(--line);border-radius:15px;background:linear-gradient(150deg,#22192c,#18121f);overflow:hidden;transition:transform .25s,border-color .25s;position:relative}.dao-card:hover{transform:translateY(-5px);border-color:#d9a9ef40}.card-art{height:122px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,var(--tint,#a365b2) 0%,#33203e 45%,#201627 80%);border-bottom:1px solid var(--line)}.card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,transparent,#190e2933);pointer-events:none}.card-art.violet{--tint:#7655c1}.card-art.blue{--tint:#4468ac;background:radial-gradient(ellipse at 50% 100%,#4468ac,#182738 70%)}.card-art.peach{--tint:#b67680}.dao-emblem{position:absolute;width:75px;height:75px;left:calc(50% - 37px);top:26px;transform:rotate(-19deg);border:16px solid #dc9ac8;border-radius:25px;box-shadow:inset 5px 4px 7px #ffe8ff8c,6px 8px 0 #6d397f,10px 16px 22px #0007;background:transparent}.violet .dao-emblem{border-color:#bda6ec;transform:rotate(35deg);border-radius:50%;box-shadow:inset 5px 4px 7px #ffe8ff8c,6px 8px 0 #62418c,10px 16px 22px #0007}.blue .dao-emblem{border-color:#a2c2f5;border-radius:19px;transform:rotate(-35deg);box-shadow:inset 5px 4px 7px #e8f4ff8c,6px 8px 0 #405e89,10px 16px 22px #0007}.peach .dao-emblem{border-color:#edb6bd;border-radius:50% 18% 50% 18%}.card-art .art-tag{position:absolute;top:12px;left:14px;color:#e5c8f288;font-size:8px;letter-spacing:2px}.card-art .sample-badge{position:absolute;right:12px;top:12px;font-size:8px;background:#1a12278c;border:1px solid #ffffff14;padding:2px 6px;border-radius:4px;color:#d2b9dc}.card-art img{width:64px;height:64px;object-fit:cover;position:absolute;left:calc(50% - 32px);top:30px;border-radius:18px;box-shadow:0 10px 20px #0006}.card-body{padding:20px}.card-title{display:flex;align-items:center;gap:9px}.card-title h3{font-size:18px}.tag{font-size:8px;letter-spacing:.6px;background:#b28ada15;color:#bfa4d0;border:1px solid #b28ada1a;border-radius:4px;padding:2px 5px}.card-body>p{font-size:11px;color:#a797b1;line-height:1.8;margin:12px 0 20px;min-height:40px}.card-meta{display:flex;gap:9px;align-items:center;color:#ab96b9;font-size:9px;padding-bottom:17px;border-bottom:1px solid var(--line)}.card-meta .access{margin-left:auto}.tiny-dot{width:4px;height:4px;display:inline-block;border-radius:50%;background:#c4a4d7;margin-right:4px}.card-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:15px}.avatar-stack{display:flex;padding-left:5px}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(130deg,#885b9b,#49345e);color:#faeafa;font:600 12px var(--display);width:33px;height:33px;border-radius:50%;overflow:hidden;border:2px solid #211728}.avatar img{height:100%;width:100%;object-fit:cover}.avatar.violet{background:linear-gradient(130deg,#9e82c5,#45325f)}.avatar.blue{background:linear-gradient(130deg,#7a9abf,#2a3c60)}.avatar.peach{background:linear-gradient(130deg,#c0909a,#5f384e)}.avatar-stack .avatar{margin-left:-5px;width:24px;height:24px;font-size:8px}.card-bottom .text-link{font-size:10px}.text-link{color:#e2b5f0;font-size:12px;display:inline-flex;align-items:center;gap:14px}.text-link:hover{color:#fff}.results-note{font-size:10px;color:#73667d;margin-top:20px;display:flex;gap:7px}.bento{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin:15px 0 65px}.bento-card{border:1px solid #d0a9e01a;border-radius:17px;padding:35px;position:relative;overflow:hidden;min-height:270px;background:linear-gradient(120deg,#2b1b35,#1c1427)}.bento-card h3{font-size:29px;max-width:280px;letter-spacing:-1px;position:relative;z-index:1}.bento-card p{max-width:260px;font-size:12px;color:#ae99bd;margin:15px 0 25px;position:relative;z-index:1}.bento-card .section-kicker{position:relative;z-index:1}.bento-card .text-link{position:relative;z-index:2}.union-sculpture{position:absolute;right:-45px;top:65px;width:190px;height:190px;border:37px solid #ae7cbe;border-radius:50%;transform:rotateY(30deg) rotateZ(-30deg);box-shadow:inset 8px 8px 15px #efd0fc8a,10px 15px 0 #593469,20px 25px 30px #0007}.union-sculpture:after{content:'';position:absolute;width:140px;height:140px;border:25px solid #de9ac4;border-radius:50%;top:30px;right:55px;box-shadow:inset 5px 5px 8px #ffdefb8a,8px 10px 0 #723f7b}.bento-card.second{background:linear-gradient(130deg,#201a2f,#1a1526)}.mini-profiles{position:absolute;right:-5px;bottom:50px;display:flex;flex-direction:column;gap:10px;transform:rotate(-8deg);opacity:.85}.mini-profile{display:flex;gap:10px;align-items:center;background:#34263f;border:1px solid #e4b5f222;padding:10px 20px 10px 10px;border-radius:12px;box-shadow:0 8px 20px #0004;font-size:11px}.mini-profile:nth-child(2){margin-left:25px}.launch-panel{position:relative;margin-bottom:65px;padding:44px;border:1px solid #e3adf230;border-radius:17px;background:linear-gradient(110deg,#3d2146,#20152c 80%);overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px}.launch-panel:after{content:'✳';position:absolute;font-size:300px;line-height:1;color:#d89be809;right:80px;top:-10px;pointer-events:none}.launch-panel h2{font-size:35px;margin-top:15px}.launch-panel p{font-size:12px;color:#b6a0c3;margin-top:12px;max-width:550px}.pill{display:inline-flex;align-items:center;gap:8px;background:#b687ca14;border:1px solid #cb93df33;border-radius:30px;padding:5px 10px;color:#d9b6eb;font-size:9px;letter-spacing:1px}.launch-panel>div,.launch-panel>button{position:relative;z-index:1}.page-head{padding:46px 0 32px;border-bottom:1px solid var(--line);margin-bottom:30px}.page-head h1{font-size:54px;letter-spacing:-2.5px}.page-head>p{color:var(--muted);font-size:14px;max-width:620px;margin-top:16px}.page-topline{display:flex;justify-content:space-between;gap:20px;align-items:center}.empty{padding:55px 25px;text-align:center;border:1px dashed #a77cbd30;border-radius:15px;color:#9d8ba9;background:#21172a33}.empty h3{color:#ddcde8;margin-bottom:10px;font-size:22px}.empty p{font-size:12px;max-width:400px;margin:0 auto 20px}.empty-icon{display:block;font-size:35px;color:#ba91cd;margin-bottom:15px}.page-grid{display:grid;grid-template-columns:1fr 310px;gap:24px;padding-bottom:65px}.surface{background:linear-gradient(145deg,#21182b,#191320);border:1px solid var(--line);border-radius:14px;padding:25px;margin-bottom:18px}.surface h3{font-size:20px;margin-bottom:15px}.surface p{font-size:13px;color:#ac9ab9}.surface-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.surface-title h3{margin:0}.list-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border:0}.list-row .row-text{flex:1;min-width:0}.list-row b{display:block;font-size:13px}.list-row small{color:#a58ab3;font-size:10px}.list-row .button{flex-shrink:0}.back{display:inline-block;margin-bottom:20px;font-size:11px;color:#b79cc7}.detail-cover{height:200px;border-radius:15px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 50%,#79508e,#2c1d39 65%);border:1px solid #ffffff12;display:flex;align-items:center;padding:35px;margin-bottom:25px}.detail-cover .dao-emblem{left:auto;right:80px;width:130px;height:130px;top:35px;border-width:25px}.detail-cover h1{font-size:44px;letter-spacing:-2px;position:relative;z-index:1;max-width:75%}.detail-cover .pill{margin-top:12px}.detail-tabs{display:flex;gap:8px;margin:24px 0;overflow-x:auto;padding-bottom:5px}.detail-tabs .chip{white-space:nowrap}.member-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.member-card{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:15px;background:#ffffff02}.member-card small{display:block;font-size:10px;color:#b49ac0}.member-card b{font-size:12px}.member-card select{max-width:95px;margin-left:auto;padding:6px;font-size:10px}.post-header{display:flex;gap:11px;align-items:center;margin-bottom:15px}.post-header b{font-size:12px}.post-header small{display:block;color:#8e7b9c;font-size:9px}.post-body{color:#d8cbdf;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.post-scope{border-top:1px solid var(--line);padding-top:13px;margin-top:18px;font-size:9px;color:#b99acc;display:flex;justify-content:space-between}.composer textarea{height:100px;resize:vertical;background:#170f21}.composer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:10px}.composer-bottom span{font-size:10px;color:#8d789c}.vote-option{width:100%;display:flex;justify-content:space-between;position:relative;overflow:hidden;border:1px solid #d1a6e323;border-radius:8px;background:#0f0a174d;padding:12px 15px;margin-top:10px;font-size:12px;text-align:left}.vote-option .vote-bar{position:absolute;inset:0 auto 0 0;background:#b68bd31c;pointer-events:none}.vote-option>span:not(.vote-bar){position:relative;z-index:1}.vote-option.selected{border-color:#ddb0f0;background:#cb99de16}.subtle{font-size:10px;color:#9a85a7;margin-top:12px}.project-status{font-size:9px;background:#a78cbe1c;color:#c7afd9;padding:4px 9px;border-radius:5px}.project-status.complete{color:#a2d5c1}.calendar-badge{width:50px;flex-shrink:0;text-align:center;background:#c18cdd13;border:1px solid #d59fe52a;border-radius:9px;padding:8px;color:#d6b9e7;font-size:18px;font-weight:600}.calendar-badge small{display:block;font-size:8px;letter-spacing:1px}.rank-table{width:100%;border-collapse:collapse}.rank-table th{text-align:left;font-size:9px;letter-spacing:1px;color:#8d779e;font-weight:500;padding:18px;border-bottom:1px solid var(--line)}.rank-table td{padding:20px 18px;border-bottom:1px solid var(--line);font-size:13px}.rank-table td:first-child{color:#c49bdb}.rank-name{display:flex;align-items:center;gap:13px}.rank-name b{display:block}.rank-name small{color:#927aa2;font-size:10px}.profile-cover{background-image:linear-gradient(0deg,#130b20aa,transparent),url('./banner.png');background-size:cover;background-position:center;border:1px solid var(--line);border-radius:15px;height:190px;margin-bottom:20px}.profile-info{display:flex;align-items:center;gap:20px;margin-bottom:30px}.profile-info .avatar{width:82px;height:82px;font-size:28px;border:3px solid #40294f}.profile-info h2{font-size:30px}.profile-info p{font-size:12px;color:#a88cb8;margin:6px 0}.profile-info>.button{margin-left:auto}.stats{display:flex;gap:28px;margin:22px 0}.stats b{font:600 25px var(--display);display:block;color:#ebd6f4}.stats span{font-size:9px;color:#967fa6;letter-spacing:.5px}.achievement{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:8px;border:1px solid #d1abdf22;background:#c08ed611;font-size:10px;color:#cfb3dd;margin:4px 4px 4px 0}.loading{display:flex;gap:15px;align-items:center;justify-content:center;min-height:60vh;color:#b59cc5;font-size:13px}.spinner{border:2px solid #c39cdf30;border-top-color:#eac0f5;width:22px;height:22px;border-radius:50%;animation:spin 1s linear infinite}.error-box{margin:50px auto;padding:35px;max-width:600px;border:1px solid #9c577a55;border-radius:14px;text-align:center}.error-box p{color:#bda3c4;margin:15px 0;font-size:13px}footer{max-width:1320px;margin:auto;padding:35px 40px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;color:#786883;font-size:10px}.footer-brand{font:600 13px var(--display);letter-spacing:1px;color:#ba9aca}.footer-brand span{margin-left:8px;color:#e3aadb}footer>span{margin-left:auto;font-size:8px;letter-spacing:1.2px}footer>a:last-child{color:#b794c9;font-size:9px}dialog{border:1px solid #b289cc40;border-radius:18px;background:linear-gradient(140deg,#2b1f36,#17101f);color:var(--text);padding:0;width:560px;max-width:calc(100vw - 32px);max-height:88vh;box-shadow:0 30px 150px #000a}dialog::backdrop{background:#09050fc9;backdrop-filter:blur(10px)}#modal-content{padding:30px}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:22px}.modal-head h2{font-size:28px;letter-spacing:-1px}.modal-head p{font-size:12px;color:#a88eb7;margin-top:10px}.close-button{font-size:22px;line-height:1;border:1px solid var(--line);border-radius:50%;padding:5px 9px;color:#c7add6}label{display:block;font-size:11px;color:#ccb6d9;margin-bottom:15px}label>span{display:block;margin-bottom:7px}input,select,textarea{display:block;width:100%;padding:12px 13px;background:#140e1c;border:1px solid #bc94d32b;border-radius:8px;color:#efe2f6;outline:none;font-size:12px}input:focus,textarea:focus,select:focus{border-color:#bd8fd4}textarea{resize:vertical;min-height:90px}input[type=file]{font-size:10px;padding:9px}input[type=checkbox]{width:auto;display:inline;margin-right:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px;padding-top:20px;border-top:1px solid var(--line)}.form-error{color:#f1a4c0;font-size:12px;margin:14px 0;min-height:0}.form-hint{font-size:10px;color:#8d769e;margin:9px 0}.help-box{border:1px solid #c79be526;border-radius:9px;padding:14px;color:#bba0cd;font-size:11px;background:#b88cdb0a;margin:15px 0}.dialog-list{max-height:50vh;overflow:auto}.notification-item{border-bottom:1px solid var(--line);padding:17px 0;font-size:12px;color:#c3a8d4}.notification-item small{font-size:9px;color:#8b749c;display:block;margin-top:5px}.notification-item.unread{color:#f1d7fc}.empty-small{font-size:12px;color:#9b82ad;padding:30px 0;text-align:center}#toast{position:fixed;z-index:100;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.25s;background:#3e2a4a;border:1px solid #d1a7e348;color:#f1dff7;padding:13px 23px;border-radius:12px;font-size:12px;box-shadow:0 10px 50px #0008;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.demo-tag{font-size:9px;letter-spacing:1px;color:#8e779f;background:#b48cd40d;border:1px solid #b48cd41a;border-radius:5px;padding:4px 8px;display:inline-block}.section-rule{border-top:1px solid var(--line)}.top-gap{padding-top:35px}.inline-actions{display:flex;gap:8px;align-items:center}.scope-select{max-width:240px;font-size:11px;padding:9px 12px}.manage-box{border:1px solid #b58ac52c;background:#bd86d00a;padding:17px;border-radius:10px;margin-bottom:15px}.manage-box p{font-size:11px;color:#a990ba;margin:9px 0 14px}.count-label{color:#967da6;font-size:11px;margin-left:10px}.hidden{display:none!important}@keyframes float{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-12px)}}@keyframes float-label{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.hero{min-height:680px}.hero-art{height:580px}.hero-logo{width:550px;height:550px}}@media(max-width:1150px){.site-header{padding:0 30px;gap:15px}.brand{min-width:170px}.site-header nav{gap:18px;font-size:12px}.hero h1{font-size:66px}.hero-art{height:480px}.hero-logo{width:440px;height:440px}.float-label.one{right:0}.float-label.two{left:0}.cards-grid{gap:12px}.bento-card{padding:26px}.union-sculpture{right:-85px}.mini-profiles{right:-55px}.bento-card.second p{max-width:220px}}@media(max-width:850px){.launch-strip{font-size:8px;letter-spacing:.8px;gap:8px}.site-header{height:80px;padding:0 25px}.site-header nav{display:none;position:absolute;top:75px;left:15px;right:15px;background:#25182f;padding:18px;flex-direction:column;border:1px solid #b488c335;border-radius:12px}.site-header nav.open{display:flex}.brand{margin-right:auto;min-width:0}.brand img{width:40px;height:40px}.brand>span{font-size:12px}.mobile-menu{display:block;font-size:16px;width:34px;height:34px}.header-actions{gap:7px}.header-actions>.icon-button{width:33px;height:33px;font-size:18px}.container{padding:0 25px}.hero{grid-template-columns:1.1fr 1fr;min-height:520px;padding-top:25px;padding-bottom:40px;gap:0}.hero h1{font-size:53px;letter-spacing:-3px}.hero-copy>p{font-size:12px;max-width:310px}.hero-art{height:400px;margin-right:-15px}.hero-logo{width:370px;height:370px;max-width:140%}.orbital{width:300px;height:300px}.orbital.second{width:350px;height:350px}.float-label{padding:8px 10px;gap:7px}.float-label.one{right:0;top:35px}.float-label.two{bottom:45px;left:0}.float-label b{font-size:9px}.float-label small{font-size:8px}.float-label .label-icon{width:24px;height:24px;font-size:15px}.art-caption{display:none}.eyebrow{font-size:8px;letter-spacing:1px}.hero-buttons{gap:8px}.hero-buttons .button{padding:12px 15px;gap:12px;font-size:11px}.intro-strip>span{display:none}.intro-strip b{font-size:13px}.cards-grid{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:stretch;flex-direction:column}.search-wrap{width:100%}.bento{gap:12px}.bento-card{min-height:280px;padding:25px}.bento-card h3{font-size:25px;max-width:220px}.union-sculpture{opacity:.5;right:-110px}.mini-profiles{opacity:.3;right:-80px}.launch-panel{padding:30px}.launch-panel h2{font-size:29px}.page-grid{grid-template-columns:1fr 250px;gap:15px}.surface{padding:20px}.member-grid{grid-template-columns:1fr}footer{padding:30px 25px;flex-wrap:wrap}footer>span{display:none}.detail-cover .dao-emblem{right:30px;opacity:.6}.detail-cover h1{font-size:35px}.section{padding:45px 0}.section-head h2{font-size:31px}.page-head h1{font-size:44px}.rank-table td,.rank-table th{padding:14px 10px}.rank-table .hide-small{display:none}}
@media(max-width:600px){.launch-strip{font-size:7px;gap:7px;letter-spacing:.5px}.launch-strip> .live-dot,.strip-arrow,.strip-divider{display:none}.site-header{padding:0 18px;gap:10px}.header-actions .button{padding:9px 11px;font-size:10px;gap:8px}.header-actions .button span{font-size:13px}.brand{gap:5px}.brand img{width:35px;height:35px}.brand>span{font-size:10px;letter-spacing:.7px}.container{padding:0 20px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:20px;min-height:auto}.hero h1{font-size:60px;letter-spacing:-3.5px}.hero-copy>p{max-width:340px;font-size:13px;margin:20px 0}.hero-art{height:360px;margin:0}.hero-logo{width:380px;height:380px;max-width:115%;top:47%}.hero-note{font-size:10px;margin-top:18px}.hero-buttons .button{font-size:12px;padding:13px 17px}.float-label.one{right:0;top:48px}.float-label.two{bottom:40px;left:2px}.hero-scroll{display:none}.intro-strip{padding:19px 0;flex-wrap:wrap;gap:14px}.intro-strip b{font-size:11px;gap:6px}.intro-strip b:last-child{display:none}.sol-mark{font-size:20px}.section-head{align-items:start;gap:15px}.section-head .button{font-size:10px;white-space:nowrap;padding:10px;gap:8px;margin-top:17px}.section-head h2{font-size:29px;letter-spacing:-1.2px}.section-head p{font-size:11px}.section-kicker{font-size:8px}.chip{font-size:10px;padding:7px 11px}.cards-grid{grid-template-columns:1fr}.card-art{height:145px}.card-art .dao-emblem{top:34px}.card-body{padding:21px}.card-title h3{font-size:20px}.card-body>p{font-size:12px;min-height:0}.card-meta{font-size:10px}.card-bottom .text-link{font-size:11px}.bento{grid-template-columns:1fr;margin-bottom:35px}.bento-card{min-height:250px}.union-sculpture{right:-30px;opacity:.85}.mini-profiles{right:-15px;opacity:.65}.bento-card p{max-width:210px}.launch-panel{padding:25px;flex-direction:column;align-items:start;margin-bottom:35px;gap:22px}.launch-panel h2{font-size:30px}.launch-panel p{font-size:11px}.launch-panel:after{right:-50px}.page-head{padding:30px 0 25px}.page-head h1{font-size:39px;letter-spacing:-2px}.page-head>p{font-size:12px}.page-topline{align-items:start}.page-topline>.button{font-size:10px;padding:10px 12px;gap:5px}.page-grid{grid-template-columns:1fr}.page-grid aside{order:2}.detail-cover{height:180px;padding:25px}.detail-cover h1{font-size:31px}.detail-cover .dao-emblem{width:95px;height:95px;border-width:20px;right:18px;top:45px;opacity:.4}.detail-tabs{margin:15px 0}.surface{padding:20px}.profile-cover{height:120px}.profile-info{gap:12px;flex-wrap:wrap}.profile-info .avatar{width:65px;height:65px}.profile-info h2{font-size:25px}.profile-info>.button{padding:9px 12px}.form-row{grid-template-columns:1fr;gap:0}#modal-content{padding:23px}.modal-head h2{font-size:25px}.rank-table th,.rank-table td{padding:15px 7px;font-size:11px}.rank-name{gap:7px}.rank-name .avatar{width:27px;height:27px;font-size:9px}.rank-name small{font-size:8px}.rank-table .hide-mobile{display:none}footer{padding:25px 20px;gap:12px}footer p{font-size:9px;margin-left:auto}footer>a:last-child{width:100%}.section{padding:35px 0}.eyebrow{margin-bottom:18px}.profile-info>div{max-width:calc(100% - 80px)}.stats{gap:23px}.surface-title h3{font-size:18px}.surface-title>.button{font-size:10px;padding:8px 10px;gap:5px}.inline-actions{flex-wrap:wrap}}
.surface p{overflow-wrap:anywhere}.profile-socials{display:flex;gap:9px;flex-wrap:wrap;margin-top:19px}.social-link{display:inline-flex;gap:9px;align-items:center;padding:9px 13px;border:1px solid #c999df2a;border-radius:9px;background:linear-gradient(120deg,#a270c316,#e5a0ca0a);font-size:11px;color:#e6c7ef;box-shadow:inset 0 1px 0 #ffffff08;transition:transform .2s,border-color .2s}.social-link:hover{transform:translateY(-3px);border-color:#e8acec80}.social-link>span{font-size:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dao-chat{padding:0;overflow:hidden;position:relative}.chat-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#46275150,#21182d55);gap:15px}.chat-heading .section-kicker{font-size:8px}.chat-heading h3{margin:7px 0 0;font-size:22px}.chat-status{font-size:9px;color:#c3a5d4;max-width:180px;text-align:right}.chat-status:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#d0b0e8;margin-right:6px}.chat-status.offline{color:#e2a4bf}.chat-status.offline:before{background:#d4829f}.chat-log{height:min(52vh,540px);min-height:300px;overflow-y:auto;padding:22px;scrollbar-width:thin;scrollbar-color:#694376 #1b1324;overscroll-behavior:contain}.chat-message{display:flex;gap:11px;margin-bottom:22px;animation:dialog-in .18s ease-out}.chat-message>.avatar{width:32px;height:32px;font-size:10px;margin-top:2px}.chat-message-content{min-width:0;flex:1}.chat-author{display:flex;gap:8px;align-items:baseline;margin:0 0 7px;font-size:11px}.chat-author>a{font-weight:600;color:#e8c9f3}.chat-author>span{color:#8e729e;font-size:9px}.chat-author>time{color:#856f95;font-size:9px;margin-left:auto}.chat-bubble{display:inline-block;padding:11px 15px;background:#30203b;border:1px solid #c895df15;border-radius:0 11px 11px 11px;font-size:12px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;color:#e4d5ec;box-shadow:0 3px 7px #0002}.chat-message.own .chat-bubble{background:linear-gradient(125deg,#6f44765c,#4a2e636e);border-color:#d394e330}.chat-message.own .chat-author>a{color:#f1c1e9}.chat-compose{padding:18px 22px 20px;border-top:1px solid var(--line);background:#150e1d60}.chat-compose label{margin:0}.chat-compose textarea{min-height:75px;max-height:200px;font-size:12px;border-radius:10px;background:#140d1e}.chat-compose-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px}.chat-compose-footer>span{color:#8e739c;font-size:9px}.chat-compose .form-error{margin:9px 0 0}.chat-older{display:block;margin:14px auto 0;font-size:10px}.chat-jump{position:absolute;bottom:175px;left:50%;transform:translateX(-50%);background:#5e3c70;border:1px solid #d7a3e561;color:#f0dbfb;border-radius:20px;padding:7px 14px;font-size:10px;box-shadow:0 4px 15px #0005}.chat-welcome{text-align:center;padding:55px 10px 35px}.chat-welcome>span{font-size:35px;color:#c29ad9}.chat-welcome h3{font-size:24px;margin-top:15px}.chat-welcome p{font-size:11px;max-width:280px;margin:15px auto}.chat-compose button:disabled{opacity:.5}.dao-chat.reveal-ready{translate:none}
@media(max-width:600px){.chat-heading{padding:18px}.chat-log{padding:16px;height:52vh}.chat-compose{padding:15px}.chat-author>span{display:none}.chat-compose-footer>span{max-width:145px;font-size:8px}.chat-heading h3{font-size:19px}.chat-status{font-size:8px}.chat-bubble{padding:9px 12px}}
.connection-notice{max-width:1240px;margin:0 auto;padding:9px 15px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #ce9ce329;border-radius:8px;background:#46245329;color:#b79ac6;font-size:10px}.connection-notice button{font-size:10px;color:#e6bde9;white-space:nowrap}.connection-notice+main .hero{padding-top:15px}.local-profile-row{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:14px 0;border-bottom:1px solid var(--line);gap:15px}.local-profile-row b{font-size:13px;display:block}.local-profile-row small{font-size:10px;color:#a68bb7}.local-profile-row>span:last-child{font-size:10px;color:#d9ace8}#local-import input[type=checkbox]{display:inline;width:auto}#local-import{margin-top:20px}@media(max-width:600px){.connection-notice{margin:0 20px;font-size:9px;gap:8px}.connection-notice button{font-size:9px}}
/* Dimensional surfaces and responsive motion. */
body{background-image:radial-gradient(ellipse at 78% 8%,#8c368225,transparent 33%),radial-gradient(ellipse at 5% 48%,#5c2f7b12,transparent 35%)}
.brand img{object-fit:contain;border-radius:0;filter:drop-shadow(0 3px 5px #c769d555)}
.hero-logo{mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none;width:410px;height:410px;object-fit:contain;filter:drop-shadow(12px 24px 23px #0007) drop-shadow(0 0 24px #ce6fc025)}
.hero-art{transform-style:preserve-3d;transition:transform .35s ease;will-change:auto}
.hero-art.is-tilting{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.hero-art:after{content:'';position:absolute;width:290px;height:65px;border-radius:50%;left:50%;bottom:40px;transform:translateX(-50%) rotate(-8deg);background:radial-gradient(ellipse,#ab4fbb38,transparent 70%);filter:blur(15px);z-index:-1;animation:shadow-breathe 7s ease-in-out infinite}
.orbital{box-shadow:0 1px 0 #edb8f226,0 -1px 0 #69398135,0 0 40px #b855ed16}
.orbital:before{content:'';position:absolute;top:12%;left:15%;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffe5f6,#ca83df 40%,#67407f);box-shadow:0 0 15px #d998ea55}
.orbital.second{animation:orbit-drift 22s ease-in-out infinite alternate}
.float-label{box-shadow:0 16px 30px #0005,inset 0 1px 0 #f5d6ff1c,0 2px 0 #5c3c6c,0 3px 0 #20142c}
.dao-card,.bento-card{transform-style:preserve-3d;transition:transform .32s ease,box-shadow .32s,border-color .32s;box-shadow:0 2px 0 #3b284a,0 9px 20px #0002,inset 0 1px 0 #fff06}
.dao-card.is-tilting,.bento-card.is-tilting{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-5px);box-shadow:0 2px 0 #654276,0 22px 38px #0005;border-color:#df9ee457}
.dao-card:after,.bento-card:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--mx,50%) var(--my,0%),#e8b2f012,transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s}
.dao-card.is-tilting:after,.bento-card.is-tilting:after{opacity:1}
.dao-emblem{animation:emblem-bob 7s ease-in-out infinite}.dao-card:nth-child(2) .dao-emblem{animation-delay:-2s}.dao-card:nth-child(3) .dao-emblem{animation-delay:-4s}
.surface{box-shadow:inset 0 1px 0 #f2cbff07,0 2px 0 #2d1f38,0 10px 24px #0002}
.launch-panel{box-shadow:inset 0 1px 0 #f9c7ef21,0 3px 0 #4d2e59,0 18px 45px #08030e60;background:radial-gradient(ellipse at 12% 0%,#a45e9540,transparent 65%),linear-gradient(110deg,#43244e,#20152c 80%)}
.button,.chip{position:relative;overflow:hidden}.button:not(.button-ghost):not(.button-dark){box-shadow:inset 0 1px 0 #fff8,0 3px 0 #896298,0 9px 24px #b56cce26}.button:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #fff4,0 1px 0 #896298}
.button:not(.button-ghost):before{content:'';position:absolute;top:-70%;left:-80%;height:220%;width:32%;background:linear-gradient(90deg,transparent,#fff3,transparent);transform:rotate(24deg);transition:left .6s;pointer-events:none}.button:hover:before{left:160%}
.click-ripple{position:absolute;pointer-events:none;border-radius:50%;width:8px;height:8px;background:#ffeaff66;transform:translate(-50%,-50%);animation:button-ripple .6s ease-out forwards}
.reveal-ready{opacity:0;translate:0 18px;transition:opacity .65s ease var(--reveal-delay,0ms),translate .65s cubic-bezier(.2,.7,.3,1) var(--reveal-delay,0ms),transform .3s,box-shadow .3s,border-color .3s}.reveal-ready.revealed{opacity:1;translate:0 0}
dialog[open]{animation:dialog-in .25s ease-out}.profile-info .avatar{box-shadow:0 0 0 4px #ba77cf12,0 10px 25px #0004}.profile-cover{box-shadow:inset 0 1px 0 #e9c2f229,0 10px 30px #0003}
.profile-presence{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:#c9a8d8;font-size:10px;margin-top:12px}.profile-presence a{color:#e1bce9;margin-left:7px;border-bottom:1px solid #bc8ece33}.presence-dot{width:5px;height:5px;border-radius:50%;background:#d6ade6;box-shadow:0 0 9px #c793dc60}
.save-dao{position:absolute;top:12px;right:12px;z-index:3;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#1c102a99;border:1px solid #e6b4f32a;color:#d4b4e3;font-size:20px;backdrop-filter:blur(8px);transition:.2s}.save-dao:hover,.save-dao.saved{background:#7f4a8e75;color:#f5c8ed;border-color:#eea5e780}.achievement{box-shadow:inset 0 1px 0 #eecaff0d,0 3px 8px #0002;transition:transform .2s}.achievement:hover{transform:translateY(-3px)}
@keyframes orbit-drift{from{transform:translate(-50%,-50%) rotateX(66deg) rotateZ(10deg)}to{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(45deg)}}
@keyframes shadow-breathe{0%,100%{opacity:.6;scale:1}50%{opacity:.35;scale:.86}}@keyframes emblem-bob{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes button-ripple{to{opacity:0;scale:35}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:850px){.hero-logo{width:310px;height:310px}}@media(max-width:600px){.hero-logo{width:315px;height:315px}.hero-art:after{width:220px;bottom:30px}.profile-presence a{margin-left:0;display:block;width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;translate:none}.is-tilting{transform:none!important}}