/* Quiet surfaces, deliberate motion, and consistent interaction feedback. */
:root{--ease-out:cubic-bezier(.2,.8,.2,1);--green:#ddd;--green-faded:#bbb}
html{scroll-behavior:smooth;scroll-padding-top:108px;color-scheme:dark}
body{font-family:'Inter','Barlow',sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}
button,a{-webkit-user-select:none;user-select:none}
button:focus-visible,a:focus-visible{outline:2px solid #ccc;outline-offset:4px}
main:focus{outline:none}
header{position:sticky;top:0;z-index:5;background:rgba(17,17,17,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.sidebar{z-index:6;transition:width 280ms var(--ease-out)}
.shell{transition:margin-left 280ms var(--ease-out)}
.brand{font-size:27px;font-weight:650;letter-spacing:-1.3px}
.brand-logo{transition:transform 250ms var(--ease-out)}
.brand:hover .brand-logo{transform:rotate(-8deg)}
.nav-item{position:relative;font-size:14px;font-weight:500;padding:13px 14px;transition:background 180ms,color 180ms,box-shadow 180ms}
.nav-item:hover{background:#1e1e1e;color:#eee}
.nav-item.active{background:#282828;box-shadow:inset 0 0 0 1px #353535}
.nav-item svg{width:19px;height:19px;transition:transform 220ms var(--ease-out),color 180ms}
.nav-item:hover svg{transform:translateY(-1px)}
.nav-item:active{background:#303030}
.collapse{display:grid;place-items:center;transition:transform 280ms var(--ease-out),border-color 180ms;background:#191919}
.collapse:hover{border-color:#888}
.collapse svg{width:14px;height:14px}
.social{color:#ccc}.social small{color:#888}
.search-wrap{border-radius:9px;transition:border-color 180ms,box-shadow 180ms,background 180ms}
.search-wrap:focus-within{border-color:#777;background:#202020;box-shadow:0 0 0 3px #ffffff06}
.button{font-size:13px;font-weight:600;letter-spacing:-.15px;border:1px solid transparent;box-shadow:0 1px 2px #0003;transition:background 180ms,box-shadow 180ms,transform 180ms var(--ease-out),border-color 180ms;filter:none}
.mint,.white{background:#e9e9e9;color:#171717;box-shadow:inset 0 1px 0 #fff,0 2px 5px #0003}
.button:hover{filter:none;transform:translateY(-1px);background:#fff;box-shadow:0 4px 12px #0003}
.button:active{transform:translateY(1px);box-shadow:0 1px 2px #0003}
.outline{border-color:#494949;box-shadow:none}.outline:hover{background:#252525;color:#fff;border-color:#777}
.text-link,.bento-cta{transition:color 180ms}.text-link:hover,.bento-cta:hover{color:#fff}
.text-link svg,.bento-cta svg,.button svg{transition:transform 220ms var(--ease-out)}
.text-link:hover svg,.bento-cta:hover svg{transform:translate(2px,-2px)}
.button:hover svg{transform:translateX(2px)}
.hero-bento{border-color:#393939;box-shadow:inset 0 1px 0 #ffffff05,0 12px 36px #0001;border-radius:16px}
.hero-bento h1{font-weight:600;letter-spacing:-2px;font-size:48px;line-height:1.08}
.hero-bento .hero-intro>p{line-height:1.75}
.hero-token,.hero-recipient,.profile-demo{box-shadow:inset 0 1px 0 #ffffff04,0 6px 20px #0002}
.hero-token strong{letter-spacing:.6px}.hero-earnings strong{font-variant-numeric:tabular-nums}
.features-heading h2{font-size:20px;letter-spacing:-.5px}
.bento-card{border-color:#333;box-shadow:inset 0 1px 0 #ffffff03;transition:border-color 220ms,box-shadow 220ms,background 220ms}
.bento-card:hover{border-color:#555;box-shadow:inset 0 1px 0 #ffffff05,0 8px 24px #0002;background:#191919}
.bento-copy h3{font-size:18px;font-weight:550;letter-spacing:-.55px}.bento-copy p{font-size:12px;line-height:1.65;color:#9b9b9b}
.bento-cta{font-size:11px;font-weight:500;color:#c3c3c3}
.bento-visual{pointer-events:auto}
.allocation-ticket{box-shadow:0 4px 12px #0002}
.orbit-social{box-shadow:0 2px 8px #0003}
.orbit-destination{box-shadow:inset 0 1px 0 #ffffff05}
.page-heading h1{font-size:32px;letter-spacing:-1.2px;font-weight:550}
.page-heading p{font-size:13px;line-height:1.7}
.form-panel,.info-panel,.stat{box-shadow:inset 0 1px 0 #ffffff04,0 6px 24px #0001}
.form-panel h2,.info-panel h2{font-weight:550;letter-spacing:-.35px}
.field input,.field textarea,.field select{transition:border-color 180ms,box-shadow 180ms,background 180ms}
.field input:focus,.field textarea:focus,.field select:focus{background:#161616;border-color:#888;box-shadow:0 0 0 3px #ffffff06}
.field input::placeholder,.field textarea::placeholder{color:#727272}
.upload{transition:border-color 180ms,background 180ms}.upload:hover{background:#222;border-color:#777}
.payout-option,.wallet-option{transition:border-color 180ms,background 180ms,color 180ms,box-shadow 180ms}
.payout-option:hover,.wallet-option:hover{background:#272727;border-color:#666;color:#eee}
.payout-option.active{box-shadow:inset 0 0 0 1px #888;background:#292929}
.filter-select:focus-visible{outline:2px solid #aaa;outline-offset:3px}
.list-row{transition:background 180ms,box-shadow 180ms}.list-row:hover{background:#202020;box-shadow:inset 2px 0 0 #777}
.list-token .token-art{transition:transform 220ms var(--ease-out)}.list-row:hover .token-art{transform:translateX(2px)}
.list-cap,.list-change,.stat strong{font-variant-numeric:tabular-nums}
.stat strong{font-weight:500;letter-spacing:-1.2px}.stat{transition:border-color 180ms}.stat:hover{border-color:#555}
.modal-backdrop{animation:backdrop-enter 180ms ease-out}
.modal{box-shadow:0 24px 80px #0008;animation:modal-enter 240ms var(--ease-out);border-color:#505050;border-radius:16px}
.modal-close{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;transition:background 180ms,color 180ms}.modal-close:hover{background:#333;color:#fff}
body.modal-open{overflow:hidden}
.button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none}.wallet-address{font-family:'DM Mono',monospace;font-size:11px!important;overflow-wrap:anywhere}.verification-help{font-size:12px;line-height:1.6;color:#aaa}.list-token img.token-art{object-fit:cover}.list-token>span{min-width:0}.list-token strong,.list-token small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#launch-captcha{margin-bottom:16px}
#toast{max-width:calc(100vw - 32px);opacity:0;transition:transform 250ms var(--ease-out),opacity 200ms;pointer-events:none;line-height:1.5}
#toast.show{opacity:1}
#claim-result:not(:empty){animation:page-enter 250ms var(--ease-out)}
.page-entering{animation:page-enter 240ms var(--ease-out)}
@keyframes page-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes page-leave{to{opacity:0;transform:translateY(-4px)}}
@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
@keyframes modal-enter{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1150px){.hero-bento h1{font-size:42px}}
@media(max-width:850px){.brand{font-size:0}.sidebar,.shell{transition:none}.collapse{display:none}}
@media(max-width:520px){html{scroll-padding-top:90px}.hero-bento h1{font-size:34px;letter-spacing:-1.4px}.page-heading h1{font-size:27px}.bento-copy h3{font-size:18px}.button{font-size:12px}.nav-item{padding:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

.hero-example-image{object-fit:cover}.social-profile{text-decoration:none;color:inherit}.social-profile:hover strong{color:#fff}.social-x-logo{width:24px;height:24px;object-fit:contain}.social-profile small{font-size:11px}

.token-page-image{width:88px;height:88px;object-fit:cover;border-radius:16px;margin-bottom:16px}

.is-verifying::before{content:'';width:14px;height:14px;border:2px solid #777;border-top-color:#fff;border-radius:50%;animation:verification-spin 800ms linear infinite;margin-right:8px}@keyframes verification-spin{to{transform:rotate(360deg)}}

.anon-toggle{display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:16px;border:1px solid #5b5175;border-radius:12px;background:#201c2b;cursor:pointer;transition:border-color .15s,background .15s}
.anon-toggle:hover{border-color:#8d7fb0}
.anon-toggle:has(input:checked){border-color:#c9bbea;background:#2a2439}
.anon-toggle img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.anon-toggle-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.anon-toggle-copy strong{font-size:16px;line-height:21px;color:#fff}
.anon-toggle-copy small{font-size:12px;line-height:17px;color:#bdb6cc}
.anon-toggle input{position:absolute;opacity:0;width:1px;height:1px}
.anon-switch{position:relative;flex:none;width:44px;height:24px;border-radius:12px;background:#47425a;transition:background .15s}
.anon-switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}
.anon-toggle input:checked+.anon-switch{background:#a892e0}
.anon-toggle input:checked+.anon-switch::after{transform:translateX(20px)}
.anon-toggle input:focus-visible+.anon-switch{outline:2px solid #fff;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.anon-toggle,.anon-switch,.anon-switch::after{transition:none}}

.ca-bar{display:flex;align-items:center;gap:16px;margin-top:16px;padding:14px 16px 14px 14px;background:#171717;border:1px solid #393939;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff05,0 12px 36px #0001}
.ca-tag{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eee;color:#171717;font:500 13px/1 'DM Mono',monospace;letter-spacing:.5px}
.ca-main{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.ca-main small{font-size:11px;font-weight:600;color:#8d8d8d;letter-spacing:.3px}
.ca-address{all:unset;cursor:pointer;min-width:0;border-radius:6px;-webkit-user-select:text;user-select:text}
.ca-address code{display:block;font:400 14px/1.4 'DM Mono',monospace;color:#eee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color 180ms}
.ca-address:hover code{color:#fff;text-decoration:underline dotted #666;text-underline-offset:4px}
.ca-address:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ca-actions{display:flex;gap:8px;flex:none}
.ca-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 13px;border:1px solid #444;border-radius:8px;background:#202020;color:#ddd;font:600 12px 'Inter','Barlow',sans-serif;cursor:pointer;transition:background 180ms,border-color 180ms,color 180ms}
.ca-button:hover{background:#2a2a2a;border-color:#666;color:#fff}
.ca-button svg{width:13px;height:13px;stroke-width:2}
.ca-copy{min-width:84px;background:#eee;border-color:#eee;color:#171717}
.ca-copy:hover{background:#fff;border-color:#fff;color:#111}
.info-panel .ca-bar{margin:0 0 18px;box-shadow:none}
.admin-toggle{border-color:#3a3a3a;background:#202020}
.admin-toggle:hover{border-color:#666}
.admin-toggle:has(input:checked){border-color:#888;background:#262626}
.admin-toggle input:checked+.anon-switch{background:#ddd}
.admin-toggle input:checked+.anon-switch::after{background:#171717}
.admin-note{color:#aaa;font-size:13px;line-height:1.65;margin:0 0 20px}
.admin-meta{color:#888;font-size:12px;margin:14px 0 0}
@media(max-width:1150px){.info-panel .ca-bar{flex-wrap:wrap}.info-panel .ca-main{flex-basis:calc(100% - 60px)}.info-panel .ca-actions{width:100%;flex-wrap:wrap}.info-panel .ca-button{flex:1}.info-panel .ca-copy{flex-basis:100%}}
@media(max-width:620px){.ca-bar{flex-wrap:wrap;padding:12px}.ca-main{flex-basis:calc(100% - 60px)}.ca-actions{width:100%}.ca-button{flex:1;padding:0 8px}}
@media(prefers-reduced-motion:reduce){.ca-button,.ca-address code{transition:none}}