:root{--tg-bg: #0f1115;--tg-card: #181b22;--tg-text: #eef1f6;--tg-hint: #8b93a3;--tg-accent: #3a86ff;--tg-accent-text: #ffffff;--radius: 16px;--gold: #f5b942}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--tg-bg);color:var(--tg-text);font-family:-apple-system,SF Pro Text,Inter,system-ui,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}.app{max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 14px env(safe-area-inset-bottom)}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 2px 10px;gap:10px;position:sticky;top:0;background:linear-gradient(var(--tg-bg) 70%,transparent);z-index:5}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,var(--tg-accent),#7b5cff);color:#fff}.brand-title{font-weight:650;font-size:15px}.brand-sub{color:var(--tg-hint);font-size:12px}.screen{display:flex;flex-direction:column;gap:12px;padding:6px 2px 20px;flex:1}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-top:4px}h1{font-size:22px;margin:6px 0}h2{font-size:18px;margin:4px 0}.muted{color:var(--tg-hint)}.small{font-size:12.5px}.center{text-align:center}.card{background:var(--tg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);padding:14px}.dao-card{display:flex;gap:12px;align-items:flex-start}.dao-card-genesis{border-color:#f5b94273;box-shadow:0 0 0 1px #f5b94226 inset}.dao-emoji{width:44px;height:44px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:24px;background:#ffffff0d}.dao-body{min-width:0;flex:1}.dao-row{display:flex;align-items:center;gap:8px}.dao-name{font-weight:620;font-size:15.5px}.dao-desc{color:var(--tg-hint);font-size:13px;margin:4px 0 8px}.dao-meta{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--tg-hint);flex-wrap:wrap}.dot{opacity:.5}.live{color:#45c46a}.tag{font-size:11px;padding:2px 8px;border-radius:999px;font-weight:600}.tag-citizen{background:#3a86ff29;color:#6ea8ff}.tag-token{background:#f5b94229;color:var(--gold)}.tag-genesis{background:#f5b9422e;color:var(--gold)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:13px;padding:14px 16px;font-size:15.5px;font-weight:640;cursor:pointer;width:100%;transition:transform .06s ease,opacity .2s ease}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45}.btn-primary{background:var(--tg-accent);color:var(--tg-accent-text)}.btn-create{margin-top:6px}.center-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:30px 18px}.hero-emoji{font-size:56px}.connect-btn{margin-top:14px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:12.5px;color:var(--tg-hint);padding-left:2px}input,textarea{background:var(--tg-card);color:var(--tg-text);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 13px;font-size:15px;font-family:inherit;width:100%}input:focus,textarea:focus{outline:none;border-color:var(--tg-accent)}textarea{resize:none}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--tg-card);border-radius:12px;padding:4px;border:1px solid rgba(255,255,255,.08)}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--tg-hint);padding:9px;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer}.seg .seg-on{background:var(--tg-accent);color:var(--tg-accent-text)}.price-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--tg-card);border-radius:12px;border:1px solid rgba(245,185,66,.25)}.price-row b{color:var(--gold)}.back{background:none;border:none;color:var(--tg-accent);font-size:15px;padding:4px 0;cursor:pointer;align-self:flex-start}.notice{background:#3a86ff1a;border:1px solid rgba(58,134,255,.25);color:var(--tg-text);padding:12px 14px;border-radius:12px;font-size:13.5px}.foot{text-align:center;color:var(--tg-hint);font-size:11.5px;padding:12px 0 16px;opacity:.8}.link-btn{background:none;border:none;color:var(--tg-hint);font-size:13.5px;margin-top:10px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}button.dao-card,button.voting-row{width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit}.dao-card{align-items:center}.chev{color:var(--tg-hint);font-size:22px;flex:none;opacity:.6}.dao-head{display:flex;align-items:center;gap:12px;padding:4px 2px}.dao-emoji.big{width:54px;height:54px;font-size:30px}.dao-name.lg{font-size:19px;font-weight:680}.balance-card{padding:14px}.balance-head{font-size:12.5px;color:var(--tg-hint);margin-bottom:10px}.balance-list{display:flex;flex-direction:column;gap:10px}.balance-item{display:flex;align-items:center;gap:10px}.bal-emoji{font-size:18px}.bal-name{flex:1;font-size:14px}.bal-amount{font-weight:650;font-variant-numeric:tabular-nums}.voting-row{display:flex;flex-direction:column;gap:6px}.voting-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.voting-title{font-weight:600;font-size:14.5px}.voting-row-meta{color:var(--tg-hint);font-size:12.5px}.pill{font-size:11px;padding:3px 9px;border-radius:999px;font-weight:600;flex:none}.pill-live{background:#45c46a29;color:#45c46a}.pill-done{background:#ffffff14;color:var(--tg-hint)}.pill-warn{background:#f5b9422e;color:var(--gold)}.net-toast{position:fixed;top:calc(8px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:100;max-width:min(480px,calc(100vw - 24px));display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#181b22eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);color:var(--tg-text);font-size:13px;box-shadow:0 8px 28px #00000059;cursor:pointer}.net-toast-spin{width:14px;height:14px;flex:none;border:2px solid rgba(255,255,255,.2);border-top-color:var(--tg-accent);border-radius:50%;animation:netspin .7s linear infinite}.net-toast-hint{margin-left:auto;color:var(--tg-hint);font-size:11px}@keyframes netspin{to{transform:rotate(360deg)}}.vote-options{display:flex;flex-direction:column;gap:10px}.vote-opt{position:relative;width:100%;text-align:left;border:1px solid rgba(255,255,255,.08);background:var(--tg-card);border-radius:13px;padding:14px;cursor:pointer;overflow:hidden;color:inherit;font:inherit}.vote-opt:disabled{cursor:default}.vote-opt-mine{border-color:var(--tg-accent)}.vote-bar{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#3a86ff47,#7b5cff38);transition:width .5s ease;z-index:0}.vote-opt-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:10px}.vote-label{font-weight:600;font-size:14.5px}.vote-pct{font-variant-numeric:tabular-nums;color:var(--tg-hint);font-size:13px}.quorum-row{display:flex;align-items:center;justify-content:space-between}.opt-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.opt-rm{flex:none;width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:var(--tg-card);color:var(--tg-hint);cursor:pointer}.opt-add{align-self:flex-start;background:none;border:none;color:var(--tg-accent);font-size:14px;cursor:pointer;padding:4px 0}.test-banner{display:block;margin:8px 0 4px;padding:8px 12px;border-radius:10px;background:#ffc10724;border:1px solid rgba(255,193,7,.4);color:var(--fg, #e8e8e8);font-size:13px;text-align:center;text-decoration:none}.test-banner:active{opacity:.7}.foot a{color:inherit}