:root,[data-theme=dark]{--font-sans: "Instrument Sans Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Geist Mono Variable", "SFMono-Regular", Consolas, monospace;--bg: #0d0b0f;--surface: #161318;--surface-2: #1d1920;--surface-raised: #252027;--border: #352e38;--border-subtle: #28222b;--border-control: #6b5d70;--text: #f7f5f7;--text-secondary: #b1a9b3;--text-tertiary: #918894;--accent: #d89acb;--accent-hover: #e5b6da;--accent-fill: #6f365f;--accent-fill-hover: #81456f;--accent-dim: rgba(216, 154, 203, .1);--accent-light: #e8bcde;--own-bubble: #6a335b;--own-text: #ffffff;--green: #22c55e;--danger: #ef4444;--warning: #fbbf24;--hover: rgba(255, 255, 255, .02);--shadow-color: rgba(0, 0, 0, .5);--header-bg: rgba(13, 11, 15, .82);--overlay-bg: rgba(0, 0, 0, .7);--focus-ring: #d89acb;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--header-height: 64px;--mobile-nav-height: 64px;color-scheme:dark}[data-theme=light]{--bg: #f7f4f7;--surface: #ffffff;--surface-2: #f1edf2;--surface-raised: #ffffff;--border: #ded7e0;--border-subtle: #ebe6ec;--border-control: #8e8291;--text: #211a23;--text-secondary: #5e5562;--text-tertiary: #706674;--accent: #753365;--accent-hover: #602852;--accent-fill: #6f315e;--accent-fill-hover: #5b274e;--accent-dim: rgba(117, 51, 101, .08);--accent-light: #753365;--own-bubble: #6a3159;--own-text: #ffffff;--green: #16a34a;--danger: #dc2626;--warning: #a16207;--hover: rgba(0, 0, 0, .02);--shadow-color: rgba(0, 0, 0, .08);--header-bg: rgba(255, 255, 255, .88);--overlay-bg: rgba(0, 0, 0, .3);--focus-ring: #7b3a6b;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;min-height:100%}body{font-family:var(--font-sans);font-synthesis:none;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;transition:background .2s,color .2s;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility;overscroll-behavior:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.app{width:100%;max-width:760px;margin:0 auto;padding:0;height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden}.header{position:sticky;top:0;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;flex-shrink:0}.header-brand{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.header-brand img{width:28px;height:28px;object-fit:contain;background:transparent;flex-shrink:0}.header h1{font-size:20px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,var(--text) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.subheader{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--accent-dim);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.subheader-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;font-family:inherit;color:var(--accent);background:none;border:none;cursor:pointer;padding:0;transition:opacity .15s}.subheader-link:hover{opacity:.8}.subheader-link svg{width:12px;height:12px}.club-content{flex:1;overflow-y:auto;padding:24px 16px 80px}.subheader-badges{display:flex;gap:6px}.subheader-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:6px;background:var(--accent);color:#fff}.subheader-invite{border:none;cursor:pointer;font-family:inherit;transition:opacity .15s}.subheader-invite:hover{opacity:.85}.wallet-badge{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);background:var(--surface);padding:6px 10px;border-radius:8px}.balance-display{display:flex;gap:8px;font-size:11px;font-weight:600;color:var(--text-secondary)}.balance-item{background:var(--surface);padding:4px 8px;border-radius:6px;font-family:var(--font-mono)}.theme-toggle{background:none;border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:7px;transition:all .15s}.theme-toggle:hover{border-color:var(--text-secondary);color:var(--text)}.theme-toggle svg{width:16px;height:16px}.btn{padding:10px 18px;border-radius:10px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--text);transition:all .15s;white-space:nowrap}.btn:hover{border-color:var(--text-secondary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent-fill),var(--accent-fill-hover));border-color:var(--accent-fill);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--surface-2);border-color:var(--border)}.btn-danger{background:linear-gradient(135deg,#ef4444,#c92f3d);border-color:#ef4444bf;color:#fff;box-shadow:0 8px 24px #ef44442e}.btn-danger:hover{border-color:#f87171;filter:brightness(1.04)}.icon-btn{padding:8px;display:flex;align-items:center;justify-content:center}.icon-btn svg{width:16px;height:16px}.content{flex:1;overflow-y:auto;padding:20px}.connect-screen .connection-banner{position:static;width:100%;max-width:100%;margin:0;border:1px solid var(--border);border-radius:12px;overflow-wrap:anywhere;line-height:1.4;text-align:left}.connect-screen .connect-footnote{margin:16px 0 0;color:var(--text-tertiary);font-size:12px}.connect-error{position:absolute;right:20px;bottom:max(20px,var(--safe-bottom));left:20px;z-index:10;margin:0 auto;max-width:520px}.gate-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px 20px}.gate-screen h2{font-size:20px;font-weight:700;margin-bottom:12px;color:var(--danger)}.gate-screen p{color:var(--text-secondary);line-height:1.5}.gate-requirements{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 24px;margin:20px 0;text-align:left}.gate-requirements li{color:var(--text-secondary);margin:8px 0;list-style:none}.gate-requirements li:before{content:"→ ";color:var(--accent)}.membership-gate{width:min(100%,560px);margin:0 auto;gap:0;justify-content:flex-start;overflow-y:auto;padding:max(32px,calc(var(--safe-top) + clamp(20px,5vh,52px))) 20px max(28px,calc(var(--safe-bottom) + 24px));scrollbar-gutter:stable}.gate-hero{display:flex;align-items:center;flex-direction:column;text-align:center}.membership-gate h1{margin:14px 0 10px;color:var(--text);font-size:clamp(30px,6vw,40px);font-weight:700;line-height:1.04;letter-spacing:-.045em}.gate-hero>p{max-width:420px;color:var(--text-secondary);font-size:14px;line-height:1.55}.gate-logo-wrap{position:relative;flex:0 0 auto;margin-bottom:14px}.gate-logo-badge{width:68px;height:68px;display:grid;place-items:center;background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 62%),var(--surface);border:1px solid var(--border);border-radius:21px;box-shadow:0 18px 44px color-mix(in srgb,var(--shadow-color) 42%,transparent)}.gate-brand-logo{width:48px;height:48px}.gate-lock-badge{position:absolute;right:-7px;bottom:-7px;width:28px;height:28px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--accent),var(--accent-fill-hover));border:3px solid var(--bg);border-radius:999px;box-shadow:0 8px 20px color-mix(in srgb,var(--shadow-color) 55%,transparent)}.gate-lock-badge svg{width:13px;height:13px}.gate-security-line{display:inline-flex;align-items:center;gap:2px}.gate-security-pill,.gate-locked-status,.gate-live-status{display:inline-flex;align-items:center;gap:6px;color:var(--accent-light);font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.gate-security-pill svg,.gate-locked-status svg{width:13px;height:13px;flex:0 0 auto}.gate-access-panel,.gate-market-preview{width:100%;margin-top:22px;padding:18px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:18px}.gate-section-heading{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.gate-section-heading>div{min-width:0}.gate-section-kicker{display:block;margin-bottom:3px;color:var(--text-secondary);font-size:9px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.gate-section-heading h2{margin:0;color:var(--text);font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.01em}.gate-locked-status{min-height:28px;flex:0 0 auto;padding:5px 9px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:9px}.membership-gate .gate-requirements{width:100%;margin:0;overflow:hidden;padding:0;background:color-mix(in srgb,var(--surface-2) 64%,var(--surface));border:1px solid var(--border-subtle);border-radius:14px}.membership-gate .gate-requirements li{position:relative;min-height:64px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;margin:0;padding:11px 13px;color:var(--text)}.membership-gate .gate-requirements li:before{content:none}.membership-gate .gate-requirements li+li{border-top:1px solid var(--border)}.membership-gate .gate-requirements li+li:after{content:"or";position:absolute;top:0;left:50%;padding:1px 8px;color:var(--text-tertiary);background:var(--surface-2);border-radius:999px;font-size:8px;font-weight:600;letter-spacing:.08em;line-height:1.5;text-transform:uppercase;transform:translate(-50%,-50%)}.gate-token-mark{width:42px;height:42px;display:grid;place-items:center;color:var(--accent-light);background:var(--accent-dim);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:12px;font-size:9px;font-weight:600;letter-spacing:-.02em}.gate-requirement-copy,.gate-wallet-balance{display:flex;min-width:0;flex-direction:column;gap:2px}.gate-requirement-copy strong,.gate-wallet-balance strong{color:var(--text);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3}.gate-requirement-copy small,.gate-wallet-balance small{overflow:hidden;color:var(--text-tertiary);font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.gate-wallet-balance{align-items:flex-end;text-align:right}.gate-market-header{margin-bottom:12px}.gate-live-status{color:var(--green)}.gate-live-status>span,.gate-freshness-dot{width:7px;height:7px;display:inline-block;flex:0 0 auto;background:var(--green);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent)}.gate-market-metrics{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:10px}.gate-market-card{min-width:0;display:flex;flex-direction:column;gap:7px;padding:13px 14px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:13px}.gate-market-label-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.gate-market-label{overflow:hidden;color:var(--text-secondary);font-size:9px;font-weight:600;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.gate-market-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;color:var(--text);font-size:clamp(17px,4vw,21px);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.18;letter-spacing:-.025em}.gate-market-value>span{color:var(--text-secondary);font-size:11px;font-weight:650;letter-spacing:0}.gate-market-loading,.gate-market-unavailable{min-height:96px;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:13px;font-size:12px;line-height:1.45}.gate-market-loading .spinner{width:18px;height:18px;flex:0 0 18px;margin:0}.gate-market-unavailable{flex-direction:column;text-align:center}.gate-market-unavailable strong{color:var(--text)}.gate-market-unavailable span{font-size:11px}.gate-market-updated{display:flex;align-items:center;justify-content:center;gap:7px;margin:11px 0 0;color:var(--text-tertiary)!important;font-size:10px!important;text-align:center}.gate-buy-action{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;border-radius:13px;font-size:13px;font-weight:600}.gate-buy-action>span{font-size:16px}.gate-wallet-footer{width:100%;display:flex;align-items:center;justify-content:center;gap:8px 14px;margin-top:14px;color:var(--text-tertiary);font-size:10px;line-height:1.4}.gate-wallet-footer strong{color:var(--text-secondary);font-family:var(--font-mono);font-weight:650}.gate-wallet-footer button{min-height:34px;padding:6px 9px;color:var(--text-secondary);background:transparent;border:0;border-radius:8px;cursor:pointer;font-size:10px;font-weight:700}.gate-wallet-footer button:hover,.gate-wallet-footer button:focus-visible{color:var(--text);background:var(--surface)}.info-tooltip{position:relative;display:inline-flex;flex:0 0 auto}.info-tooltip-trigger{width:26px;height:26px;display:grid;flex:0 0 auto;place-items:center;padding:0;color:var(--text-tertiary);background:transparent;border:0;border-radius:999px;cursor:help}.info-tooltip-trigger:hover{color:var(--text);background:var(--surface-2)}.info-tooltip-trigger svg{width:15px;height:15px}.info-tooltip-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:220;width:min(280px,calc(100vw - 40px));padding:11px 12px;color:var(--text-secondary);background:var(--surface-raised);border:1px solid var(--border);border-radius:11px;box-shadow:0 18px 44px var(--shadow-color);font-size:11px;font-weight:500;letter-spacing:0;line-height:1.5;opacity:0;pointer-events:none;text-align:left;text-transform:none;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease;visibility:hidden}.info-tooltip[data-open=true] .info-tooltip-panel{opacity:1;transform:none;visibility:visible}@media(hover:hover){.info-tooltip:hover .info-tooltip-panel{opacity:1;transform:none;visibility:visible}}@media(max-width:520px){.membership-gate{padding:max(24px,calc(var(--safe-top) + 18px)) 16px max(22px,calc(var(--safe-bottom) + 16px))}.gate-logo-badge{width:64px;height:64px;border-radius:19px}.gate-brand-logo{width:44px;height:44px}.membership-gate h1{margin-top:12px;font-size:clamp(29px,9vw,36px)}.gate-access-panel,.gate-market-preview{margin-top:16px;padding:15px;border-radius:16px}.gate-market-metrics{grid-template-columns:1fr}.gate-market-card{padding:12px 14px}.gate-market-value{font-size:18px}.gate-wallet-footer{flex-wrap:wrap}}@media(max-width:350px){.membership-gate .gate-requirements li{grid-template-columns:38px minmax(0,1fr) auto;gap:8px;padding-right:10px;padding-left:10px}.gate-token-mark{width:36px;height:36px;border-radius:10px;font-size:8px}.gate-requirement-copy strong,.gate-wallet-balance strong{font-size:12px}}.chat-container{display:flex;flex-direction:column;height:100%}.messages{flex:1;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;gap:4px}.date-separator{text-align:center;padding:16px 0 8px;font-size:12px;color:var(--text-secondary);font-weight:500}.message-row{display:flex;align-items:flex-end;gap:8px;padding:2px 36px 2px 0;position:relative}.message-row.own{flex-direction:row-reverse;padding:2px 0 2px 36px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-secondary);flex-shrink:0}.message{background:var(--surface);border-radius:18px;padding:10px 14px;max-width:70%;position:relative}.message.own{background:var(--own-bubble);color:var(--own-text)}.message-sender{font-size:12px;font-weight:600;margin-bottom:4px;color:var(--accent)}.message.own .message-sender{display:none}.message-content{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.message-text{font-size:15px;line-height:1.4;word-break:break-word;flex:1}.message-meta{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary);flex-shrink:0}.message.own .message-meta{color:#ffffffb3}.read-receipt{font-size:12px}.reply-reference{background:#0000000d;border-left:3px solid var(--accent);padding:6px 10px;margin-bottom:6px;border-radius:8px;font-size:13px}.message.own .reply-reference{background:color-mix(in srgb,var(--surface) 58%,transparent)}.reply-ref-sender{color:var(--accent);font-weight:600;margin-right:6px}.message.own .reply-ref-sender{color:var(--accent-light)}.reply-ref-text{color:var(--text-secondary)}.message.own .reply-ref-text{color:color-mix(in srgb,var(--text) 68%,transparent)}.reactions{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.reaction{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;background:var(--bg);border:1px solid var(--border);border-radius:12px;font-size:13px;cursor:pointer;transition:all .15s}.reaction:hover{border-color:var(--accent)}.reaction.own{background:var(--accent);border-color:var(--accent);color:#fff}.message-actions{position:absolute;top:50%;transform:translateY(-50%);right:4px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.message-row.own .message-actions{right:auto;left:4px}.message-row:hover .message-actions{opacity:1}.action-btn{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 8px;cursor:pointer;transition:all .15s;box-shadow:0 2px 4px var(--shadow-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.action-btn svg{width:14px;height:14px}.action-btn:hover{background:var(--surface);color:var(--text)}.emoji-picker{position:absolute;bottom:100%;right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px;display:flex;gap:4px;box-shadow:0 8px 32px var(--shadow-color);z-index:10;margin-bottom:4px}.message-row.own .emoji-picker{right:auto;left:0}.emoji-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:background .15s}.emoji-btn:hover{background:var(--hover)}.reply-preview{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface);border-left:3px solid var(--accent);border-radius:8px;margin-bottom:8px}.reply-preview-content{flex:1;overflow:hidden}.reply-preview-label{font-size:12px;color:var(--accent);font-weight:600;display:block;margin-bottom:2px}.reply-preview-text{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.reply-preview-cancel{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0 4px;line-height:1;display:flex;align-items:center;justify-content:center;transition:color .15s}.reply-preview-cancel svg{width:16px;height:16px}.reply-preview-cancel:hover{color:var(--text)}.compose{display:flex;align-items:center;gap:8px;padding:12px 0;flex-shrink:0}.compose-input-wrapper{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:8px 12px;display:flex;align-items:center;gap:8px;transition:border-color .15s}.compose-input-wrapper:focus-within{border-color:var(--accent)}.compose input[type=text]{flex:1;background:none;border:none;color:var(--text);font-size:15px;outline:none;font-family:inherit;padding:4px 0}.compose input[type=text]::placeholder{color:var(--text-secondary)}.compose-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:50%;transition:all .15s;display:flex;align-items:center;justify-content:center}.compose-btn svg{width:18px;height:18px}.compose-btn:hover{color:var(--text);background:var(--surface-2)}.compose-btn.send{background:linear-gradient(135deg,var(--accent-fill),var(--accent-fill-hover));border:1px solid var(--accent-fill);color:#fff;font-size:13px;font-weight:600;font-family:inherit;padding:8px 16px;border-radius:20px}.compose-btn.send:hover{opacity:.9}.compose-btn.send:disabled{opacity:.5;cursor:not-allowed}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary);font-size:14px}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-right:10px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.error{background:#ef44441a;border:1px solid var(--danger);border-radius:10px;padding:12px 16px;color:var(--danger);font-size:13px;margin:12px 0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.typing-indicator{padding:8px 16px;font-size:12px;color:var(--text-secondary);font-style:normal}.typing-dots{display:inline-flex;gap:2px}.typing-dots span{animation:typing-bounce 1.4s infinite;opacity:.4}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.club-view{width:100%;max-width:680px;margin:0 auto;padding:0 0 80px}.club-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.club-stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;transition:border-color .2s}.club-stat:hover{border-color:var(--text-secondary)}.club-stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-weight:600;margin-bottom:8px}.club-stat-value{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.3px}.club-stat-sub{font-size:12px;color:var(--text-secondary);margin-top:2px}.club-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px}.club-card-title{font-size:15px;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:8px}.club-card-desc{font-size:13px;color:var(--text-secondary);margin-bottom:14px;line-height:1.5}.club-input-group{display:flex;gap:8px;margin-bottom:8px}.club-input{flex:1;background:var(--bg);border:1px solid var(--border-control);border-radius:10px;color:var(--text);font-size:16px;font-family:inherit;padding:12px 14px;outline:none}.club-input:focus{border-color:var(--accent)}.club-input::placeholder{color:var(--text-secondary)}.club-input-error{margin-top:-2px;margin-bottom:8px;color:var(--danger);font-size:11px}.club-input-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;font-weight:600;margin-bottom:6px}.club-referrer-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.club-referral-secured{display:inline-flex;align-items:center;gap:4px;color:var(--accent-light);font-size:10px;letter-spacing:.04em}.club-referral-secured svg{width:12px;height:12px}.club-referrer-field.is-locked .club-input{color:var(--text-secondary);background:color-mix(in srgb,var(--accent) 6%,var(--bg));border-color:color-mix(in srgb,var(--accent) 24%,var(--border));cursor:text}.club-referral-help{margin:-1px 0 9px;color:var(--text-secondary);font-size:11px;line-height:1.45}.club-referral-error{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 10px;padding:9px 10px;color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border));border-radius:9px;font-size:11px;line-height:1.4}.club-referral-error button{flex:0 0 auto;padding:5px 8px;color:inherit;background:transparent;border:1px solid currentColor;border-radius:7px;font:inherit;font-weight:600;cursor:pointer}.club-btn{padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--text);transition:all .15s;white-space:nowrap}.club-btn:hover{border-color:var(--text-secondary)}.club-btn:disabled{opacity:.5;cursor:not-allowed}.club-btn-primary{background:linear-gradient(135deg,var(--accent-fill),var(--accent-fill-hover));border-color:var(--accent-fill);color:#fff}.club-btn-primary:hover{opacity:.9}.club-btn-secondary{background:var(--surface-2);border-color:var(--border)}.club-btn-full{width:100%}.club-btn-row{display:flex;gap:8px;margin-top:10px}.club-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px}.club-info-label{color:var(--text-secondary)}.club-info-value{font-weight:600;font-variant-numeric:tabular-nums}.club-info-row.highlight .club-info-value{color:var(--accent)}.club-info-row.fee .club-info-value{color:var(--text-secondary)}.club-rewards-panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.club-rewards-left{flex:1}.club-rewards-amount{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.club-rewards-amount .unit{font-size:15px;font-weight:600;color:var(--text-secondary);margin-left:4px}.club-rewards-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-weight:600;margin-bottom:6px}.club-referral{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px}.club-referral-link{display:flex;gap:8px;margin-top:10px}.club-referral-link input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:var(--font-mono);font-size:12px;padding:10px 12px;outline:none}.club-referral-link input:focus{border-color:var(--accent)}.club-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600;z-index:100;box-shadow:0 8px 32px var(--shadow-color);transition:opacity .3s,transform .3s}.club-toast.success{border-color:var(--green);color:var(--green)}.club-toast.error{border-color:var(--danger);color:var(--danger)}.club-toast.hidden{opacity:0;transform:translate(-50%) translateY(10px);pointer-events:none}.club-tx-pending{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;font-size:13px;color:var(--text-secondary);margin-top:10px}.club-tx-pending .spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.club-warning{font-size:12px;color:var(--danger);margin-top:8px;line-height:1.4;display:flex;align-items:flex-start;gap:6px}.club-warning svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0;margin-top:1px}.pending-operation-warning{align-items:center;flex-wrap:wrap;padding:10px 12px;color:var(--text-secondary);background:color-mix(in srgb,var(--warning) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--warning) 28%,var(--border));border-radius:10px}.pending-operation-warning>span{min-width:min(260px,100%);flex:1 1 320px}.pending-operation-warning>.btn{min-height:34px;padding:6px 10px;font-size:11px}.club-section-title{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-weight:600;margin:24px 0 12px;padding:0 4px}.club-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary);font-size:14px}.club-loading .spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-right:10px}.club-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:20px;overflow-x:auto;scrollbar-width:none}.club-tabs::-webkit-scrollbar{display:none}.club-tab{flex:1;min-width:0;padding:14px 12px;font-size:13px;font-weight:500;color:var(--text-secondary);text-align:center;cursor:pointer;border:none;background:none;font-family:inherit;white-space:nowrap;position:relative;transition:all .15s}.club-tab:hover{color:var(--text)}.club-tab.active{color:var(--text);font-weight:700}.club-tab.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--accent);border-radius:9999px}.club-tab-content{animation:club-tab-fade .2s ease}@keyframes club-tab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.club-faq{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;overflow:hidden}.club-faq-item{border-bottom:1px solid var(--border-subtle)}.club-faq-item:last-child{border-bottom:none}.club-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:none;border:none;font-family:inherit;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;text-align:left;transition:background .15s}.club-faq-q:hover{background:var(--hover)}.club-faq-q svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:var(--text-secondary);stroke-width:2;transition:transform .2s}.club-faq-item.open .club-faq-q svg{transform:rotate(180deg)}.club-faq-a{padding:0 20px 16px;font-size:13px;color:var(--text-secondary);line-height:1.6}.club-faq-a p{margin:0 0 12px}.club-faq-a p:last-child{margin-bottom:0}.club-faq-a ul{margin:6px 0 12px;padding-left:18px}.club-faq-a li{margin-bottom:3px}.club-faq-a a{color:var(--accent);text-decoration:none}.club-faq-a a:hover{text-decoration:underline}.club-swap-card{padding:16px 20px 20px}.club-swap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.club-swap-settings-btn{background:none;border:1px solid var(--border);border-radius:8px;padding:6px;cursor:pointer;color:var(--text-secondary);transition:all .15s;display:flex;align-items:center}.club-swap-settings-btn:hover{border-color:var(--text-secondary);color:var(--text)}.club-swap-settings{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:12px}.club-swap-settings .club-pct-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.club-swap-divider{height:1px;background:var(--border);margin:16px 0}.club-swap-pay-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.club-swap-pay-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.club-swap-balance-line{font-size:11px;color:var(--text-secondary);margin-top:8px;font-variant-numeric:tabular-nums}.club-swap-quote-loading{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.club-swap-quote-failed{font-size:13px;color:var(--text-secondary);text-align:center;padding:4px 0}.club-swap-total-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;margin-top:12px}.club-swap-total-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px}.club-swap-total-value{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.club-swap-row{display:flex;align-items:stretch;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:12px}.club-swap-input-side{flex:1;display:flex;flex-direction:column;gap:6px}.club-swap-select{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:13px;font-weight:600;padding:6px 10px;cursor:pointer;outline:none;width:fit-content}.club-swap-select:focus{border-color:var(--accent)}.club-swap-amount{background:none;border:none;color:var(--text);font-family:inherit;font-size:22px;font-weight:700;outline:none;width:100%;padding:0}.club-swap-amount::placeholder{color:var(--text-secondary)}.club-swap-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);padding:0 4px}.club-swap-output-side{flex:1;display:flex;flex-direction:column;gap:6px;text-align:right}.club-swap-token-label{font-size:13px;font-weight:600;color:var(--text-secondary);align-self:flex-end;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:6px 10px}.club-swap-amount-display{font-size:22px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.club-swap-info{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.club-swap-rate{font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.club-swap-preview{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-top:10px}.club-swap-preview .club-info-row.highlight{padding:0 0 8px;border-bottom:1px solid var(--border-subtle, var(--border));margin-bottom:8px}.club-swap-min-received{font-size:12px;color:var(--text-secondary);margin-top:6px;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:8px}.club-swap-slippage-tag{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--accent-dim);color:var(--accent)}.club-swap-usd{font-size:13px;font-weight:500;color:var(--text-secondary);font-variant-numeric:tabular-nums}.club-swap-gas{font-size:11px;color:var(--text-secondary);margin-top:6px;font-variant-numeric:tabular-nums;opacity:.7}.club-swap-disclaimer{font-size:11px;color:var(--text-secondary);line-height:1.5;margin-top:10px;padding:8px 10px;background:var(--surface-2);border-radius:8px;border:1px solid var(--border);opacity:.85}.club-swap-disclaimer-link{color:var(--accent);text-decoration:none;font-weight:600}.club-swap-disclaimer-link:hover{text-decoration:underline}.club-dex-btn{display:block;width:100%;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:700;font-family:inherit;text-align:center;text-decoration:none;letter-spacing:-.2px;border:1px solid var(--accent-fill);background:linear-gradient(135deg,var(--accent-fill),var(--accent-fill-hover));color:#fff;transition:all .15s;cursor:pointer}.club-dex-btn:hover{opacity:.9}.club-dex-btn:active{transform:scale(.98)}.club-balance-display{float:right;font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-secondary);font-size:11px}.club-pct-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px;margin-bottom:4px}.club-pct-btn{padding:7px 0;border-radius:8px;font-size:12px;font-weight:600;font-family:inherit;text-align:center;cursor:pointer;border:1px solid color-mix(in srgb,var(--border-control) 58%,var(--border));background:var(--surface-2);color:var(--text-secondary);transition:all .12s}.club-pct-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.club-pct-btn:active:not(:disabled){transform:scale(.96)}.club-pct-btn:disabled{opacity:.4;cursor:not-allowed}.club-why-join{display:flex;flex-direction:column;gap:12px}.club-why-item{display:flex;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;transition:border-color .2s}.club-why-item:hover{border-color:var(--text-secondary)}.club-why-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent-dim),color-mix(in srgb,var(--accent) 4%,transparent));display:flex;align-items:center;justify-content:center;color:var(--accent)}.club-why-icon svg{width:18px;height:18px}.club-why-body{flex:1;min-width:0}.club-why-title{font-size:14px;font-weight:700;margin-bottom:3px}.club-why-desc{font-size:12.5px;color:var(--text-secondary);line-height:1.5}@media(max-width:600px){.club-stats{grid-template-columns:1fr}.club-input-group{flex-direction:column}.club-rewards-panel{flex-direction:column;gap:14px;align-items:flex-start}.club-rewards-panel .club-btn-row{width:100%}.club-rewards-panel .club-btn{flex:1}}.header-profile-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.header-avatar{width:32px;height:32px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--text-secondary);overflow:hidden;border:2px solid var(--border)}.header-avatar img{width:100%;height:100%;object-fit:cover}.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px var(--shadow-color)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:16px;font-weight:700}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:6px;transition:all .15s}.modal-close:hover{color:var(--text);background:var(--hover)}.modal-close svg{width:18px;height:18px}.modal-body{padding:20px}.installation-modal-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.installation-modal{max-width:480px;overflow:hidden;display:flex;flex-direction:column;border-color:#ef44443d;box-shadow:0 30px 90px var(--shadow-color),0 0 0 1px #ef44440d}.installation-modal .modal-header,.installation-modal-actions{flex-shrink:0}.installation-modal .modal-body{min-height:0;overflow-y:auto}.installation-modal-heading{display:flex;align-items:center;gap:12px;min-width:0}.installation-modal-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#f87171;background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.installation-modal-icon svg{width:20px;height:20px;stroke-linecap:round;stroke-linejoin:round}.installation-modal-eyebrow{color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:3px;text-transform:uppercase}.installation-modal-copy{color:var(--text-secondary);font-size:14px;line-height:1.6}.installation-impact{display:grid;gap:10px;margin-top:18px;padding:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px}.installation-impact-row{display:flex;align-items:center;gap:10px;color:var(--text);font-size:13px;line-height:1.4}.installation-impact-check,.installation-impact-mark{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:700}.installation-impact-check{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.installation-impact-mark{color:#f87171;background:#ef44441f}.installation-impact-row.warning{color:#fca5a5}[data-theme=light] .installation-impact-row.warning{color:#b91c1c}.installation-modal-notice{margin-top:14px;padding:10px 12px;color:var(--accent-light);background:var(--accent-dim);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:10px;font-size:12px;line-height:1.5}.installation-modal-error{margin-top:14px;padding:10px 12px;color:#fca5a5;background:#ef444417;border:1px solid rgba(239,68,68,.22);border-radius:10px;font-size:12px;line-height:1.5}[data-theme=light] .installation-modal-error{color:#b91c1c}.installation-modal-footnote{margin-top:14px;color:var(--text-secondary);font-size:11.5px;line-height:1.5}.installation-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px 18px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 55%,var(--surface))}.xmtp-device-modal{width:min(620px,calc(100vw - 28px));max-width:620px;max-height:min(88dvh,760px);border-color:var(--border)}.xmtp-device-modal.is-confirming{max-width:520px;border-color:#ef44443d}.xmtp-device-modal-icon{color:var(--accent-light);background:var(--accent-dim);border-color:color-mix(in srgb,var(--accent) 24%,transparent)}.xmtp-device-summary{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 12px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px}.xmtp-device-summary>div:first-child{min-width:0;display:flex;flex-direction:column;gap:2px}.xmtp-device-summary strong{color:var(--text);font-size:18px;font-weight:700}.xmtp-device-summary span{color:var(--text-secondary);font-size:11px}.xmtp-device-summary-actions{display:flex;align-items:center;gap:6px}.xmtp-device-summary-actions button{min-height:44px;padding:7px 10px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:11px;font-weight:700}.xmtp-device-summary-actions button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--hover)}.xmtp-device-summary-actions button:disabled{opacity:.55;cursor:not-allowed}.xmtp-device-loading{min-height:140px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-secondary);font-size:13px}.xmtp-device-list{display:grid;gap:7px}.xmtp-device-row{min-height:64px;display:grid;grid-template-columns:20px 38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.xmtp-device-row:hover:not(.is-current):not(.is-pending){background:var(--surface-2);border-color:color-mix(in srgb,var(--accent) 36%,var(--border))}.xmtp-device-row.is-selected{background:var(--accent-dim);border-color:color-mix(in srgb,var(--accent) 42%,var(--border))}.xmtp-device-row.is-current{cursor:default;background:color-mix(in srgb,var(--green) 6%,var(--surface));border-color:color-mix(in srgb,var(--green) 24%,var(--border))}.xmtp-device-row.is-pending{cursor:wait;background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.xmtp-device-row>input{width:18px;height:18px;margin:0;accent-color:var(--accent-fill);cursor:pointer}.xmtp-device-row>input:disabled{opacity:.4;cursor:not-allowed}.xmtp-device-glyph{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:10px}.xmtp-device-glyph svg{width:18px;height:18px;stroke-linecap:round;stroke-linejoin:round}.xmtp-device-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.xmtp-device-copy strong{overflow:hidden;color:var(--text);font-family:var(--font-mono);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.xmtp-device-copy>span{overflow:hidden;color:var(--text-secondary);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.xmtp-device-badges{max-width:112px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.xmtp-device-badge{padding:3px 6px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:8.5px;font-weight:600;letter-spacing:.04em;line-height:1.25;text-transform:uppercase;white-space:nowrap}.xmtp-device-badge.current{color:var(--green);background:color-mix(in srgb,var(--green) 9%,transparent);border-color:color-mix(in srgb,var(--green) 24%,transparent)}.xmtp-device-badge.syncing{color:var(--accent-light);background:var(--accent-dim);border-color:color-mix(in srgb,var(--accent) 24%,transparent)}.xmtp-device-empty,.xmtp-device-current-note{color:var(--text-secondary);font-size:11px;line-height:1.5}.xmtp-device-empty{padding:14px;text-align:center;background:var(--surface-2);border:1px dashed var(--border);border-radius:10px}.xmtp-device-current-note{margin-top:12px}.xmtp-device-confirm-list{display:grid;gap:7px;margin-top:16px}.xmtp-device-confirm-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px}.xmtp-device-confirm-row strong{overflow:hidden;color:var(--text);font-family:var(--font-mono);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.xmtp-device-confirm-row span{flex:0 0 auto;color:var(--text-secondary);font-size:10px}@media(max-width:520px){.installation-modal-actions{flex-direction:column-reverse}.installation-modal-actions .btn{width:100%}.xmtp-device-modal{width:calc(100vw - 20px);max-height:min(92dvh,760px)}.xmtp-device-summary{align-items:flex-start;flex-direction:column}.xmtp-device-summary-actions,.xmtp-device-summary-actions button{width:100%}.xmtp-device-summary-actions button{flex:1}.xmtp-device-row{grid-template-columns:20px 34px minmax(0,1fr)}.xmtp-device-badges{max-width:none;grid-column:3;justify-content:flex-start}.xmtp-device-confirm-row{align-items:flex-start;flex-direction:column;gap:4px}}.profile-avatar-section{display:flex;align-items:center;gap:16px;margin-bottom:24px}.profile-loading{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:12px;font-size:13px}.profile-loading .spinner{width:16px;height:16px;margin:0;border-width:2px}.profile-avatar-large{width:72px;height:72px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--text-secondary);overflow:hidden;flex-shrink:0;border:2px solid var(--border)}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-avatar-actions{display:flex;gap:8px;flex-wrap:wrap}.profile-username-section{margin-bottom:8px}.profile-username-hint{font-size:11px;color:var(--text-secondary);margin-top:6px}button,input,textarea,select{font:inherit}button,[role=button]{touch-action:manipulation}img,svg{max-width:100%}::selection{color:var(--text);background:color-mix(in srgb,var(--accent) 34%,transparent)}:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}:where(a,button,input,textarea,select,summary,[tabindex]):focus:not(:focus-visible){outline:none}.sr-only,.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;top:calc(8px + var(--safe-top));left:calc(8px + var(--safe-left));z-index:2000;padding:10px 14px;color:#fff;background:var(--accent-fill);border-radius:10px;transform:translateY(-150%);transition:transform .16s ease}.skip-link:focus{transform:translateY(0)}.app-main{flex:1;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,760px) minmax(240px,300px);justify-content:center;gap:20px;width:100%;padding:20px;overflow:hidden}.app:has(.app-main),.app:has(.desktop-rail){max-width:1120px}.app-main:not(:has(.desktop-rail)){grid-template-columns:minmax(0,760px)}.chat-pane{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 50px color-mix(in srgb,var(--shadow-color) 32%,transparent)}.chat-container,.content{min-width:0;min-height:0}.chat-topbar{min-height:66px;padding:10px 16px;display:flex;align-items:center;gap:12px;flex-shrink:0;background:color-mix(in srgb,var(--surface) 90%,transparent);border-bottom:1px solid var(--border-subtle);border-bottom-left-radius:18px;border-bottom-right-radius:18px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:20}.chat-topbar .header-brand{max-width:fit-content;flex:0 1 190px}.brand-wordmark{min-width:0;overflow:hidden;color:var(--text);font-size:13px;font-weight:700;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.room-heading{min-width:0;display:flex;flex:1;flex-direction:column;justify-content:center}.room-title{overflow:hidden;color:var(--text);font-size:15px;font-weight:600;line-height:1.25;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.room-subtitle{display:flex;align-items:center;gap:5px;overflow:hidden;margin-top:2px;color:var(--text-secondary);font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.room-subtitle svg,.room-lock{width:12px;height:12px;flex:0 0 auto}.desktop-view-switch{flex:0 0 auto;display:flex;align-items:center;gap:3px;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px}.desktop-view-switch>button{position:relative;min-width:74px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;color:var(--text-secondary);background:transparent;border:0;border-radius:9px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;transition:color .15s,background .15s,box-shadow .15s}.desktop-view-switch>button:hover,.desktop-view-switch>button:focus-visible{color:var(--text)}.desktop-view-switch>button.active{color:var(--text);background:var(--surface-raised);box-shadow:0 2px 10px color-mix(in srgb,var(--shadow-color) 22%,transparent)}.desktop-view-switch svg{width:15px;height:15px;flex:0 0 auto}.desktop-view-badge{min-width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;color:#fff;background:var(--accent-fill);border-radius:999px;font-size:9px;font-variant-numeric:tabular-nums;line-height:1}.room-status{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 8px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:11px;font-weight:650;white-space:nowrap}.room-status-dot{width:7px;height:7px;flex:0 0 auto;background:var(--green);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 13%,transparent)}.room-status.syncing .room-status-dot,.room-status.warning .room-status-dot{background:var(--warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--warning) 14%,transparent)}.room-status.offline .room-status-dot,.room-status.error .room-status-dot{background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 13%,transparent)}.room-status.error{margin:0;padding:4px 8px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:999px}.desktop-rail{min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.rail-card{padding:16px;margin-bottom:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.rail-card-header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.rail-card-header strong{color:var(--text);font-size:12px;font-weight:600;letter-spacing:.055em;text-transform:uppercase}.rail-card-header>:is(button,span){min-height:28px;display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:10px;font-weight:500}.rail-card-header>button{cursor:pointer}.rail-card-header>button:hover,.rail-card-header>button:focus-visible{color:var(--text);border-color:var(--text-secondary)}.rail-member-stack{display:flex;flex-direction:column;gap:3px}.rail-member{min-width:0;min-height:42px;display:flex;align-items:center;gap:9px;padding:5px 4px;border-radius:9px}.rail-member:hover{background:var(--surface-2)}.rail-member .avatar{width:30px;height:30px;flex-basis:30px}.rail-member>span{min-width:0;overflow:hidden;color:var(--text);font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.rail-empty{padding:6px 0 2px;color:var(--text-secondary);font-size:12px;line-height:1.55}.rail-pin{width:100%;display:block;padding:9px 0;overflow:hidden;color:var(--text-secondary);background:transparent;border:0;border-top:1px solid var(--border-subtle);cursor:pointer;font-size:12px;line-height:1.45;text-align:left;text-overflow:ellipsis}.rail-card-header+.rail-pin{border-top:0}.rail-pin:hover,.rail-pin:focus-visible{color:var(--text)}.rail-invite{width:100%;min-height:46px;padding:10px 14px;color:var(--accent-light);background:var(--accent-dim);border:1px dashed color-mix(in srgb,var(--accent) 48%,var(--border));border-radius:12px;cursor:pointer;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.rail-invite:hover,.rail-invite:focus-visible{color:var(--text);background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:var(--accent)}.rail-card-title{margin-bottom:10px;color:var(--text);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.rail-card-copy{color:var(--text-secondary);font-size:12px;line-height:1.55}.rail-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;color:var(--text-secondary);font-size:12px}.rail-stat strong{color:var(--text);font-variant-numeric:tabular-nums}.header{height:var(--header-height);min-height:var(--header-height);padding-right:max(16px,var(--safe-right));padding-left:max(16px,var(--safe-left))}.header-actions :is(.theme-toggle,.icon-btn,.header-profile-btn),.modal-close,.reply-preview-cancel{min-width:36px;min-height:36px}.header-profile-btn{justify-content:center;border-radius:50%}.header-profile-btn:hover .header-avatar{border-color:var(--text-secondary)}.header-account{position:relative}.header-account-menu{position:absolute;top:calc(100% + 9px);right:0;z-index:180;width:min(260px,calc(100vw - var(--safe-left) - var(--safe-right) - 24px));padding:6px;background:var(--surface-raised);border:1px solid var(--border);border-radius:13px;box-shadow:0 18px 50px var(--shadow-color)}.account-menu-summary{padding:10px;margin-bottom:4px;border-bottom:1px solid var(--border-subtle)}.account-menu-wallet{overflow:hidden;margin-top:3px;color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.account-menu-item{width:100%;min-height:40px;display:flex;align-items:center;gap:9px;padding:8px 10px;color:var(--text);background:transparent;border:0;border-radius:8px;cursor:pointer;font-size:13px;text-align:left}.account-menu-item:hover{background:var(--surface-2)}.account-menu-item.danger{color:var(--danger)}.account-menu-item svg{width:16px;height:16px;flex:0 0 auto}.subheader-badge,.reaction.own{color:#fff;background:var(--accent-fill);border-color:var(--accent-fill)}.btn-danger{background:linear-gradient(135deg,#b91c1c,#991b1b);border-color:#b91c1c}.connection-banner{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 14px;color:var(--text);background:color-mix(in srgb,var(--surface-raised) 92%,transparent);border-bottom:1px solid var(--border);font-size:12px;line-height:1.4;border-radius:18px;margin-top:4px;margin-bottom:4px}.connection-banner:before{content:"";width:8px;height:8px;flex:0 0 auto;background:var(--green);border-radius:50%}.connection-banner.warning:before,.connection-banner.reconnecting:before{background:var(--warning)}.connection-banner.error:before,.connection-banner.offline:before{background:var(--danger)}.connection-banner.error{margin:0;padding:8px 14px;color:var(--text);background:color-mix(in srgb,var(--surface-raised) 92%,transparent);border-width:0 0 1px;border-color:var(--border);border-radius:0}.connection-banner-text{min-width:0;flex:1}.connection-banner-action{min-height:32px;padding:5px 9px;color:var(--text);background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:12px;font-weight:700}.pinned-announcement{display:flex;align-items:flex-start;gap:10px;margin:12px 16px 2px;padding:11px 12px;color:var(--text-secondary);background:var(--accent-dim);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:12px;font-size:12px;line-height:1.5}.pinned-announcement-icon{width:18px;height:18px;flex:0 0 auto;color:var(--accent)}.pinned-announcement strong{color:var(--text)}.messages{position:relative;padding:14px 12px 20px;gap:2px;overscroll-behavior-y:contain;scrollbar-gutter:stable;scroll-padding:20px}.message-row,.message-row.own{align-items:flex-end;flex-direction:row;gap:9px;padding:3px 52px 3px 2px}.message-row.own{padding-right:52px;padding-left:0}.avatar-spacer{width:32px;height:32px;flex:0 0 32px}.message{max-width:min(86%,580px);padding:9px 12px;background:var(--surface);border:1px solid transparent;border-radius:7px 16px 16px}.message.own{color:var(--text);background:color-mix(in srgb,var(--own-bubble) 19%,var(--surface));border-color:color-mix(in srgb,var(--accent) 20%,transparent);border-radius:16px 16px 16px 7px}.message-row.grouped{padding-top:0;padding-bottom:1px}.message-row.grouped .avatar{visibility:hidden}.message-row.grouped .message-sender{display:none}.message-row.grouped .message{border-top-left-radius:7px}.message-row.grouped.own .message{border-bottom-left-radius:7px}.message-text{min-width:0;font-size:15px;line-height:1.48;overflow-wrap:anywhere;word-break:normal}.message-text a{text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:2px}.mention{padding:.08em .3em;color:var(--accent-light);background:var(--accent-dim);border-radius:5px;font-weight:700;box-decoration-break:clone;-webkit-box-decoration-break:clone}.message-attachment{min-width:0;width:100%;display:grid;flex:1 0 100%;gap:8px;margin-top:3px}.attachment-loading,.attachment-error{min-height:42px;display:flex;align-items:center;gap:9px;padding:9px 10px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:10px;font-size:12px;line-height:1.4}.attachment-loading{color:var(--text-secondary)}.attachment-loading .spinner{width:16px;height:16px;flex:0 0 16px;margin:0}.attachment-error{align-items:flex-start;justify-content:space-between;color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface-2));border-color:color-mix(in srgb,var(--danger) 25%,var(--border))}.attachment-error>span{min-width:0;flex:1;overflow-wrap:anywhere}.attachment-error .message-retry{flex:0 0 auto}.attachment-image{display:block;width:100%;max-height:min(360px,48dvh);object-fit:contain;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:12px}.attachment-audio{display:block;width:100%;min-height:42px}.attachment-download{min-width:0;min-height:38px;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:7px 10px;overflow:hidden;color:var(--accent-light);background:var(--accent-dim);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:9px;cursor:pointer;font-size:11px;font-weight:700;line-height:1.35;text-align:left;text-decoration:none}.attachment-download:hover,.attachment-download:focus-visible{color:var(--text);background:color-mix(in srgb,var(--accent) 13%,transparent);border-color:color-mix(in srgb,var(--accent) 55%,var(--border));text-decoration:none}.attachment-download>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message.own .message-meta{color:color-mix(in srgb,var(--text) 68%,transparent)}.message-status{display:inline-flex;align-items:center;gap:3px;color:var(--text-tertiary);font-size:10px}.message-status.pending:before{content:"";width:8px;height:8px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.message-status.failed{color:var(--danger)}.message-retry{min-height:28px;padding:3px 7px;color:var(--danger);background:transparent;border:1px solid color-mix(in srgb,var(--danger) 28%,transparent);border-radius:7px;cursor:pointer;font-size:11px;font-weight:700}.message-actions,.message-row.own .message-actions{right:-46px;left:auto}.message-row:hover .message-actions,.message-row:focus-within .message-actions,.message-row.is-selected .message-actions{opacity:1}.action-btn{min-width:32px;min-height:32px;padding:6px;border-radius:9px}.touch-more-action{display:none}.reaction{min-height:28px;border-radius:999px;user-select:none}.load-older{min-height:36px;align-self:center;margin:4px auto 10px;padding:7px 12px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:999px;cursor:pointer;font-size:11px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.load-older:hover:not(:disabled),.load-older:focus-visible{color:var(--text);background:var(--surface-2);border-color:var(--text-secondary)}.load-older:disabled{opacity:.55;cursor:progress}.date-separator,.unread-divider{display:flex;align-items:center;gap:10px;width:100%;padding:15px 2px 10px;color:var(--text-secondary);font-size:11px;font-weight:650;letter-spacing:.03em;text-align:center}.date-separator:before,.date-separator:after,.unread-divider:before,.unread-divider:after{content:"";height:1px;flex:1;background:var(--border-subtle)}.unread-divider{color:var(--accent)}.unread-divider:before,.unread-divider:after{background:color-mix(in srgb,var(--accent) 38%,transparent)}.jump-to-latest{position:absolute;right:max(16px,var(--safe-right));bottom:78px;z-index:30;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 11px;color:var(--text);background:color-mix(in srgb,var(--surface-raised) 94%,transparent);border:1px solid var(--border);border-radius:999px;box-shadow:0 8px 24px var(--shadow-color);cursor:pointer;font-size:12px;font-weight:700;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.jump-to-latest-count{min-width:18px;min-height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;color:#fff;background:var(--accent-fill);border-radius:999px;font-size:10px}.reply-preview{margin:8px 12px 0}.compose-shell{position:relative;z-index:25;min-width:0;flex:0 0 auto}.mention-menu{position:absolute;right:12px;bottom:calc(100% - 1px);left:12px;z-index:50;max-height:min(240px,34dvh);overflow-y:auto;padding:6px;background:var(--surface-raised);border:1px solid var(--border);border-radius:13px;box-shadow:0 18px 50px var(--shadow-color);overscroll-behavior:contain}.mention-menu>button{width:100%;min-height:40px;display:flex;align-items:center;padding:8px 10px;color:var(--text-secondary);background:transparent;border:0;border-radius:8px;cursor:pointer;font-size:13px;font-weight:650;text-align:left}.mention-menu>button:hover,.mention-menu>button:focus-visible{color:var(--text);background:var(--surface-2)}.compose{position:relative;z-index:25;gap:10px;padding:10px 12px 12px;background:color-mix(in srgb,var(--bg) 94%,transparent);border-top:1px solid var(--border-subtle);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.compose-input-wrapper{min-height:46px;align-items:flex-end;padding:7px 12px;border-radius:17px}.compose :is(input[type=text],textarea,.compose-textarea){width:100%;min-height:30px;max-height:144px;resize:none;overflow-y:auto;padding:5px 0;color:var(--text);background:transparent;border:0;outline:none;font-family:inherit;font-size:16px;line-height:20px}.compose :is(input[type=text],textarea,.compose-textarea)::placeholder{color:var(--text-tertiary);opacity:1}.compose-btn{min-width:38px;min-height:38px}.compose-btn.send{min-width:62px;min-height:44px;gap:7px;padding:8px 15px}.send-label{display:inline}.send-icon{display:none;width:18px;height:18px}.composer-tools{display:flex;align-items:flex-end;gap:4px}.composer-hint,.composer-error{padding:0 14px 7px;color:var(--text-secondary);font-size:11px;line-height:1.35}.composer-error{color:var(--danger)}.typing-indicator{min-height:28px;padding:3px 14px 8px;font-style:normal}.messages-skeleton{display:flex;flex:1;flex-direction:column;gap:14px;padding:22px 16px;overflow:hidden}.message-skeleton{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:end;gap:9px;width:min(82%,460px)}.message-skeleton.own{align-self:flex-end;grid-template-columns:minmax(0,1fr);width:min(70%,380px)}.skeleton-avatar,.skeleton-line,.skeleton-bubble{position:relative;overflow:hidden;background:var(--surface-2)}.skeleton-avatar{width:32px;height:32px;border-radius:50%}.skeleton-bubble{min-height:54px;border-radius:8px 16px 16px}.skeleton-line{height:10px;border-radius:999px}.skeleton-avatar:after,.skeleton-line:after,.skeleton-bubble:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 10%,color-mix(in srgb,var(--text) 7%,transparent) 45%,transparent 80%);transform:translate(-100%);animation:skeleton-shimmer 1.6s ease-in-out infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.empty-state,.chat-error-state{width:min(100%,440px);margin:auto;padding:48px 24px;color:var(--text-secondary);text-align:center}.empty-state-icon,.chat-error-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 14px;color:var(--accent);background:var(--accent-dim);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:15px}.empty-state h2,.empty-state h3,.chat-error-state h2,.chat-error-state h3{margin-bottom:7px;color:var(--text);font-size:16px;line-height:1.35}.empty-state p,.chat-error-state p{color:var(--text-secondary);font-size:13px;line-height:1.55}.empty-state-actions,.chat-error-actions{display:flex;justify-content:center;gap:8px;margin-top:18px}.member-drawer.chat-search{min-height:0;align-items:stretch;gap:0;overflow:hidden}.member-drawer.chat-search>.club-input{width:calc(100% - 24px);min-width:0;min-height:44px;flex:0 0 auto;margin:12px 12px 0;padding:10px 12px;background:var(--bg)}.search-privacy{flex:0 0 auto;padding:8px 14px 11px;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);font-size:11px;line-height:1.45}.member-drawer.chat-search .search-results{position:static;z-index:auto;min-height:0;max-height:none;flex:1 1 auto;overflow-y:auto;padding:8px 12px max(14px,var(--safe-bottom));background:transparent;border:0;border-radius:0;box-shadow:none;overscroll-behavior:contain;scrollbar-gutter:stable}.search-results>button:not(.load-older){width:100%;min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;font-size:12px;line-height:1.4;text-align:left}.search-results>button:not(.load-older):hover,.search-results>button:not(.load-older):focus-visible{color:var(--text);background:var(--surface-2);border-color:var(--border)}.search-results>button:not(.load-older)>strong{min-width:0;overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.search-results>button:not(.load-older)>span{min-width:0;display:-webkit-box;grid-column:1 / -1;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.search-results>button:not(.load-older)>time{grid-column:2;grid-row:1;color:var(--text-tertiary);font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.search-results>.load-older{width:100%;margin:7px 0 0;border-radius:9px}.search-results>.empty-state.compact{width:100%;margin:0;padding:32px 14px;font-size:12px}.drawer-overlay{position:fixed;inset:0;z-index:850;background:var(--overlay-bg);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.member-drawer{position:fixed;top:0;right:0;bottom:0;z-index:900;width:min(360px,92vw);display:flex;flex-direction:column;padding-top:var(--safe-top);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);background:var(--surface);border-left:1px solid var(--border);box-shadow:-24px 0 64px var(--shadow-color);overflow:hidden;animation:drawer-in .2s ease-out}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{min-height:62px;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.drawer-header>div{min-width:0}.drawer-header h2{margin-top:5px;overflow:hidden;color:var(--text);font-size:16px;font-weight:700;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.drawer-title{color:var(--text);font-size:15px;font-weight:700}.drawer-body{min-height:0;flex:1;overflow-y:auto;padding:12px}.member-list{min-height:0;display:flex;flex:1 1 auto;flex-direction:column;gap:3px;overflow-y:auto;padding:10px 12px;list-style:none;overscroll-behavior:contain;scrollbar-gutter:stable}.member-item{display:flex;align-items:center;gap:10px;min-height:52px;padding:7px 8px;color:var(--text);border-radius:10px;transition:background .15s}button.member-item{width:100%;background:transparent;border:0;cursor:pointer;text-align:left}.member-item:hover{background:var(--surface-2)}.member-details{min-width:0;display:flex;flex:1;flex-direction:column;gap:2px}.member-details>strong,.member-details>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-details>strong{color:var(--text);font-size:13px;font-weight:600}.member-details>span{color:var(--text-secondary);font-size:11px}.member-item-copy{min-width:0;flex:1}.member-name{overflow:hidden;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.member-meta{overflow:hidden;margin-top:2px;color:var(--text-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.member-role{padding:3px 6px;color:var(--accent);background:var(--accent-dim);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:999px;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.drawer-settings{max-height:min(46dvh,360px);display:grid;flex:0 1 auto;gap:5px;overflow-y:auto;padding:10px 12px max(12px,var(--safe-bottom));background:color-mix(in srgb,var(--surface-2) 45%,var(--surface));border-top:1px solid var(--border);overscroll-behavior:contain}.drawer-setting{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;color:var(--text);background:transparent;border:1px solid transparent;border-radius:9px;cursor:pointer;font-size:12px;font-weight:650;line-height:1.35;text-align:left;transition:background .15s,border-color .15s,color .15s}.drawer-setting:hover:not(:disabled),.drawer-setting:focus-within{background:var(--surface-2);border-color:var(--border)}.drawer-setting:disabled{opacity:.55;cursor:not-allowed}.drawer-setting.danger{color:var(--danger)}.drawer-setting-arrow{color:var(--text-secondary);font-size:16px;font-weight:500}.drawer-toggle{cursor:pointer}.drawer-toggle input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--accent-fill);cursor:pointer}.message-action-sheet{position:fixed;right:0;bottom:0;left:0;z-index:1100;width:min(100%,520px);max-height:min(86dvh,680px);margin:0 auto;overflow-y:auto;padding:8px 12px max(14px,var(--safe-bottom));background:var(--surface);border:1px solid var(--border);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -24px 70px var(--shadow-color);animation:sheet-in .2s ease-out}.message-action-sheet>strong{display:block;padding:2px 2px 4px;overflow:hidden;color:var(--text);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.message-action-sheet>p{display:-webkit-box;margin-bottom:12px;padding:0 2px;overflow:hidden;color:var(--text-secondary);font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:38px;height:4px;margin:2px auto 12px;background:var(--border);border-radius:999px}.sheet-message-preview{overflow:hidden;margin-bottom:10px;padding:10px 12px;color:var(--text-secondary);background:var(--surface-2);border-radius:10px;font-size:12px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.sheet-reactions{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:6px;margin-bottom:10px;overflow-x:auto;scrollbar-width:none}.sheet-reactions::-webkit-scrollbar{display:none}.sheet-reactions>button{min-width:44px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:6px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:11px;cursor:pointer;font-size:20px;line-height:1}.sheet-reactions>button:hover,.sheet-reactions>button:focus-visible{background:var(--accent-dim);border-color:var(--accent)}.message-action-sheet>button{width:100%;min-height:46px;margin-top:6px;padding:10px 12px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;text-align:center}.message-action-sheet>button:hover,.message-action-sheet>button:focus-visible{background:var(--accent-dim);border-color:var(--accent)}.message-action-sheet>button:last-child{color:var(--text-secondary);background:transparent}.message-action-sheet>button:disabled{opacity:.5;cursor:not-allowed}.nav-badge{position:absolute;top:3px;left:calc(50% + 8px);min-width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;color:#fff;background:var(--accent-fill);border:2px solid var(--surface);border-radius:999px;font-size:9px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;pointer-events:none}.mobile-bottom-nav{display:none}.modal-overlay{padding:max(20px,var(--safe-top)) max(20px,var(--safe-right)) max(20px,var(--safe-bottom)) max(20px,var(--safe-left))}.modal-content{max-height:min(90vh,720px);max-height:min(90dvh,720px);overscroll-behavior:contain}.club-toast{bottom:max(24px,calc(var(--safe-bottom) + 12px));max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 24px);text-align:center}.club-approval-note{margin-top:10px;color:var(--text-secondary);font-size:11px;line-height:1.5}.club-why-icon{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,transparent),color-mix(in srgb,var(--accent) 4%,transparent))}.club-swap-slippage-tag{color:var(--accent);background:var(--accent-dim)}.club-content{min-height:0;overscroll-behavior-y:contain;scrollbar-gutter:stable}.club-view{padding-bottom:24px}@media(max-width:960px){.app-main{grid-template-columns:minmax(0,720px)}.desktop-rail{display:none}}@media(max-width:760px){:root,[data-theme=dark],[data-theme=light]{--header-height: 56px;--mobile-nav-height: 62px}body{overflow:hidden}.app{max-width:none;height:100svh;height:100dvh}.header{height:calc(var(--header-height) + var(--safe-top));min-height:calc(var(--header-height) + var(--safe-top));padding-top:var(--safe-top);padding-right:max(12px,var(--safe-right));padding-left:max(12px,var(--safe-left))}.header-brand{gap:9px}.header-brand img{width:26px;height:26px}.header h1{max-width:48vw;overflow:hidden;font-size:17px;text-overflow:ellipsis}.header-actions{min-width:0;gap:5px}.balance-display{display:none}.header-actions>.desktop-only-action{display:none}.header-actions.compact>.theme-toggle,.header-actions.compact>.icon-btn,.app:has(.header-account-menu) .header-actions>.theme-toggle,.app:has(.header-account-menu) .header-actions>.icon-btn{display:none}.header-avatar{width:36px;height:36px}.subheader{min-height:42px;padding:5px max(12px,var(--safe-right)) 5px max(12px,var(--safe-left))}.subheader-badges{max-width:56vw;overflow:hidden}.subheader-badge:not(.subheader-invite){display:none}.app:has(.mobile-bottom-nav) .subheader{display:none}.app-main{display:block;padding:0}.app:has(.mobile-bottom-nav) .app-main{padding-bottom:calc(var(--mobile-nav-height) + var(--safe-bottom))}.chat-pane{width:100%;height:100%;border:0;border-radius:0;box-shadow:none}.chat-topbar{min-width:0;gap:8px;min-height:52px;padding:7px max(12px,var(--safe-right)) 7px max(12px,var(--safe-left))}.chat-topbar .header-brand{max-width:26px;flex:0 0 26px}.chat-topbar .brand-wordmark{display:none}.chat-topbar .room-heading{min-width:0;flex:1 1 0}.chat-topbar .room-title{max-width:100%}.chat-topbar .header-actions{flex:0 0 auto}.desktop-view-switch{display:none}.room-status{max-width:40vw;padding:4px 7px}.content{padding:0 max(10px,var(--safe-right)) 0 max(10px,var(--safe-left))}.messages{padding:12px 2px 18px;scroll-padding:14px}.pinned-announcement{margin:8px 10px 0}.message-row,.message-row.own{padding-right:40px}.message-row.own{padding-left:41px}.message{max-width:min(92%,540px)}.message-actions,.message-row.own .message-actions{right:-38px}.action-btn{min-width:34px;min-height:34px}.reply-preview{margin-right:2px;margin-left:2px}.mention-menu{right:max(2px,var(--safe-right));left:max(2px,var(--safe-left))}.compose{padding-right:max(2px,var(--safe-right));padding-left:max(2px,var(--safe-left))}.app:not(:has(.mobile-bottom-nav)) .compose{padding-bottom:max(10px,var(--safe-bottom))}.compose-input-wrapper{min-height:48px;padding-right:10px;padding-left:10px}.compose-btn.send{min-width:54px;padding-right:12px;padding-left:12px}.jump-to-latest{right:max(12px,var(--safe-right));bottom:76px;min-height:42px}.mobile-bottom-nav{position:absolute;right:0;bottom:0;left:0;z-index:140;height:calc(var(--mobile-nav-height) + var(--safe-bottom));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:5px max(8px,var(--safe-right)) var(--safe-bottom) max(8px,var(--safe-left));background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mobile-nav-item{position:relative;min-width:0;min-height:52px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:var(--text-secondary);background:transparent;border:0;border-radius:12px;cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.02em}.mobile-nav-item svg{width:21px;height:21px}.mobile-nav-item.active{color:var(--accent);background:var(--accent-dim)}.club-content{padding:18px max(12px,var(--safe-right)) calc(20px + var(--mobile-nav-height) + var(--safe-bottom)) max(12px,var(--safe-left))}.club-view{padding-bottom:0}.club-tabs{position:sticky;top:0;z-index:15;margin-right:-12px;margin-left:-12px;padding:0 8px;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.club-tab{min-width:84px;min-height:48px}.club-card,.club-referral,.club-rewards-panel{padding:16px}.club-toast{bottom:calc(var(--mobile-nav-height) + var(--safe-bottom) + 12px)}}@media(max-width:600px){.club-input-group,.club-referral-link{flex-direction:column}.club-input-group .club-btn,.club-referral-link .club-btn{width:100%}.club-btn-row{flex-wrap:wrap}.club-btn-row .club-btn{min-width:min(100%,148px);flex:1}.club-swap-row{flex-direction:column}.club-swap-arrow{min-height:24px;transform:rotate(90deg)}.club-swap-output-side{text-align:left}.club-swap-token-label{align-self:flex-start}.club-pct-row{grid-template-columns:repeat(4,minmax(52px,1fr));overflow-x:auto}.empty-state-actions,.chat-error-actions{align-items:stretch;flex-direction:column}.empty-state-actions .btn,.chat-error-actions .btn{width:100%}}@media(max-width:520px){.modal-overlay{align-items:flex-end;padding:var(--safe-top) 0 0}.modal-content{width:100%;max-width:none;max-height:calc(100dvh - var(--safe-top) - 8px);padding-bottom:var(--safe-bottom);border-right:0;border-bottom:0;border-left:0;border-radius:22px 22px 0 0;box-shadow:0 -24px 64px var(--shadow-color);animation:sheet-in .2s ease-out}.modal-content:before{content:"";width:38px;height:4px;display:block;margin:8px auto 0;background:var(--border);border-radius:999px}.modal-header{min-height:56px;padding:10px 16px}.modal-body{padding:16px}.installation-modal-actions{padding-right:16px;padding-bottom:max(16px,var(--safe-bottom));padding-left:16px}.profile-avatar-section{align-items:flex-start}.profile-avatar-actions{flex:1}.profile-avatar-actions .club-btn{min-width:100%}.member-drawer{top:auto;left:0;width:100%;max-height:min(82dvh,720px);padding-top:0;border-top:1px solid var(--border);border-left:0;border-radius:22px 22px 0 0;box-shadow:0 -24px 70px var(--shadow-color);animation:sheet-in .2s ease-out}.member-drawer:before{content:"";width:38px;height:4px;flex:0 0 auto;align-self:center;margin-top:8px;background:var(--border);border-radius:999px}.compose-btn.send{width:48px;min-width:48px;flex:0 0 48px;padding-right:12px;padding-left:12px}.send-label{display:none}.send-icon{display:block}}@media(max-width:380px){.header h1{max-width:42vw}.room-status{max-width:34vw}.message-row,.message-row.own{padding-right:36px}.message-row.own{padding-left:30px}.message{max-width:96%}.message-actions,.message-row.own .message-actions{right:-34px}.compose{gap:6px}.compose-btn.send{min-width:48px;padding-right:9px;padding-left:9px}.club-pct-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(hover:none),(pointer:coarse){:where(.btn,.club-btn,.club-tab,.club-pct-btn,.theme-toggle,.icon-btn,.header-profile-btn,.modal-close,.reply-preview-cancel,.connection-banner-action,.reaction,.emoji-btn,.action-btn,.compose-btn,.load-older,.mention-menu>button,.drawer-setting,.attachment-download,.sheet-reactions>button,.message-action-sheet>button){min-height:44px}:where(.theme-toggle,.icon-btn,.header-profile-btn,.modal-close,.reply-preview-cancel,.emoji-btn,.action-btn,.compose-btn:not(.send)){min-width:44px}.message-row,.message-row.own{padding-right:50px}.message-actions,.message-row.own .message-actions{right:-46px;left:auto;width:44px;gap:0;opacity:1}.message-actions>button:not(.touch-more-action){display:none}.message-actions>.touch-more-action{display:flex;letter-spacing:.08em}.message-row:focus-within .message-actions,.message-row.is-selected .message-actions{opacity:1}.emoji-picker{gap:2px;max-width:calc(100vw - 24px);overflow-x:auto}.compose :is(input,textarea),.club-input,.club-referral-link input,.chat-search input,.club-swap-select,.club-swap-amount{font-size:16px}}.app-main.club-main{grid-template-columns:minmax(0,920px);padding:0 20px 20px}.club-main .club-content{width:100%;padding:0 0 64px;background:var(--bg)}.club-main .club-view{max-width:920px;padding-bottom:0}.club-main .club-tabs{position:sticky;top:0;z-index:30;min-height:54px;margin:0 0 24px;padding:0 4px;background:color-mix(in srgb,var(--bg) 95%,transparent);border-bottom-color:var(--border-subtle);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.club-main .club-tab{min-height:54px;font-size:12px;font-weight:650}.club-main .club-tab.active{color:var(--accent-light)}.club-main .club-tab-content{padding:0 4px}.club-main :is(.club-card,.club-stat,.club-rewards-panel,.club-referral,.club-faq){border-color:var(--border-subtle);box-shadow:0 10px 30px color-mix(in srgb,var(--shadow-color) 18%,transparent)}.gift-card{width:min(100%,680px);margin:0 auto 20px;padding:24px}.gift-view{width:min(100%,680px);margin:0 auto}.gift-source-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 auto 12px;padding:4px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:13px}.gift-source-toggle>button{min-height:40px;padding:8px 12px;color:var(--text-secondary);background:transparent;border:0;border-radius:9px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;transition:color .15s,background .15s,box-shadow .15s}.gift-source-toggle>button:hover,.gift-source-toggle>button:focus-visible{color:var(--text)}.gift-source-toggle>button.active{color:var(--text);background:var(--surface);box-shadow:0 2px 10px color-mix(in srgb,var(--shadow-color) 20%,transparent)}.gift-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.gift-card-heading .club-card-desc{margin-bottom:18px}.gift-badge{padding:5px 9px;color:var(--accent-light);background:var(--accent-dim);border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.gift-token-toggle{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-bottom:18px}.gift-token-toggle>button{min-height:64px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:11px 13px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:12px;cursor:pointer;font-family:inherit;text-align:left;transition:background .15s,border-color .15s,box-shadow .15s}.gift-token-toggle>button:hover,.gift-token-toggle>button:focus-visible{border-color:var(--text-secondary)}.gift-token-toggle>button.active{background:var(--accent-dim);border-color:color-mix(in srgb,var(--accent) 65%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}.gift-token-toggle strong{font-size:14px}.gift-token-toggle span{color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums}.gift-recipient-input{width:100%;margin-bottom:8px;font-family:var(--font-mono);font-size:14px}.gift-swap-recipient-label{display:block;margin-top:18px}.gift-direct-notice{display:flex;flex-direction:column;gap:3px;margin:8px 0 16px;padding:12px 13px;color:var(--text-secondary);background:color-mix(in srgb,var(--accent) 6%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:11px;font-size:11px;line-height:1.5}.gift-direct-notice strong{color:var(--text);font-size:12px}.gift-fee-notice{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;margin:14px 0;padding:13px;color:var(--text-secondary);background:color-mix(in srgb,var(--accent) 6%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:13px}.gift-fee-icon{width:42px;height:42px;display:grid;place-items:center;color:var(--accent-light);background:var(--accent-dim);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:11px;font-size:12px;font-weight:700}.gift-fee-notice strong{display:block;margin-bottom:3px;color:var(--text);font-size:13px}.gift-fee-notice p,.gift-fee-notice small{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.5}.gift-fee-notice small{display:block;margin-top:5px;color:var(--text-tertiary);font-size:10px}.gift-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;margin-bottom:14px;padding:13px 14px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:12px;font-size:12px}.gift-summary>span{color:var(--text-secondary)}.gift-summary>strong{color:var(--text);font-variant-numeric:tabular-nums;text-align:right}.gift-top-up{padding:20px;text-align:center;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:14px}.gift-top-up strong{color:var(--text);font-size:15px}.gift-top-up p{max-width:480px;margin:7px auto 14px;color:var(--text-secondary);font-size:12px;line-height:1.55}@media(max-width:760px){.app-main.club-main{display:block;padding:0}.club-main .club-content{padding:0 max(12px,var(--safe-right)) calc(20px + var(--mobile-nav-height) + var(--safe-bottom)) max(12px,var(--safe-left))}.club-main .club-tabs{margin-right:calc(-1*max(12px,var(--safe-right)));margin-bottom:16px;margin-left:calc(-1*max(12px,var(--safe-left)));padding-right:max(8px,var(--safe-right));padding-left:max(8px,var(--safe-left))}.club-main .club-tab-content{padding:0}.gift-card{padding:18px 16px}}@media(max-width:420px){.gift-token-toggle{grid-template-columns:1fr}.gift-summary{gap:7px 10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner,.message-status.pending:before{animation-duration:1.2s!important}}@media(prefers-contrast:more){:root,[data-theme=dark]{--border: #52525b;--border-subtle: #3f3f46;--text-secondary: #d4d4d8}[data-theme=light]{--border: #71717a;--border-subtle: #a1a1aa;--text-secondary: #3f3f46}.message,.club-card,.club-stat,.rail-card{border-color:var(--border)}}.whaleroom-logo{display:block;flex:0 0 auto;background:url(/whaleroom-logo-light.png) center / contain no-repeat}[data-theme=light] .whaleroom-logo{background-image:url(/whaleroom-logo-dark.png)}.connect-brand-logo{width:56px;height:56px}.header-brand-logo{width:30px;height:30px}.empty-brand-logo{width:32px;height:32px}.empty-state:not(.compact){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:min(100%,440px);min-height:280px;margin:auto;padding:48px 24px;text-align:center}.empty-state:not(.compact) .empty-state-icon{width:56px;height:56px;margin:0 auto 20px;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:16px}.empty-state:not(.compact) .empty-state-icon :is(img,.whaleroom-logo){display:block;width:32px;height:32px;object-fit:contain}.empty-state-copy{display:flex;flex-direction:column;align-items:center}.empty-state:not(.compact) .empty-state-copy h2{margin:0 0 8px;color:var(--text);font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-.5px}.empty-state:not(.compact) .empty-state-copy p{max-width:360px;margin:0;color:var(--text-secondary);font-size:14px;line-height:1.5}.compose-shell{background:var(--bg);border-top:1px solid var(--border-subtle)}.compose{gap:12px;align-items:flex-end;padding:14px 20px 8px;background:var(--bg);border-top:0;backdrop-filter:none;-webkit-backdrop-filter:none}.compose-input-wrapper{min-height:48px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.compose-input-wrapper:focus-within{border-color:transparent;box-shadow:none}.compose :is(input[type=text],textarea,.compose-textarea){min-height:48px;padding:11px 0 7px;font-family:var(--font-sans);font-size:16px;line-height:1.5}.compose-btn.send{min-width:76px;min-height:38px;padding:9px 18px;color:#0a0a0b;background:#fafafa;border:0;border-radius:999px;font-size:13px;font-weight:700}[data-theme=light] .compose-btn.send{color:#fafafa;background:#18181b}.compose-btn.send:hover:not(:disabled){background:var(--accent-light);opacity:1}.compose-btn.send:disabled{opacity:.35}.composer-hint{padding:0 20px 12px;color:var(--text-secondary);font-size:12px}.composer-error,.typing-indicator{padding-right:20px;padding-left:20px}.message-row,.message-row.own{padding-right:116px}.message-actions,.message-row.own .message-actions{right:auto;left:calc(100% + 10px);gap:6px;white-space:nowrap}@media(max-width:600px){.header-brand-logo{width:26px;height:26px}.empty-state:not(.compact){min-height:220px;padding:40px 24px}.empty-state:not(.compact) .empty-state-icon{width:48px;height:48px;margin-bottom:16px}.empty-state:not(.compact) .empty-state-copy h2{font-size:20px}.compose{gap:10px;padding:12px max(16px,var(--safe-right)) 6px max(16px,var(--safe-left))}.compose-input-wrapper{min-height:40px}.compose :is(input[type=text],textarea,.compose-textarea){min-height:40px;padding:7px 0 5px}.compose-btn.send{width:auto;min-width:68px;min-height:38px;flex:0 0 auto;padding:9px 16px}.send-label{display:inline}.send-icon{display:none}.composer-hint{padding:0 max(16px,var(--safe-right)) 10px max(16px,var(--safe-left))}}@media(hover:none),(pointer:coarse){.message-row,.message-row.own{padding-right:58px}.message-actions,.message-row.own .message-actions{right:auto;left:calc(100% + 8px);width:44px}}.connect-screen{position:relative;width:min(100%,740px);height:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;margin:0 auto;overflow-x:hidden;overflow-y:auto;padding:max(32px,calc(var(--safe-top) + clamp(24px,5vh,56px))) 20px max(32px,calc(var(--safe-bottom) + 28px));background:radial-gradient(circle at 50% 6%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 30%),var(--bg);text-align:center;scrollbar-gutter:stable}.connect-hero{width:100%;display:flex;align-items:center;flex-direction:column}.connect-mark{width:68px;height:68px;margin:0 0 16px;background:radial-gradient(circle at 50% 26%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 62%),var(--surface);border-color:var(--border);border-radius:21px;box-shadow:0 20px 54px color-mix(in srgb,var(--shadow-color) 44%,transparent)}.connect-brand-logo{width:48px;height:48px}.connect-eyebrow{margin-bottom:11px;font-size:10px;font-weight:600;letter-spacing:.1em}.connect-hero h1{max-width:700px;margin:0;color:var(--text);font-size:clamp(36px,7.1vw,58px);font-weight:700;line-height:.99;letter-spacing:-.055em;text-wrap:balance}.connect-hero h1>span{color:var(--accent-light);white-space:nowrap}.connect-hero>p{max-width:640px;margin:18px 0 0;color:var(--text-secondary);font-size:15px;line-height:1.6;text-wrap:pretty}.connect-principles{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:28px 0 0;padding:0;list-style:none;text-align:left}.connect-principles li{min-width:0;min-height:112px;display:flex;align-items:flex-start;gap:11px;padding:15px;background:color-mix(in srgb,var(--surface) 76%,transparent);border:1px solid var(--border-subtle);border-radius:15px}.connect-principle-icon{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;color:var(--accent-light);background:var(--accent-dim);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:10px}.connect-principle-icon svg{width:17px;height:17px}.connect-principles li>div{min-width:0;display:flex;flex-direction:column;gap:5px}.connect-principles strong{color:var(--text);font-size:12px;font-weight:600;line-height:1.35}.connect-principles small{color:var(--text-secondary);font-size:11px;line-height:1.45}.connect-access-card{width:min(100%,640px);margin-top:18px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 16px 44px color-mix(in srgb,var(--shadow-color) 16%,transparent);text-align:left}.connect-access-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.connect-access-kicker{display:block;margin-bottom:4px;color:var(--accent-light);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.connect-access-header h2{margin:0;color:var(--text);font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-.025em}.connect-access-header p{max-width:430px;margin:6px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.5}.connect-security-badge{min-height:30px;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:5px 9px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:9px;font-weight:500;letter-spacing:.03em}.connect-security-badge svg{width:13px;height:13px;color:var(--accent-light)}.connect-security-badge .info-tooltip-trigger{width:20px;height:20px;margin:-2px -4px -2px -2px}.connect-eligibility{display:flex;align-items:center;gap:7px;margin:13px 0 12px;padding:9px 11px;color:var(--text-secondary);background:var(--accent-dim);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:10px;font-size:11px;line-height:1.4}.connect-referral-notice{display:flex;align-items:flex-start;gap:10px;margin:-3px 0 12px;padding:10px 11px;color:var(--text-secondary);background:color-mix(in srgb,var(--accent) 7%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:11px}.connect-referral-lock{width:27px;height:27px;display:grid;flex:0 0 27px;place-items:center;color:var(--accent-light);background:var(--accent-dim);border-radius:8px}.wallet-options{width:100%;max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wallet-options>:only-child{grid-column:1 / -1}.wallet-picker{width:100%;grid-column:1 / -1}.wallet-picker-summary{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;color:#fff;background:linear-gradient(135deg,var(--accent-fill),var(--accent-fill-hover));border:1px solid var(--accent-fill);border-radius:13px;cursor:pointer;font-size:13px;font-weight:600;list-style:none;transition:filter .15s ease,transform .15s ease}.wallet-picker-summary::-webkit-details-marker{display:none}.wallet-picker-summary:hover,.wallet-picker-summary:focus-visible{filter:brightness(1.05)}.wallet-picker-summary[aria-disabled=true]{cursor:wait;opacity:.58}.wallet-picker-summary>span{display:inline-flex;align-items:center;gap:9px}.wallet-picker-summary>span svg{width:18px;height:18px}.wallet-picker-chevron{width:18px;height:18px;transition:transform .16s ease}.wallet-picker[open] .wallet-picker-chevron{transform:rotate(180deg)}.wallet-picker-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.wallet-option{width:100%;min-width:0;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:12px;cursor:pointer;font-family:inherit;text-align:left;transition:background .15s ease,border-color .15s ease,transform .15s ease}.wallet-option-primary{grid-column:1 / -1;color:#fff;background:linear-gradient(135deg,var(--accent-fill),var(--accent-fill-hover));border-color:var(--accent-fill)}.wallet-option-primary:hover:not(:disabled),.wallet-option-primary:focus-visible{background:linear-gradient(135deg,var(--accent-fill-hover),var(--accent-fill));border-color:var(--accent-fill-hover)}.wallet-option-primary :is(strong,small,.wallet-option-arrow){color:#fff}.wallet-option-primary small{opacity:.76}.wallet-option:hover:not(:disabled),.wallet-option:focus-visible{background:color-mix(in srgb,var(--accent) 7%,var(--surface-2));border-color:color-mix(in srgb,var(--accent) 52%,var(--border));transform:translateY(-1px)}.wallet-option:disabled{opacity:.55;cursor:wait}.wallet-option-identity{min-width:0;display:flex;align-items:center;gap:10px}.wallet-option-identity>img,.wallet-option-fallback{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;border-radius:10px}.wallet-option-identity>img{object-fit:cover;background:var(--surface-raised)}.wallet-option-fallback{color:var(--accent-light);background:var(--accent-dim);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border))}.wallet-option-fallback svg{width:17px;height:17px}.walletconnect-mark{color:#5f8cff;background:color-mix(in srgb,#5f8cff 12%,var(--surface-2));border-color:color-mix(in srgb,#5f8cff 26%,var(--border))}.wallet-option-identity>span:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}.wallet-option strong,.wallet-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-option strong{color:var(--text);font-size:12px;font-weight:600}.wallet-option small{color:var(--text-tertiary);font-size:10px;line-height:1.3}.wallet-option-arrow{width:16px;height:16px;flex:0 0 auto;color:var(--text-tertiary)}.wallet-option:hover .wallet-option-arrow,.wallet-option:focus-visible .wallet-option-arrow{color:var(--accent-light)}.wallet-discovery-loading{min-height:54px;display:flex;align-items:center;justify-content:center;grid-column:1 / -1;padding:11px 14px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:12px;font-size:11px}.wallet-discovery-loading .spinner{width:16px;height:16px;margin-right:8px}.connect-inline-error{margin-top:10px;padding:9px 11px;color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface-2));border:1px solid color-mix(in srgb,var(--danger) 28%,var(--border));border-radius:10px;font-size:11px;line-height:1.45}.connect-screen .connect-footnote{max-width:none;display:flex;align-items:flex-start;gap:8px;margin:12px 2px 0;color:var(--text-tertiary);font-size:10px;line-height:1.45;text-align:left}.connect-footnote svg{width:14px;height:14px;flex:0 0 14px;margin-top:1px;color:var(--text-secondary)}.connect-faq{width:min(100%,640px);margin-top:48px;text-align:left}.connect-faq-heading{margin-bottom:14px;padding:0 3px}.connect-faq-heading h2{margin:0;color:var(--text);font-size:25px;font-weight:700;letter-spacing:-.035em;line-height:1.15}.connect-faq-heading p{margin:7px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.55}.connect-faq .club-faq{margin-bottom:0;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 18px 48px color-mix(in srgb,var(--shadow-color) 12%,transparent)}.connect-faq .club-faq-q{min-height:54px;padding:15px 17px;font-size:13px;font-weight:680}.connect-faq .club-faq-a{padding:13px 17px 17px;font-size:12px}@media(min-width:761px){.app:has(>.connect-screen),.app:has(>.membership-gate),.app:has(.club-main){max-width:none;height:auto;min-height:100dvh;overflow:visible}.app>.connect-screen,.app>.membership-gate{height:auto;min-height:100dvh;overflow:visible;scrollbar-gutter:auto}.app>.connect-screen{overflow-x:clip;overflow-y:visible}.app:has(.club-main)>.chat-container{height:auto;min-height:100dvh;overflow:visible}.app:has(.club-main) .chat-topbar{position:sticky;top:0;width:min(calc(100% - 40px),1120px);margin-right:auto;margin-left:auto}.app:has(.club-main) .app-main.club-main{min-height:auto;flex:0 0 auto;overflow:visible}.app:has(.club-main) .club-content{flex:0 0 auto;overflow:visible;overscroll-behavior-y:auto;scrollbar-gutter:auto}.app:has(.club-main) .club-tabs{top:66px}}.message-stack{min-height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:16px 12px 18px}.messages{min-height:0;padding:0;gap:0}.message-row,.message-row.own{width:100%;display:flex;align-items:flex-end;gap:9px;margin-top:10px;padding:2px 112px 2px 2px}.message-row.own{justify-content:flex-start;flex-direction:row-reverse;padding-right:2px;padding-left:112px}.message-row.grouped{margin-top:2px;padding-top:0;padding-bottom:0}.message-row.grouped .avatar{visibility:visible}.message{max-width:min(82%,32rem);padding:9px 12px;color:var(--text);background:var(--surface);border:1px solid var(--border-subtle);border-radius:17px;box-shadow:none}.message-shell{display:flex;min-width:0;max-width:min(82%,32rem);flex-direction:column;align-items:flex-start}.message-shell>.message{max-width:100%}.message-row.own .message-shell{align-items:flex-end}.message-row:has(.reactions)>.avatar,.message-row:has(.reactions)>.avatar-spacer{align-self:flex-start}.message.own{color:var(--text);background:color-mix(in srgb,var(--accent) 20%,var(--surface));border-color:color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:17px}.message-row.group-has-next:not(.own) .message{border-bottom-left-radius:6px}.message-row.grouped:not(.own) .message{border-top-left-radius:6px}.message-row.own.group-has-next .message{border-bottom-right-radius:6px}.message-row.own.grouped .message{border-top-right-radius:6px}.message-sender{margin-bottom:3px;color:var(--accent-light);font-size:12px;font-weight:600;line-height:1.35}.message-content{display:block}.message-text{display:inline;color:inherit;font-size:15px;line-height:1.48}.message-meta{display:inline-flex;margin-left:7px;color:var(--text-tertiary);font-size:10px;font-variant-numeric:tabular-nums;line-height:1.4;vertical-align:baseline}.message.own .message-meta{color:color-mix(in srgb,var(--text) 60%,transparent)}.message-actions,.message-row.own .message-actions{top:50%;right:auto;left:calc(100% + 8px);gap:4px;transform:translateY(-50%)}.message-row.own .message-actions{right:calc(100% + 8px);left:auto}.action-btn{min-width:32px;min-height:32px;color:var(--text-tertiary);background:var(--surface);border:1px solid var(--border);border-radius:9px;box-shadow:none}.action-btn:hover,.action-btn:focus-visible{color:var(--text);background:var(--surface-2)}.reactions{display:flex;max-width:100%;flex-wrap:wrap;gap:4px;margin-top:5px}.message-row.own .reactions{justify-content:flex-end}.reaction{display:inline-flex;min-width:42px;min-height:26px;align-items:center;justify-content:center;gap:5px;padding:2px 8px;color:var(--text-secondary);background:color-mix(in srgb,var(--surface-2) 86%,transparent);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:none;cursor:pointer;font-family:inherit;line-height:1;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.reaction:hover,.reaction:focus-visible{color:var(--text);background:var(--surface-2);border-color:color-mix(in srgb,var(--text) 22%,var(--border));transform:translateY(-1px)}.reaction.own{color:var(--accent-light);background:color-mix(in srgb,var(--accent) 13%,var(--surface));border-color:color-mix(in srgb,var(--accent) 48%,var(--border))}.reaction.own:hover,.reaction.own:focus-visible{background:color-mix(in srgb,var(--accent) 18%,var(--surface));border-color:color-mix(in srgb,var(--accent) 66%,var(--border))}.reaction-emoji{font-family:system-ui,"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:14px;line-height:1}.reaction-count{min-width:1ch;font-family:var(--font-mono);font-size:10px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1}.compose-shell{flex:0 0 auto;background:color-mix(in srgb,var(--bg) 96%,var(--surface));border-top:1px solid var(--border-subtle)}.compose{gap:8px;align-items:flex-end;padding:10px 12px 7px;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}.compose-input-wrapper{min-height:46px;align-items:flex-end;padding:7px 13px;background:var(--surface);border:1px solid var(--border-control);border-radius:18px;box-shadow:none;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.compose-input-wrapper:focus-within{background:var(--surface-raised);border-color:color-mix(in srgb,var(--accent) 62%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 11%,transparent)}.compose :is(input[type=text],textarea,.compose-textarea){min-height:30px;max-height:120px;padding:4px 0;color:var(--text);font-size:16px;line-height:22px}.compose-btn.send{min-width:72px;min-height:44px;padding:9px 15px;color:#fff;background:var(--accent-fill);border:1px solid var(--accent-fill);border-radius:999px;font-size:12px;font-weight:600;opacity:1}[data-theme=light] .compose-btn.send{color:#fff;background:var(--accent-fill)}.compose-btn.send:hover:not(:disabled){background:var(--accent-fill-hover);border-color:var(--accent-fill-hover)}.compose-btn.send:disabled{color:var(--text-tertiary);background:var(--surface-2);border-color:var(--border);opacity:1}.composer-hint{padding:0 13px 9px;color:var(--text-tertiary);font-size:10px}.typing-indicator,.composer-error{padding-right:13px;padding-left:13px}.mobile-nav-item.active{color:var(--accent-light);background:transparent}@media(max-width:760px){html,body,#app{height:100%;min-height:100%;overflow:hidden}.app{position:fixed;inset:0;width:100%;max-width:none;height:var(--visual-viewport-height, 100dvh);min-height:0;max-height:var(--visual-viewport-height, 100dvh);overflow:hidden;transform:translateY(var(--visual-viewport-top, 0px))}.connect-screen{width:100%;padding:max(26px,calc(var(--safe-top) + 20px)) 16px max(24px,calc(var(--safe-bottom) + 18px))}.connect-hero h1{max-width:620px;font-size:clamp(34px,9vw,48px)}.connect-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:22px}.connect-principles li{min-height:84px;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:9px 7px;text-align:center}.connect-principles li>div{align-items:center}.connect-principles strong{font-size:10px;line-height:1.3}.connect-principles small{display:none}.connect-access-card{margin-top:14px;padding:15px;border-radius:16px}.chat-container{min-height:0;height:100%}.chat-topbar{height:calc(60px + var(--safe-top));min-height:calc(60px + var(--safe-top));gap:9px;padding:var(--safe-top) max(12px,var(--safe-right)) 0 max(12px,var(--safe-left));background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--border-subtle);border-radius:0}.chat-topbar .header-brand{max-width:28px;flex-basis:28px}.header-brand-logo{width:28px;height:28px}.room-title{font-size:18px;font-weight:600;line-height:1.2;letter-spacing:-.025em}.room-subtitle{gap:4px;margin-top:1px;font-size:11px}.room-lock{width:11px;height:11px;color:var(--accent-light)}.chat-topbar .header-actions{gap:2px}.chat-topbar .header-actions :is(.theme-toggle,.header-profile-btn){width:44px;min-width:44px;height:44px;min-height:44px;padding:9px;border-color:transparent;border-radius:13px}.chat-topbar .header-actions .theme-toggle:hover,.chat-topbar .header-actions .theme-toggle:focus-visible{background:var(--surface-2);border-color:var(--border)}.header-avatar{width:34px;height:34px}.app-main,.app:has(.mobile-bottom-nav) .app-main{min-height:0;flex:1 1 auto;padding:0}.content{padding:0}.chat-pane{min-height:0;height:100%}.message-stack{padding:14px max(10px,var(--safe-right)) 14px max(10px,var(--safe-left))}.message-row,.message-row.own{padding-right:46px}.message-row.own{padding-right:2px;padding-left:46px}.message{max-width:min(86%,32rem);padding:9px 11px}.message-text{font-size:16px;line-height:1.42}.message-meta{font-size:10px}.date-separator,.unread-divider{padding:14px 2px 8px;font-size:10px}.compose{gap:8px;padding:8px max(10px,var(--safe-right)) 8px max(10px,var(--safe-left))}.compose-input-wrapper{min-height:46px;padding:7px 13px}.compose-btn.send{width:44px;min-width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:11px}.send-label{display:none}.send-icon{width:19px;height:19px;display:block}.composer-hint{display:none}.reply-preview{margin:8px 10px 0;border-radius:12px}.mobile-bottom-nav{position:relative;inset:auto;z-index:140;width:100%;height:calc(var(--mobile-nav-height) + var(--safe-bottom));display:grid;flex:0 0 calc(var(--mobile-nav-height) + var(--safe-bottom));grid-template-columns:repeat(2,minmax(0,1fr));padding:3px max(10px,var(--safe-right)) var(--safe-bottom) max(10px,var(--safe-left));background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--border-subtle);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mobile-nav-item{min-height:56px;gap:1px;color:var(--text-tertiary);background:transparent;border-radius:12px;font-size:11px;font-weight:680}.mobile-nav-item svg{width:32px;height:32px;padding:5px;border-radius:10px;transition:background .15s ease,color .15s ease}.mobile-nav-item.active{color:var(--accent-light);background:transparent}.mobile-nav-item.active svg{background:var(--accent-dim);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.club-main .club-content{padding-right:max(12px,var(--safe-right));padding-bottom:20px;padding-left:max(12px,var(--safe-left))}.keyboard-open .mobile-bottom-nav{display:none}.keyboard-open .club-main .club-content{padding-bottom:12px}.keyboard-open .compose{padding-bottom:7px}.keyboard-open .reply-preview{margin-top:6px}}@media(max-width:640px){.wallet-options,.wallet-picker-menu{grid-template-columns:1fr}.connect-access-header{align-items:flex-start;flex-direction:column;gap:9px}.connect-security-badge{align-self:flex-start}}@media(max-width:420px){.connect-mark{width:62px;height:62px;border-radius:19px}.connect-brand-logo{width:44px;height:44px}.connect-eyebrow{margin-bottom:9px;font-size:9px}.connect-hero h1{font-size:clamp(32px,10.5vw,42px)}.connect-hero>p{margin-top:14px;font-size:14px;line-height:1.55}.connect-principles{margin-top:18px}.connect-principle-icon{width:32px;height:32px;flex-basis:32px}.connect-access-header h2{font-size:18px}.connect-eligibility{align-items:flex-start}.chat-topbar{gap:6px;padding-right:max(8px,var(--safe-right));padding-left:max(10px,var(--safe-left))}.chat-topbar .header-brand{max-width:26px;flex-basis:26px}.header-brand-logo{width:26px;height:26px}.room-title{font-size:17px}.chat-topbar .header-actions :is(.theme-toggle,.header-profile-btn){width:42px;min-width:42px}}@media(hover:none),(pointer:coarse){.info-tooltip-trigger{width:44px;height:44px;margin:-9px}.message-row,.message-row.own{padding-right:46px}.message-row.own{padding-right:2px;padding-left:46px}.message-actions,.message-row.own .message-actions{right:auto;left:calc(100% + 5px);width:40px;opacity:.62}.message-row.own .message-actions{right:calc(100% + 5px);left:auto}.message-row:focus-within .message-actions,.message-row.is-selected .message-actions{opacity:1}.touch-more-action{color:var(--text-tertiary);background:transparent;border-color:transparent}}.connect-screen{--landing-shell: 1180px;--landing-pointer-x: 0;--landing-pointer-y: 0;position:relative;isolation:isolate;width:100%;max-width:none;min-height:100dvh;align-items:stretch;padding:0 24px max(48px,calc(var(--safe-bottom) + 32px));overflow-x:clip;color:var(--text);background:radial-gradient(circle at 74% 18%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 28%),radial-gradient(circle at 14% 31%,color-mix(in srgb,var(--accent-fill) 6%,transparent),transparent 25%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 96%,var(--surface-raised)) 0%,var(--bg) 54%,color-mix(in srgb,var(--bg) 96%,var(--surface-raised)) 100%);text-align:left;scroll-behavior:smooth;scrollbar-gutter:auto}.connect-screen:before{position:absolute;z-index:-1;inset:0;background-image:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--text) 9%,transparent) 0 .65px,transparent .8px),radial-gradient(circle at 70% 60%,color-mix(in srgb,var(--text) 7%,transparent) 0 .55px,transparent .75px);background-position:0 0,13px 17px;background-size:22px 22px,29px 29px;content:"";opacity:.14;pointer-events:none}.connect-atmosphere{position:absolute;z-index:-2;inset:0;overflow:hidden;pointer-events:none}.connect-aurora{position:absolute;border-radius:999px;filter:blur(90px);opacity:.12;mix-blend-mode:screen;will-change:transform}.connect-aurora-one{top:-180px;left:48%;width:660px;height:440px;background:linear-gradient(120deg,var(--accent-fill),var(--accent-light) 54%,transparent);animation:connect-aurora-one 18s ease-in-out infinite alternate}.connect-aurora-two{top:560px;left:-240px;width:620px;height:620px;background:radial-gradient(circle,var(--accent-fill),transparent 67%);opacity:.07;animation:connect-aurora-two 22s ease-in-out infinite alternate}.connect-aurora-three{top:1240px;right:-280px;width:760px;height:540px;background:radial-gradient(circle,var(--accent),transparent 68%);opacity:.055;animation:connect-aurora-three 20s ease-in-out infinite alternate}.connect-depth-grid{position:absolute;top:130px;right:-10%;width:76%;height:720px;background-image:linear-gradient(color-mix(in srgb,var(--accent) 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 10%,transparent) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(ellipse at center,#000 0%,transparent 69%);-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,transparent 69%);opacity:.23;transform:perspective(720px) rotateX(68deg) translate3d(calc(var(--landing-pointer-x) * -6px),calc(var(--landing-pointer-y) * -5px),0);transform-origin:center 20%;animation:connect-grid-drift 16s ease-in-out infinite alternate}.connect-depth-mark{position:absolute;top:70px;right:-40px;width:min(58vw,760px);height:min(58vw,760px);opacity:.022;filter:grayscale(1);transform:translate3d(calc(var(--landing-pointer-x) * 10px),calc(var(--landing-pointer-y) * 8px),0) rotate(-7deg);transition:transform .8s cubic-bezier(.22,1,.36,1)}.connect-signal-node{position:absolute;width:7px;height:7px;background:var(--accent-light);border:1px solid color-mix(in srgb,#fff 70%,var(--accent));border-radius:50%;box-shadow:0 0 0 9px color-mix(in srgb,var(--accent) 7%,transparent),0 0 32px var(--accent);opacity:.55}.connect-signal-node-one{top:240px;right:12%;animation:connect-node-drift 11s ease-in-out infinite alternate}.connect-signal-node-two{top:640px;right:45%;animation:connect-node-drift 14s 1.8s ease-in-out infinite alternate-reverse}.connect-signal-node-three{top:1120px;left:8%;animation:connect-node-drift 13s .7s ease-in-out infinite alternate}.connect-nav{position:sticky;z-index:30;top:max(14px,var(--safe-top));width:min(100%,var(--landing-shell));min-height:68px;display:grid;align-items:center;grid-template-columns:1fr auto 1fr;gap:24px;margin:18px auto 0;padding:10px 12px 10px 14px;background:color-mix(in srgb,var(--bg) 72%,transparent);border:1px solid color-mix(in srgb,var(--border) 74%,transparent);border-radius:20px;box-shadow:0 18px 60px color-mix(in srgb,var(--shadow-color) 22%,transparent);backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25);animation:connect-enter .6s cubic-bezier(.22,1,.36,1) both}.connect-wordmark{min-width:0;display:inline-flex;align-items:center;justify-self:start;gap:10px;color:var(--text);text-decoration:none}.connect-nav-mark{width:42px;height:42px;display:grid;flex:0 0 42px;place-items:center;background:radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 64%),color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--border);border-radius:13px;box-shadow:inset 0 1px color-mix(in srgb,#fff 8%,transparent)}.connect-nav-mark .whaleroom-logo{width:29px;height:29px}.connect-wordmark>span:last-child{min-width:0;display:flex;flex-direction:column;gap:1px}.connect-wordmark strong{font-size:15px;font-weight:700;letter-spacing:-.025em}.connect-wordmark small{color:var(--text-tertiary);font-size:9px;font-weight:620;letter-spacing:.025em}.connect-nav-links{display:inline-flex;align-items:center;justify-content:center;gap:4px}.connect-nav-links a{padding:9px 12px;color:var(--text-secondary);border-radius:10px;font-size:11px;font-weight:680;text-decoration:none;transition:color .18s ease,background .18s ease}.connect-nav-links a:hover,.connect-nav-links a:focus-visible{color:var(--text);background:var(--hover)}.connect-nav-cta{min-height:42px;display:inline-flex;align-items:center;justify-self:end;gap:8px;padding:10px 14px;color:#fff;background:var(--accent-fill);border:1px solid color-mix(in srgb,var(--accent-light) 22%,var(--accent-fill));border-radius:12px;box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 1px #ffffff1f;font-size:11px;font-weight:600;text-decoration:none;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.connect-nav-cta svg{width:15px;height:15px}.connect-nav-cta:hover,.connect-nav-cta:focus-visible{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 16%,transparent),inset 0 1px #ffffff29}.connect-hero{width:min(100%,var(--landing-shell));min-height:min(820px,calc(100dvh - 86px));display:grid;align-items:center;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:clamp(54px,7vw,108px);margin:0 auto;padding:clamp(72px,10vh,116px) 0 clamp(92px,12vh,138px)}.connect-hero-copy{position:relative;z-index:3;max-width:680px;display:flex;align-items:flex-start;flex-direction:column;text-align:left}.connect-eyebrow{min-height:31px;display:inline-flex;align-items:center;gap:9px;margin:0 0 22px;padding:7px 11px;color:color-mix(in srgb,var(--accent-light) 86%,var(--text));background:color-mix(in srgb,var(--accent) 7%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;animation:connect-enter .62s .08s cubic-bezier(.22,1,.36,1) both}.connect-eyebrow i,.connect-card-status i,.connect-floating-note-context i{width:6px;height:6px;display:inline-block;flex:0 0 6px;background:var(--accent-light);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 10%,transparent),0 0 18px color-mix(in srgb,var(--accent) 72%,transparent);animation:connect-status-pulse 3.2s ease-in-out infinite}.connect-hero h1{max-width:680px;margin:0;color:var(--text);font-size:clamp(56px,5.6vw,84px);font-weight:700;line-height:.94;letter-spacing:-.067em;text-wrap:balance;animation:connect-enter .72s .14s cubic-bezier(.22,1,.36,1) both}.connect-hero h1>span{position:relative;color:var(--text-secondary);white-space:nowrap}.connect-hero h1>span:after{position:absolute;right:2px;bottom:4px;left:1px;height:3px;display:none;border-radius:999px;content:"";opacity:.72}.connect-hero h1 em{color:transparent;background:linear-gradient(118deg,var(--text) 8%,var(--accent-light) 64%,var(--accent) 100%);background-clip:text;-webkit-background-clip:text;font-style:normal}.connect-hero-copy>p{max-width:610px;margin:25px 0 0;color:var(--text-secondary);font-size:clamp(16px,1.45vw,19px);line-height:1.62;text-wrap:pretty;animation:connect-enter .72s .21s cubic-bezier(.22,1,.36,1) both}.connect-hero-actions{display:flex;align-items:center;gap:13px;margin-top:31px;animation:connect-enter .72s .28s cubic-bezier(.22,1,.36,1) both}.connect-primary-cta,.connect-secondary-cta{min-height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;font-size:13px;font-weight:500;text-decoration:none;transition:transform .18s ease,filter .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.connect-primary-cta{gap:12px;padding:13px 19px;color:#fff;font-weight:600;background:linear-gradient(135deg,var(--accent-fill),var(--accent-fill-hover));border:1px solid color-mix(in srgb,var(--accent-light) 24%,var(--accent-fill));box-shadow:0 18px 45px color-mix(in srgb,var(--accent) 14%,transparent),inset 0 1px #ffffff24}.connect-primary-cta svg{width:18px;height:18px;transition:transform .18s ease}.connect-primary-cta:hover,.connect-primary-cta:focus-visible{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 22px 52px color-mix(in srgb,var(--accent) 20%,transparent),inset 0 1px #ffffff2e}.connect-primary-cta:hover svg,.connect-primary-cta:focus-visible svg{transform:translate(3px)}.connect-secondary-cta{padding:13px 16px;color:var(--text-secondary);background:color-mix(in srgb,var(--surface) 62%,transparent);border:1px solid var(--border)}.connect-secondary-cta:hover,.connect-secondary-cta:focus-visible{color:var(--text);background:color-mix(in srgb,var(--surface-raised) 76%,transparent);border-color:color-mix(in srgb,var(--accent) 24%,var(--border));transform:translateY(-1px)}.connect-trust-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px 17px;margin:25px 0 0;padding:0;color:var(--text-tertiary);list-style:none;animation:connect-enter .72s .34s cubic-bezier(.22,1,.36,1) both}.connect-trust-row li{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:670;letter-spacing:.02em}.connect-trust-row svg{width:13px;height:13px;color:var(--accent-light)}.connect-anti-feed{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;margin-top:42px;padding-top:20px;color:var(--text-tertiary);border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);font-size:11px;animation:connect-enter .72s .4s cubic-bezier(.22,1,.36,1) both}.connect-anti-feed span:after{margin-left:9px;color:color-mix(in srgb,var(--accent) 58%,var(--border));content:"·"}.connect-anti-feed strong{color:var(--text-secondary);font-weight:600}.connect-portal{position:relative;z-index:2;min-width:0;min-height:590px;display:grid;place-items:center;perspective:1200px;animation:connect-enter-right .84s .19s cubic-bezier(.22,1,.36,1) both}.connect-portal:before{position:absolute;width:76%;aspect-ratio:1;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 14%,transparent),color-mix(in srgb,var(--accent-fill) 5%,transparent) 42%,transparent 68%);border-radius:50%;filter:blur(18px);content:"";opacity:.52;animation:connect-portal-breathe 7s ease-in-out infinite}.connect-orbit{position:absolute;width:104%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);border-radius:50%;opacity:.64}.connect-orbit:before,.connect-orbit:after{position:absolute;width:7px;height:7px;background:var(--accent-light);border-radius:50%;box-shadow:0 0 22px var(--accent);content:""}.connect-orbit:before{top:13%;left:19%}.connect-orbit:after{right:8%;bottom:27%;width:4px;height:4px}.connect-orbit-one{animation:connect-orbit-spin 24s linear infinite}.connect-orbit-two{width:78%;border-style:dashed;opacity:.37;animation:connect-orbit-spin-reverse 32s linear infinite}.connect-floating-note{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:7px;padding:9px 11px;color:var(--text-secondary);background:color-mix(in srgb,var(--surface) 75%,transparent);border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:999px;box-shadow:0 16px 44px color-mix(in srgb,var(--shadow-color) 20%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:9px;font-weight:700;letter-spacing:.025em}.connect-floating-note svg{width:13px;height:13px;color:var(--accent-light)}.connect-floating-note-private{top:56px;right:-18px;animation:connect-note-float 7s ease-in-out infinite}.connect-floating-note-context{bottom:58px;left:-30px;animation:connect-note-float 8.5s 1.1s ease-in-out infinite reverse}.connect-access-card{position:relative;z-index:3;width:min(100%,470px);margin:0;padding:24px;overflow:visible;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-raised) 91%,transparent),color-mix(in srgb,var(--surface) 86%,transparent)),var(--surface);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:26px;box-shadow:0 42px 110px color-mix(in srgb,var(--shadow-color) 58%,transparent),0 0 0 1px color-mix(in srgb,#fff 3%,transparent) inset,0 1px color-mix(in srgb,#fff 8%,transparent) inset;text-align:left;transform:rotateX(calc(var(--landing-pointer-y) * -1.35deg)) rotateY(calc(var(--landing-pointer-x) * 1.7deg)) translateZ(0);transition:transform .8s cubic-bezier(.22,1,.36,1),border-color .2s ease;backdrop-filter:blur(28px) saturate(1.16);-webkit-backdrop-filter:blur(28px) saturate(1.16);scroll-margin-top:100px}.connect-access-card:before{position:absolute;inset:0;padding:1px;background:linear-gradient(125deg,color-mix(in srgb,var(--accent-light) 22%,transparent),transparent 33%,transparent 68%,color-mix(in srgb,var(--accent) 10%,transparent));border-radius:inherit;content:"";mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}.connect-card-brand{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--border-subtle)}.connect-mark{width:56px;height:56px;display:grid;place-items:center;margin:0;background:radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 62%),var(--surface-2);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:17px;box-shadow:0 16px 38px color-mix(in srgb,var(--shadow-color) 28%,transparent),inset 0 1px color-mix(in srgb,#fff 6%,transparent)}.connect-brand-logo{width:39px;height:39px}.connect-card-status{display:inline-flex;align-items:center;gap:8px;color:var(--text-tertiary);font-size:9px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.connect-card-status i{width:5px;height:5px;flex-basis:5px}.connect-access-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.connect-access-header>div{min-width:0}.connect-access-kicker{display:block;margin-bottom:7px;color:var(--accent-light);font-size:9px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.connect-access-header h2{margin:0;color:var(--text);font-size:29px;font-weight:700;line-height:1.08;letter-spacing:-.045em}.connect-access-header p{max-width:330px;margin:8px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.55}.connect-security-badge{min-height:31px;display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:5px 8px;color:var(--text-secondary);background:color-mix(in srgb,var(--surface-2) 85%,transparent);border:1px solid var(--border);border-radius:999px;font-size:9px;font-weight:500;letter-spacing:.04em}.connect-security-badge>svg{width:13px;height:13px;color:var(--accent-light)}.connect-security-badge .info-tooltip-trigger{width:21px;height:21px;margin:-3px -4px -3px -2px}.connect-eligibility{display:flex;align-items:center;gap:8px;margin:18px 0 13px;padding:10px 12px;color:var(--text-secondary);background:color-mix(in srgb,var(--accent) 7%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:12px;font-size:11px;line-height:1.4}.connect-eligibility>span{color:var(--accent-light)}.connect-referral-notice{display:flex;align-items:flex-start;gap:10px;margin:-2px 0 13px;padding:11px 12px;color:var(--text-secondary);background:color-mix(in srgb,var(--accent) 8%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:12px}.connect-referral-lock{width:28px;height:28px;display:grid;flex:0 0 28px;place-items:center;color:var(--accent-light);background:var(--accent-dim);border-radius:8px}.connect-referral-lock svg{width:14px;height:14px}.connect-referral-notice>span:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}.connect-referral-notice strong{color:var(--text);font-size:11px}.connect-referral-notice small{font-size:10px;line-height:1.45}.connect-access-card .wallet-options{width:100%;max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.connect-access-card .wallet-options>:only-child{grid-column:1 / -1}.connect-access-card .wallet-picker{width:100%;grid-column:1 / -1}.connect-access-card .wallet-picker-summary{min-height:57px;padding:11px 16px;background:var(--accent-fill);border-color:color-mix(in srgb,var(--accent-light) 22%,var(--accent-fill));border-radius:14px;box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 1px #ffffff1f;font-size:12px}.connect-access-card .wallet-picker-summary:hover,.connect-access-card .wallet-picker-summary:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}.connect-access-card .wallet-picker-menu{gap:8px;margin-top:9px}.connect-access-card .wallet-option{min-height:61px;padding:10px 12px;background:color-mix(in srgb,var(--surface-2) 82%,transparent);border-color:color-mix(in srgb,var(--border) 90%,transparent);border-radius:13px}.connect-access-card .wallet-option-primary{background:var(--accent-fill);border-color:color-mix(in srgb,var(--accent-light) 22%,var(--accent-fill));box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 1px #ffffff1f}.connect-access-card .wallet-option:hover:not(:disabled),.connect-access-card .wallet-option:focus-visible{background:color-mix(in srgb,var(--accent) 8%,var(--surface-2));border-color:color-mix(in srgb,var(--accent) 48%,var(--border));transform:translateY(-2px)}.connect-access-card .wallet-option-primary:hover:not(:disabled),.connect-access-card .wallet-option-primary:focus-visible{background:var(--accent-fill-hover)}.connect-access-card .wallet-option-identity>img,.connect-access-card .wallet-option-fallback{width:36px;height:36px;flex-basis:36px;border-radius:11px}.connect-access-card .wallet-option strong{font-size:12px}.connect-access-card .wallet-option small{font-size:9px}.connect-access-card .connection-banner{grid-column:1 / -1}.connect-access-card .wallet-discovery-loading{min-height:57px;grid-column:1 / -1;background:color-mix(in srgb,var(--surface-2) 82%,transparent);border-radius:13px}.connect-inline-error{margin-top:10px;padding:10px 11px;border-radius:11px;font-size:11px}.connect-screen .connect-footnote{max-width:none;display:flex;align-items:center;justify-content:center;gap:7px;margin:13px 0 0;color:var(--text-tertiary);font-size:9px;font-weight:610;letter-spacing:.015em;line-height:1.4;text-align:center}.connect-footnote svg{width:13px;height:13px;flex:0 0 13px;margin:0;color:var(--accent-light)}.connect-mission{position:relative;z-index:2;width:min(100%,var(--landing-shell));margin:0 auto;padding:clamp(84px,10vw,132px) 0;border-top:1px solid color-mix(in srgb,var(--border) 76%,transparent);scroll-margin-top:100px}.connect-section-heading{display:grid;align-items:end;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);column-gap:clamp(50px,8vw,120px);margin-bottom:46px}.connect-section-heading .connect-access-kicker{grid-column:1 / -1;margin-bottom:14px}.connect-section-heading h2{margin:0;color:var(--text);font-size:clamp(42px,5vw,66px);font-weight:700;line-height:.98;letter-spacing:-.058em}.connect-section-heading h2 em{display:block;color:var(--accent-light);font-style:normal}.connect-section-heading>p{max-width:570px;margin:0 0 3px;color:var(--text-secondary);font-size:15px;line-height:1.65;text-wrap:pretty}.connect-principles{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;text-align:left}.connect-principles li{position:relative;min-width:0;min-height:255px;display:flex;align-items:flex-start;flex-direction:column;gap:0;padding:24px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 82%,transparent),color-mix(in srgb,var(--surface-2) 50%,transparent));border:1px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:22px;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s ease,background .22s ease}.connect-principles li:after{position:absolute;right:-70px;bottom:-100px;width:210px;height:210px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent),transparent 68%);border-radius:50%;content:"";opacity:0;transition:opacity .22s ease}.connect-principles li:hover{background:linear-gradient(145deg,color-mix(in srgb,var(--surface-raised) 88%,transparent),color-mix(in srgb,var(--accent) 5%,var(--surface-2)));border-color:color-mix(in srgb,var(--accent) 24%,var(--border));transform:translateY(-4px)}.connect-principles li:hover:after{opacity:1}.connect-principle-number{position:absolute;top:23px;right:24px;color:color-mix(in srgb,var(--text-tertiary) 56%,transparent);font-size:9px;font-weight:500;letter-spacing:.14em}.connect-principle-icon{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;margin-bottom:auto;color:var(--accent-light);background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:14px;box-shadow:inset 0 1px color-mix(in srgb,#fff 5%,transparent)}.connect-principle-icon svg{width:20px;height:20px}.connect-principles li>div{position:relative;z-index:1;display:flex;flex-direction:column;gap:9px;margin-top:38px}.connect-principles strong{color:var(--text);font-size:19px;font-weight:600;line-height:1.2;letter-spacing:-.025em}.connect-principles small{display:block;color:var(--text-secondary);font-size:12px;line-height:1.6}.connect-manifesto{position:relative;z-index:2;width:min(100%,var(--landing-shell));min-height:430px;display:grid;align-items:end;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:58px;margin:0 auto;padding:clamp(50px,7vw,84px);overflow:hidden;background:radial-gradient(circle at 82% 26%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34%),radial-gradient(circle at 15% 110%,color-mix(in srgb,var(--accent-fill) 10%,transparent),transparent 43%),color-mix(in srgb,var(--surface) 94%,var(--accent-fill));border:1px solid color-mix(in srgb,var(--accent) 17%,var(--border));border-radius:34px;box-shadow:0 38px 100px color-mix(in srgb,var(--shadow-color) 28%,transparent),inset 0 1px color-mix(in srgb,#fff 5%,transparent)}.connect-manifesto:before{position:absolute;z-index:0;top:-170px;right:-100px;width:540px;height:540px;background:url(/whaleroom-logo-light.png) center / contain no-repeat;content:"";opacity:.022;transform:rotate(-11deg)}[data-theme=light] .connect-manifesto:before{background-image:url(/whaleroom-logo-dark.png)}.connect-manifesto-orbit{position:absolute;top:50%;right:-130px;width:520px;height:520px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:50%;transform:translateY(-50%);animation:connect-orbit-spin 32s linear infinite}.connect-manifesto-orbit:before,.connect-manifesto-orbit:after{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);border-radius:50%;content:""}.connect-manifesto-orbit:before{inset:68px}.connect-manifesto-orbit:after{inset:138px}.connect-manifesto>div,.connect-manifesto dl{position:relative;z-index:2}.connect-manifesto blockquote{max-width:760px;margin:18px 0 0;color:var(--text-secondary);font-size:clamp(38px,4.7vw,64px);font-weight:400;line-height:1.02;letter-spacing:-.055em}.connect-manifesto blockquote strong{color:var(--text);font-weight:700}.connect-manifesto dl{display:grid;gap:11px}.connect-manifesto dl>div{display:grid;align-items:baseline;grid-template-columns:52px 1fr;gap:13px;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 78%,transparent)}.connect-manifesto dt{color:var(--accent-light);font-size:18px;font-weight:600;letter-spacing:-.035em}.connect-manifesto dd{color:var(--text-secondary);font-size:11px;font-weight:680}.connect-faq{position:relative;z-index:2;width:min(100%,var(--landing-shell));margin:0 auto;padding:clamp(96px,11vw,146px) 0 66px;text-align:left;scroll-margin-top:100px}.connect-faq-heading{display:grid;align-items:end;grid-template-columns:1fr minmax(280px,.72fr);gap:48px;margin-bottom:30px;padding:0}.connect-faq-heading .connect-access-kicker{grid-column:1 / -1;margin-bottom:-34px}.connect-faq-heading h2{margin:0;color:var(--text);font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1;letter-spacing:-.055em}.connect-faq-heading p{margin:0 0 4px;color:var(--text-secondary);font-size:13px;line-height:1.6}.connect-faq .club-faq{margin-bottom:0;overflow:hidden;background:color-mix(in srgb,var(--surface) 74%,transparent);border-color:color-mix(in srgb,var(--border) 86%,transparent);border-radius:24px;box-shadow:0 30px 80px color-mix(in srgb,var(--shadow-color) 18%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.connect-faq .club-faq-q{min-height:66px;padding:18px 21px;font-size:14px;font-weight:700}.connect-faq .club-faq-a{max-width:920px;padding:16px 21px 22px;color:var(--text-secondary);font-size:13px;line-height:1.68}.connect-footer{position:relative;z-index:2;width:min(100%,var(--landing-shell));display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 auto;padding:28px 2px 0;color:var(--text-tertiary);border-top:1px solid color-mix(in srgb,var(--border) 74%,transparent);font-size:10px}.connect-footer>span{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:12px;font-weight:500}.connect-footer .whaleroom-logo{width:24px;height:24px}[data-theme=light] .connect-screen{background:radial-gradient(circle at 74% 18%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 28%),radial-gradient(circle at 14% 31%,color-mix(in srgb,var(--accent-fill) 5%,transparent),transparent 25%),linear-gradient(180deg,#fbf9fb 0%,var(--bg) 56%,#f5f0f5 100%)}[data-theme=light] .connect-aurora{mix-blend-mode:multiply;opacity:.1}[data-theme=light] .connect-depth-mark{opacity:.018}[data-theme=light] .connect-nav{background:#ffffffb8;box-shadow:0 18px 60px #3e263a14}[data-theme=light] .connect-access-card{background:linear-gradient(145deg,#fffffff0,#fbf9fce6);box-shadow:0 42px 110px #482a4424,0 1px #fff inset}[data-theme=light] .connect-manifesto{background:radial-gradient(circle at 82% 26%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),radial-gradient(circle at 15% 110%,color-mix(in srgb,var(--accent-fill) 7%,transparent),transparent 43%),#fff}@keyframes connect-enter{0%{opacity:0;transform:translate3d(0,18px,0);filter:blur(5px)}to{opacity:1;transform:translateZ(0);filter:blur(0)}}@keyframes connect-enter-right{0%{opacity:0;transform:translate3d(28px,18px,0) scale(.985);filter:blur(7px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}@keyframes connect-aurora-one{0%{transform:translate3d(-7%,-3%,0) rotate(-5deg) scale(.94)}to{transform:translate3d(7%,5%,0) rotate(7deg) scale(1.08)}}@keyframes connect-aurora-two{0%{transform:translate3d(-3%,3%,0) scale(.96)}to{transform:translate3d(9%,-7%,0) scale(1.08)}}@keyframes connect-aurora-three{0%{transform:translate3d(6%,-4%,0) scale(1)}to{transform:translate3d(-8%,7%,0) scale(1.12)}}@keyframes connect-grid-drift{0%{background-position:0 0,0 0}to{background-position:0 24px,24px 0}}@keyframes connect-node-drift{0%{transform:translate3d(-3px,-8px,0);opacity:.34}to{transform:translate3d(7px,9px,0);opacity:.68}}@keyframes connect-status-pulse{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@keyframes connect-portal-breathe{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:.84;transform:scale(1.04)}}@keyframes connect-orbit-spin{to{transform:rotate(360deg)}}@keyframes connect-orbit-spin-reverse{to{transform:rotate(-360deg)}}@keyframes connect-note-float{0%,to{transform:translate3d(0,-3px,0)}50%{transform:translate3d(0,6px,0)}}@media(max-width:1080px){.connect-screen{--landing-shell: 960px}.connect-hero{grid-template-columns:minmax(0,1fr) minmax(370px,.82fr);gap:46px}.connect-hero h1{font-size:clamp(52px,6.1vw,72px)}.connect-floating-note-private{right:-4px}.connect-floating-note-context{left:-5px}}@media(max-width:900px){.connect-screen{--landing-shell: 720px}.connect-nav-links{display:none}.connect-nav{grid-template-columns:1fr auto}.connect-hero{min-height:auto;grid-template-columns:1fr;gap:38px;padding-top:86px}.connect-hero-copy{max-width:700px}.connect-hero h1{max-width:690px;font-size:clamp(57px,9.2vw,76px)}.connect-portal{width:min(100%,600px);min-height:590px;justify-self:center}.connect-section-heading,.connect-faq-heading{grid-template-columns:1fr;gap:18px}.connect-faq-heading .connect-access-kicker{margin-bottom:-4px}.connect-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.connect-principles li:last-child{grid-column:1 / -1}.connect-manifesto{min-height:500px;align-items:end;grid-template-columns:1fr}.connect-manifesto dl{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){html:has(.connect-screen),body:has(.connect-screen),#app:has(.connect-screen){height:auto;min-height:100%;overflow:visible}.app:has(>.connect-screen){position:relative;inset:auto;width:100%;height:auto;min-height:100dvh;max-height:none;overflow:visible;transform:none}.app>.connect-screen{height:auto;min-height:100dvh;max-height:none;overflow-x:clip;overflow-y:visible;padding:0 16px max(34px,calc(var(--safe-bottom) + 24px))}.connect-nav{top:max(8px,var(--safe-top));min-height:60px;margin-top:max(8px,var(--safe-top));padding:8px 9px 8px 10px;border-radius:17px}.connect-nav-mark{width:38px;height:38px;flex-basis:38px;border-radius:12px}.connect-nav-mark .whaleroom-logo{width:27px;height:27px}.connect-wordmark strong{font-size:14px}.connect-wordmark small{display:none}.connect-nav-cta{min-height:40px;padding:9px 11px;font-size:10px}.connect-hero{gap:24px;padding:64px 0 90px}.connect-eyebrow{margin-bottom:18px;font-size:9px}.connect-hero h1{font-size:clamp(46px,13.7vw,68px);line-height:.96}.connect-hero-copy>p{margin-top:21px;font-size:16px;line-height:1.58}.connect-hero-actions{width:100%;align-items:stretch;flex-direction:column;gap:9px;margin-top:27px}.connect-primary-cta,.connect-secondary-cta{width:100%}.connect-trust-row{gap:8px 13px;margin-top:21px}.connect-anti-feed{margin-top:30px}.connect-portal{width:100%;min-height:550px}.connect-orbit-one{width:118%}.connect-floating-note-private{top:22px;right:-2px}.connect-floating-note-context{bottom:18px;left:0}.connect-access-card{width:calc(100% - 4px);padding:20px;border-radius:23px;transform:none}.connect-card-brand{margin-bottom:19px;padding-bottom:16px}.connect-mark{width:52px;height:52px}.connect-access-header h2{font-size:26px}.connect-mission{padding:82px 0}.connect-section-heading{margin-bottom:30px}.connect-section-heading h2,.connect-faq-heading h2{font-size:clamp(39px,11vw,52px)}.connect-section-heading>p{font-size:14px}.connect-principles{grid-template-columns:1fr;gap:10px}.connect-principles li,.connect-principles li:last-child{min-height:198px;align-items:flex-start;justify-content:flex-start;grid-column:auto;padding:21px;text-align:left}.connect-principle-icon{width:42px;height:42px;flex-basis:42px;margin-bottom:28px}.connect-principles li>div{align-items:flex-start;margin-top:0}.connect-manifesto{min-height:500px;gap:36px;padding:38px 28px;border-radius:26px}.connect-manifesto blockquote{font-size:clamp(36px,10.8vw,49px)}.connect-manifesto dl{gap:7px}.connect-manifesto dl>div{grid-template-columns:1fr;gap:4px}.connect-faq{padding:92px 0 54px}.connect-faq-heading{margin-bottom:24px}.connect-faq .club-faq{border-radius:20px}.connect-faq .club-faq-q{min-height:60px;padding:16px;font-size:13px}.connect-faq .club-faq-a{padding:14px 16px 18px;font-size:12px}.connect-footer{align-items:flex-start;flex-direction:column;gap:7px}}@media(max-width:520px){.connect-nav-cta svg{display:none}.connect-nav-cta{padding-right:10px;padding-left:10px}.connect-hero{padding-top:55px}.connect-hero h1{font-size:clamp(43px,13.4vw,58px)}.connect-trust-row li{font-size:9px}.connect-anti-feed{align-items:flex-start;flex-direction:column;gap:5px}.connect-anti-feed span:after{display:none}.connect-portal{min-height:600px}.connect-floating-note-context{display:none}.connect-access-card{padding:18px}.connect-access-header{align-items:flex-start;flex-direction:column;gap:10px}.connect-security-badge{align-self:flex-start}.connect-access-card .wallet-options,.connect-access-card .wallet-picker-menu{grid-template-columns:1fr}.connect-access-card .wallet-option{min-height:59px}.connect-screen .connect-footnote{align-items:flex-start;justify-content:flex-start;text-align:left}.connect-manifesto{padding:34px 22px}.connect-manifesto dl{grid-template-columns:1fr}.connect-manifesto dl>div{grid-template-columns:45px 1fr}}@media(hover:none),(pointer:coarse){.connect-access-card,.connect-depth-grid,.connect-depth-mark{transform:none}}.group-access-screen{position:relative;justify-content:flex-start;min-height:100%;padding:max(34px,calc(var(--safe-top) + 4vh)) max(18px,var(--safe-right)) max(34px,calc(var(--safe-bottom) + 18px)) max(18px,var(--safe-left));overflow-y:auto;background:radial-gradient(circle at 50% -12%,color-mix(in srgb,var(--accent) 19%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 28%,var(--bg)),var(--bg) 36%);scrollbar-gutter:stable}.group-access-screen:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.33;background-image:linear-gradient(color-mix(in srgb,var(--border) 34%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 34%,transparent) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 58%)}.group-access-card{position:relative;z-index:1;width:min(100%,590px);margin:auto;padding:clamp(26px,5vw,42px);text-align:center;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid color-mix(in srgb,var(--border) 84%,var(--accent) 16%);border-radius:26px;box-shadow:0 28px 90px color-mix(in srgb,var(--shadow-color) 82%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.group-access-mark{position:relative;width:78px;height:78px;display:grid;place-items:center;margin:0 auto 25px;background:linear-gradient(145deg,var(--surface-raised),var(--surface-2));border:1px solid var(--border);border-radius:24px;box-shadow:0 18px 50px var(--shadow-color)}.group-access-mark>.whaleroom-logo{width:48px;height:48px}.group-access-mark-badge{position:absolute;right:-8px;bottom:-7px;width:31px;height:31px;display:grid;place-items:center;color:#fff;background:var(--accent-fill);border:4px solid var(--surface);border-radius:50%}.group-access-mark-badge.warning{color:#291b00;background:#fbbf24}.group-access-mark-badge svg{width:14px;height:14px}.group-access-kicker{display:block;margin-bottom:10px;color:var(--accent);font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.group-access-card>h1,.holder-setup-heading h1{color:var(--text);font-size:clamp(27px,5vw,38px);font-weight:720;letter-spacing:-.045em;line-height:1.03}.group-access-card>p,.holder-setup-intro{max-width:510px;margin:16px auto 0;color:var(--text-secondary);font-size:14px;line-height:1.65}.group-access-progress{display:grid;gap:4px;margin:27px 0 20px;text-align:left}.group-access-progress>div{position:relative;min-height:57px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;padding:9px 12px;color:var(--text-tertiary);border:1px solid transparent;border-radius:13px}.group-access-progress>div:not(:last-child):after{content:"";position:absolute;top:43px;left:28px;width:1px;height:20px;background:var(--border)}.group-access-progress>div>span{width:32px;height:32px;display:grid;place-items:center;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;font-size:11px;font-weight:750}.group-access-progress>div.is-complete>span{color:#fff;background:#167845;border-color:#239b5b}.group-access-progress>div.is-active{color:var(--text);background:var(--accent-dim);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.group-access-progress>div.is-active>span{color:var(--accent-light);background:var(--accent-fill);border-color:var(--accent)}.group-access-progress strong,.group-access-progress small{display:block}.group-access-progress strong{color:var(--text);font-size:13px}.group-access-progress small{margin-top:2px;color:var(--text-secondary);font-size:11px}.group-access-privacy,.holder-admin-privacy{display:flex;align-items:flex-start;gap:11px;padding:14px;color:var(--text-secondary);background:color-mix(in srgb,var(--accent-dim) 58%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));border-radius:14px;font-size:11px;line-height:1.55;text-align:left}.group-access-privacy>svg,.holder-admin-privacy>span{width:27px;height:27px;flex:0 0 27px;padding:5px;color:var(--accent);background:var(--accent-dim);border-radius:8px}.holder-admin-privacy svg{width:100%;height:100%}.group-access-privacy strong,.holder-admin-privacy strong{color:var(--text)}.group-access-actions{display:flex;justify-content:center;gap:9px;margin-top:22px}.group-access-actions .btn{min-height:44px;padding-right:22px;padding-left:22px}.group-access-wallet{margin-top:14px!important;color:var(--text-tertiary)!important;font-size:10px!important}.holder-setup-card{width:min(100%,720px);text-align:left}.holder-setup-heading{display:flex;align-items:center;gap:20px}.holder-setup-heading .group-access-mark{flex:0 0 78px;margin:0}.holder-setup-heading .group-access-kicker{margin-bottom:8px}.holder-setup-intro{max-width:none;margin-top:20px}.holder-identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:25px 0 12px}.holder-identity-grid>div{min-width:0;padding:15px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px}.holder-identity-grid span,.holder-identity-grid strong,.holder-identity-grid small{display:block}.holder-identity-grid span{margin-bottom:7px;color:var(--text-tertiary);font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.holder-identity-grid strong{overflow:hidden;color:var(--text);font-size:17px;text-overflow:ellipsis;white-space:nowrap}.holder-identity-grid small{overflow:hidden;margin-top:4px;color:var(--text-secondary);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.holder-setup-warning{margin-top:9px;padding:13px 15px;color:#fecaca;background:color-mix(in srgb,var(--danger) 10%,var(--surface-2));border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border));border-radius:13px}.holder-setup-warning.is-caution{color:color-mix(in srgb,var(--warning) 70%,var(--text));background:color-mix(in srgb,var(--warning) 7%,var(--surface-2));border-color:color-mix(in srgb,var(--warning) 24%,var(--border))}.holder-setup-warning strong{display:block;color:inherit;font-size:12px}.holder-setup-warning p{margin-top:4px;color:var(--text-secondary);font-size:11px;line-height:1.5}.holder-rotation-warning small{display:block;margin-top:8px;color:color-mix(in srgb,var(--danger) 70%,var(--text));font-size:10px;line-height:1.45}.holder-rotation-acknowledgement{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:13px 15px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:13px;font-size:11px;line-height:1.45;cursor:pointer}.holder-rotation-acknowledgement input{width:16px;height:16px;flex:0 0 16px;margin:0;accent-color:var(--danger)}.holder-policy-list{display:grid;gap:7px;margin-top:20px}.holder-policy-list>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.holder-policy-list>div>span{color:var(--accent);font-size:10px;font-weight:750}.holder-policy-list strong,.holder-policy-list small{display:block}.holder-policy-list strong{color:var(--text);font-size:12px}.holder-policy-list small{margin-top:3px;color:var(--text-secondary);font-size:10px;line-height:1.45}.holder-setup-card .group-access-actions{justify-content:flex-start}.holder-admin-drawer{width:min(440px,96vw)}.holder-admin-header .room-status{min-height:24px;padding:3px 7px;color:var(--accent-light);background:var(--accent-dim);border-color:color-mix(in srgb,var(--accent) 20%,var(--border))}.holder-admin-body{min-height:0;flex:1;overflow-y:auto;padding:13px;overscroll-behavior:contain;scrollbar-gutter:stable}.holder-admin-privacy{margin-bottom:12px}.holder-admin-privacy p{margin-top:3px}.holder-admin-alert{margin:10px 0;padding:11px 12px;border:1px solid var(--border);border-radius:11px;font-size:11px;line-height:1.45}.holder-admin-alert.error{color:color-mix(in srgb,var(--danger) 74%,var(--text));background:color-mix(in srgb,var(--danger) 8%,var(--surface-2));border-color:color-mix(in srgb,var(--danger) 28%,var(--border))}.holder-admin-alert.success{color:color-mix(in srgb,var(--green) 72%,var(--text));background:color-mix(in srgb,var(--green) 8%,var(--surface-2));border-color:color-mix(in srgb,var(--green) 24%,var(--border))}.holder-admin-section{margin-top:11px;padding:14px;background:color-mix(in srgb,var(--surface-2) 66%,var(--surface));border:1px solid var(--border);border-radius:16px}.holder-admin-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.holder-admin-section-heading span{display:block;margin-bottom:3px;color:var(--accent);font-size:8px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.holder-admin-section-heading h3{color:var(--text);font-size:14px}.holder-admin-section-heading>button{min-height:31px;padding:6px 9px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-family:inherit;font-size:10px;font-weight:650}.holder-admin-section-heading>button:disabled{opacity:.5;cursor:wait}.holder-admin-section-copy{margin-top:10px;color:var(--text-secondary);font-size:10px;line-height:1.5}.holder-admin-loading,.holder-admin-empty{min-height:74px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:10px;color:var(--text-secondary);background:var(--surface);border:1px dashed var(--border);border-radius:11px;font-size:11px}.holder-admin-empty{flex-direction:column;gap:3px}.holder-admin-empty strong{color:var(--text)}.holder-request-list,.holder-candidate-list{display:grid;gap:8px;margin-top:10px}.holder-request{padding:11px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.holder-request.is-processing{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.holder-request-main{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px}.holder-request-avatar{width:34px;height:34px;display:grid;place-items:center;color:var(--accent-light);background:var(--accent-dim);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:10px;font-size:10px;font-weight:750}.holder-request-main strong,.holder-request-main span{display:block}.holder-request-main strong{color:var(--text);font-size:11px}.holder-request-main>div>span{margin-top:3px;color:var(--text-tertiary);font-size:9px}.holder-request-status{padding:3px 6px;color:var(--accent);background:var(--accent-dim);border-radius:999px;font-size:8px!important;font-weight:700;text-transform:uppercase}.holder-request-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:7px;margin-top:10px}.holder-request-actions .btn{min-height:35px;padding:7px 9px;font-size:10px}.holder-request-actions .btn:only-child{grid-column:1 / -1}.holder-audit-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px}.holder-audit-summary>span{padding:8px 5px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:9px;font-size:8px;text-align:center}.holder-audit-summary>span.warning{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 25%,var(--border))}.holder-audit-summary strong{display:block;margin-bottom:2px;color:inherit;font-size:14px}.holder-audit-summary time{grid-column:1 / -1;color:var(--text-tertiary);font-size:8px;text-align:right}.holder-candidate{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;background:var(--surface);border:1px solid color-mix(in srgb,var(--danger) 20%,var(--border));border-radius:10px}.holder-candidate>div{min-width:0}.holder-candidate strong,.holder-candidate span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holder-candidate strong{color:var(--text);font-size:10px}.holder-candidate span{margin-top:3px;color:var(--text-secondary);font-size:8px}.holder-candidate .btn{min-height:31px;padding:6px 9px;font-size:9px}.steward-setting,.steward-header-action{color:var(--accent-light);background:var(--accent-dim);border-color:color-mix(in srgb,var(--accent) 22%,var(--border))}.room-security-banner{position:relative;z-index:50;display:flex;align-items:flex-start;gap:10px;padding:10px max(14px,var(--safe-right)) 10px max(14px,var(--safe-left));color:color-mix(in srgb,var(--danger) 75%,var(--text));background:color-mix(in srgb,var(--danger) 10%,var(--surface));border-bottom:1px solid color-mix(in srgb,var(--danger) 28%,var(--border))}.room-security-banner>span{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center}.room-security-banner svg{width:18px;height:18px}.room-security-banner strong{display:block;color:inherit;font-size:11px}.room-security-banner p{margin-top:2px;color:var(--text-secondary);font-size:9px;line-height:1.4}.room-security-banner>div{min-width:0;flex:1}.room-security-banner>button{min-height:30px;flex:0 0 auto;padding:6px 10px;color:color-mix(in srgb,var(--danger) 75%,var(--text));background:var(--surface-raised);border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border));border-radius:9px;font:inherit;font-size:9px;font-weight:700;cursor:pointer}.room-security-banner>button:disabled{opacity:.55;cursor:wait}@media(max-width:620px){.room-security-banner{flex-wrap:wrap}.room-security-banner>button{width:100%;margin-left:34px}.group-access-screen{justify-content:flex-start;padding-top:max(18px,calc(var(--safe-top) + 12px))}.group-access-card{padding:25px 18px;border-radius:21px}.holder-setup-heading{align-items:flex-start;flex-direction:column;gap:17px}.holder-setup-heading .group-access-mark{width:64px;height:64px;flex-basis:64px}.holder-setup-heading .group-access-mark>.whaleroom-logo{width:40px;height:40px}.holder-identity-grid{grid-template-columns:1fr}.group-access-actions{align-items:stretch;flex-direction:column}.group-access-actions .btn{width:100%}.holder-setup-card .group-access-actions{justify-content:stretch}}.wallet-badge,.balance-item,.gate-requirement-copy strong,.gate-wallet-balance strong,.gate-market-value,.gate-wallet-footer strong,.message-time,.club-stat-value,.club-info-value,.club-rewards-amount,.club-referral-link input,.club-input[type=number],.club-referrer-field .club-input,.club-balance-display,.club-swap-balance-line,.club-swap-total-value,.club-swap-amount,.club-swap-amount-display,.club-swap-rate,.club-swap-min-received,.club-swap-usd,.club-swap-gas,.xmtp-device-copy strong,.xmtp-device-confirm-row strong,.desktop-view-badge,.nav-badge,.rail-stat strong,.account-menu-wallet,.search-results time,.gift-summary>strong,.gift-recipient-input{font-family:var(--font-mono);font-variant-numeric:tabular-nums slashed-zero}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}