:root{--bg:#f6f6f7;--card:#fff;--border:#e2e2e6;--fg:#16161a;--muted:#6b6b76;--accent:#2f6fed;--accent-fg:#fff;--good:#148f47;--warn:#a8630b;--warn-bg:#fdf5e6;--bad:#c02525;--radius:12px}@media (prefers-color-scheme:dark){:root{--bg:#101013;--card:#191920;--border:#2c2c36;--fg:#f2f2f5;--muted:#9a9aa8;--accent:#5b8dff;--accent-fg:#0b0b0f;--good:#4ad07f;--warn:#e0a044;--warn-bg:#2a2216;--bad:#ff6b6b}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;margin:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}main{scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100dvh;overflow-y:scroll}.card{scroll-snap-align:start;flex-direction:column;justify-content:center;gap:1.25rem;min-height:100dvh;padding:2.5rem 1.25rem;display:flex;position:relative}.card>*{z-index:1;width:100%;max-width:34rem;margin-inline:auto;position:relative}.card:before{content:"";background:radial-gradient(120% 80% at 15% 0%, var(--card-a,transparent) 0%, var(--card-b,transparent) 45%, transparent 100%);opacity:.22;pointer-events:none;z-index:0;position:absolute;inset:0}.card .headline{letter-spacing:-.02em;color:var(--fg);text-wrap:balance;margin:0;font-size:clamp(2rem,9vw,3rem);font-weight:700;line-height:1.05}.card .blurb{color:var(--muted);margin:0;font-size:.95rem}.card .hero{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(2.5rem,14vw,4.5rem);font-weight:700;line-height:1}.card .hero .unit{letter-spacing:.1em;color:var(--muted);margin-left:.4em;font-size:.3em;font-weight:600}.welcome{color:#fff;background:#000}.welcome:before{opacity:.45}.welcome .welcome-text{text-align:center;flex-direction:column;gap:.75rem;display:flex}.welcome h1{letter-spacing:-.03em;color:#fff;text-wrap:balance;margin:0;font-size:clamp(2.25rem,11vw,4rem);font-weight:800;line-height:1.05}.welcome p{letter-spacing:.12em;text-transform:uppercase;color:#ffffffbf;margin:0;font-size:clamp(1rem,4.5vw,1.375rem);font-weight:600}.welcome .chevron{color:#ffffffbf}.chevron{text-align:center;color:var(--muted);font-size:1.25rem;line-height:1;animation:2.4s ease-in-out infinite nudge;position:absolute;bottom:1.25rem;left:0;right:0}@keyframes nudge{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:.9;transform:translateY(4px)}}label{color:var(--muted);margin-bottom:.25rem;font-size:.8rem;display:block}input{width:100%;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.65rem .75rem;font-size:1rem}input:disabled{opacity:.6}button{width:100%;color:var(--accent-fg);background:var(--accent);cursor:pointer;border:none;border-radius:8px;padding:.75rem 1rem;font-size:1rem;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{color:var(--accent);background:0 0;font-weight:500}.glyph-button{color:#fff;-webkit-backdrop-filter:blur(4px);cursor:pointer;background:#47904de6;border:1px solid #a6a1aa1a;border-radius:9999px;justify-content:flex-start;align-self:center;align-items:center;gap:.25rem;width:13rem;height:3rem;padding:.625rem 1.5rem .625rem .625rem;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5rem;transition:background-color .15s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 4px #afb6b066,0 0 20px #ffffff1a,inset 0 1px 2px #fff9,inset 0 -3px 6px #00000026}.glyph-button:hover:not(:disabled){background:#4cae53e6}.glyph-button:active:not(:disabled){background:#336b38e6}.glyph-button:disabled{opacity:.5;cursor:not-allowed}.glyph-button .glyph-mark{flex-shrink:0;width:1.25rem;height:1.25rem;margin:.5rem}.glyph-button .glyph-label{text-align:center;flex:1}.claim-button{white-space:nowrap;color:#16161a;cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:9999px;justify-content:center;align-self:center;align-items:center;width:auto;min-width:13rem;max-width:100%;height:3rem;padding:.625rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.5rem;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 6px #00000024,inset 0 1px 2px #ffffffe6,inset 0 -3px 6px #0000000d}.claim-button:hover:not(:disabled){background:#f2f2f4}.claim-button:active:not(:disabled){background:#e6e6ea}.claim-button:disabled{opacity:.5;cursor:not-allowed}.profile{top:max(.875rem, env(safe-area-inset-top));right:max(.875rem, env(safe-area-inset-right));z-index:50;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:fixed}.profile-trigger{z-index:2;width:auto;height:2.5rem;color:var(--fg);background:color-mix(in srgb, var(--card) 78%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);cursor:pointer;border-radius:9999px;align-items:center;gap:.5rem;padding:0 .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;font-weight:500;display:inline-flex;position:relative;box-shadow:0 2px 10px #0000001f}.profile-avatar{background:linear-gradient(135deg,#ec4899,#a855f7);border-radius:9999px;width:1.25rem;height:1.25rem}.profile-scrim{z-index:1;background:color-mix(in srgb, var(--bg) 30%, transparent);-webkit-backdrop-filter:blur(14px)saturate(120%);position:fixed;inset:0}.profile-menu{z-index:2;background:color-mix(in srgb, var(--card) 70%, transparent);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.125rem;min-width:13rem;padding:.375rem;display:flex;position:relative;box-shadow:0 14px 36px #00000038}.profile-item{text-align:left;width:100%;color:var(--fg);cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .75rem;font-family:inherit;font-size:.9rem;font-weight:500;display:flex}.profile-item:hover:not(:disabled){background:var(--bg)}.profile-item:disabled{opacity:.45;cursor:not-allowed}.profile-item .address{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.profile-item .hint{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;font-weight:400}.profile-item .icon{color:var(--muted);flex-shrink:0;display:flex}.profile-item .icon.done{color:var(--good)}.profile-item .icon svg{width:1rem;height:1rem}.profile-item:hover .icon:not(.done){color:var(--fg)}.profile-item.danger{color:var(--bad)}.stack{flex-direction:column;gap:.75rem;display:flex}.row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.row .key{color:var(--muted);white-space:nowrap;font-size:.85rem}.row .value{overflow-wrap:anywhere;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.row .value button{width:auto;font:inherit;font-family:inherit;font-weight:inherit;color:var(--accent);cursor:pointer;text-align:right;background:0 0;border:none;border-radius:0;padding:0}a{color:var(--accent)}.done{color:var(--good)}.error{color:var(--bad);margin:0;font-size:.85rem}.notice{background:var(--warn-bg);border:1px solid var(--warn);color:var(--warn);border-radius:var(--radius);padding:.75rem 1rem;font-size:.85rem}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem}.busy{color:var(--muted);align-items:center;gap:.6rem;font-size:.9rem;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex:none;width:1rem;height:1rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.activity{align-self:center;width:3.25rem;height:3.25rem;position:relative}.activity:before{content:"";background:conic-gradient(#0000 0deg,#ec489926 90deg,#ec4899 250deg,#a855f7 330deg,#0000 360deg);border-radius:50%;animation:1.1s linear infinite activity-turn;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2.5px))}.activity:after{content:"";background:radial-gradient(circle,#f472b68c 0%,#0000 70%);border-radius:50%;animation:1.9s ease-in-out infinite activity-pulse;position:absolute;inset:22%}@keyframes activity-turn{to{transform:rotate(360deg)}}@keyframes activity-pulse{0%,to{opacity:.35;transform:scale(.82)}50%{opacity:.9;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}.activity:before{animation-duration:3s}.activity:after{opacity:.6;animation:none}.chevron{animation:none}.showcase-card{animation:none;transform:rotateX(6deg)rotateY(-16deg)}.showcase-sheen{opacity:.5;animation:none}main{scroll-behavior:auto}}.showcase-art{aspect-ratio:1;object-fit:contain;border-radius:.75rem;width:78%;transform:translateZ(28px);box-shadow:0 .75rem 1.5rem #0a041880}.art{aspect-ratio:1;border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:20rem;display:block}.showcase{perspective:1100px;aspect-ratio:3/4;width:100%;max-width:17rem}.showcase-card{width:100%;height:100%;transform-style:preserve-3d;border-radius:1.25rem;animation:12s ease-in-out infinite showcase-turn;position:relative}.showcase-face{border-radius:inherit;background:radial-gradient(120% 90% at 20% 0,#ec489973 0%,#0000 55%),radial-gradient(130% 100% at 85% 100%,#a855f780 0%,#0000 60%),linear-gradient(160deg,#1b1030 0%,#0c0818 100%);border:1px solid #ffffff24;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex;position:absolute;inset:0;box-shadow:0 2rem 3.5rem #0a04188c,0 .5rem 1rem #0a041866,inset 0 1px #ffffff2e}.showcase-mark{fill:none;stroke:url(#halo-ring);stroke-width:3px;filter:drop-shadow(0 0 12px #f472b673);width:62%;transform:translateZ(28px)}.showcase-mark ellipse{stroke-width:1.5px;opacity:.5}.showcase-name{letter-spacing:.28em;text-indent:.28em;color:#fff;font-size:1.5rem;font-weight:800;transform:translateZ(18px)}.showcase-sheen{border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff29 46%,#ffffff08 58%,#0000 70%);animation:12s ease-in-out infinite showcase-sheen;position:absolute;inset:0;transform:translateZ(40px)}@keyframes showcase-turn{0%,to{transform:rotateX(6deg)rotateY(-16deg)translateY(0)}50%{transform:rotateX(9deg)rotateY(16deg)translateY(-.5rem)}}@keyframes showcase-sheen{0%,to{opacity:.35;transform:translateZ(40px)translate(-12%)}50%{opacity:.85;transform:translateZ(40px)translate(12%)}}.subhead{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:.5rem 0 0;font-size:.75rem}footer{color:var(--muted);text-align:center;padding-top:1.5rem;font-size:.75rem}