:root{--neutral-900:#111;--neutral-800:#363636;--neutral-700:#454545;--neutral-600:gray;--neutral-500:#9e9e9e;--neutral-400:#b1b1b1;--neutral-300:#c5c5c5;--neutral-200:#e2e2e2;--neutral-100:#f7f7f7;--neutral-50:#fff;--ink:var(--neutral-900);--ink-soft:var(--neutral-700);--corporate-black:var(--neutral-900);--corporate-gold:#c9a44a;--corporate-gold-bright:#e4c76b;--corporate-gold-dim:#c9a44a59;--surface:#0f1113;--surface-elevated:var(--neutral-800);--brand-zona:#3a3d31;--brand-vino:#442827;--brand-orange:#75786a;--brand-cream:#eeeeec;--brand-noir:var(--neutral-900);--negro-base:var(--ink);--card-arrow-color:var(--corporate-gold-bright);--fondo:var(--surface);--shadow-card:0 8px 32px #00000059, 0 2px 8px #0003;--shadow-stack-1:0 6px 22px #00000047, 0 1px 6px #0000002e;--shadow-stack-2:0 8px 26px #0000004d, 0 2px 8px #0003;--shadow-stack-3:0 10px 30px #00000052, 0 2px 9px #00000038;--shadow-stack-4:0 11px 33px #00000057, 0 2px 9px #0000003d;--ease-apple:cubic-bezier(.32, .72, 0, 1);--ease-rise:linear;--ease-exit:cubic-bezier(.33, .99, .42, .98);--dur-exit-card:.88s;--exit-stagger:80ms;--dur-final-exit:50ms;--ease-final-exit:cubic-bezier(.32, .5, .25, 1);--rise-distance:min(100dvh, 920px);--dur-rise-title:.72s;--dur-rise-card:.78s;--dur-enter:1.05s;--dur-title:.95s;--app-topbar-h:56px;--ms-ratio:1.125;--text-base:16px;--text--1:calc(var(--text-base) / var(--ms-ratio));--text--2:calc(var(--text--1) / var(--ms-ratio));--text-0:var(--text-base);--text-1:calc(var(--text-0) * var(--ms-ratio));--text-2:calc(var(--text-1) * var(--ms-ratio));--text-3:calc(var(--text-2) * var(--ms-ratio));--text-4:calc(var(--text-3) * var(--ms-ratio));--text-5:calc(var(--text-4) * var(--ms-ratio));--font-display:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;font-family:var(--font-display);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f7f7f7eb;background:var(--fondo)}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*,:before,:after{box-sizing:border-box}body{background:var(--surface);touch-action:manipulation;min-height:100svh;margin:0}#app{background:var(--surface);max-width:430px;min-height:100svh;padding:0 18px;padding-bottom:env(safe-area-inset-bottom,0);margin:0 auto;overflow:hidden visible}.preload-screen{z-index:200;padding:24px 18px calc(48px + env(safe-area-inset-bottom,0px));background:radial-gradient(circle at 40% 20%,#2a2a2a 0%,#111 60%,#0a0a0a 100%);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0;overflow:hidden}.preload-screen--exit{animation:preload-fade-out .42s var(--ease-apple) forwards}@keyframes preload-fade-out{0%{opacity:1}to{opacity:0;transform:scale(1.02)}}.preload-screen__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.preload-screen__overlay{background:linear-gradient(#0000001a 20%,#000000bf 90%),radial-gradient(circle,#0000002e,#0000008c);position:absolute;inset:0}.preload-slider-wrap{z-index:1;justify-content:flex-end;width:min(430px,100%);margin-top:0;display:flex;position:relative}.preload-skip-btn{color:#f5f5f5;height:40px;font-size:var(--text--1);letter-spacing:.03em;cursor:pointer;-webkit-backdrop-filter:blur(4px);transition:transform .2s var(--ease-apple), background-color .2s ease, border-color .2s ease;background:#11111194;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex;box-shadow:0 6px 16px #00000047}.preload-skip-btn:hover{background:#111111bd;border-color:#ffffff5c;transform:translateY(-1px)}.preload-skip-btn:focus-visible{outline:2px solid var(--corporate-gold-bright);outline-offset:2px}.preload-skip-btn__icon{width:16px;height:16px}.preload-skip-btn--bottom{background:#0a0a0a9e;border-color:#ffffff52;justify-content:center;width:auto;min-width:96px;height:40px;box-shadow:0 8px 18px #0000004d}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-topbar{z-index:110;min-height:var(--app-topbar-h);padding:10px 4px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:0 0;border-bottom:none;justify-content:space-between;align-items:center;gap:12px;margin:0 -4px;display:flex;position:sticky;top:0}.app-topbar__logo-link{min-width:0;color:inherit;flex:1;align-items:center;text-decoration:none;display:flex}.app-topbar__logo{width:auto;max-width:min(100%,200px);height:28px;display:block}.app-topbar__menu-toggle{width:44px;height:44px;color:var(--corporate-gold-bright);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:background .2s;display:flex}.app-topbar__menu-toggle:hover{background:#c9a44a1f}.app-topbar__menu-toggle:focus-visible{outline:2px solid var(--corporate-gold);outline-offset:2px}.app-topbar__menu-toggle-lines{flex-direction:column;justify-content:center;gap:5px;width:22px;height:18px;display:flex}.app-topbar__menu-toggle-lines__bar{width:100%;height:2px;transition:transform .28s var(--ease-apple), opacity .2s ease;background:currentColor;border-radius:1px;display:block}.app-topbar__menu-toggle--open .app-topbar__menu-toggle-lines__bar:first-child{transform:translateY(7px)rotate(45deg)}.app-topbar__menu-toggle--open .app-topbar__menu-toggle-lines__bar:nth-child(2){opacity:0}.app-topbar__menu-toggle--open .app-topbar__menu-toggle-lines__bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.app-menu-backdrop{top:var(--app-topbar-h);z-index:105;background:color-mix(in srgb, var(--neutral-900) 65%, transparent);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s var(--ease-apple), visibility .28s;position:fixed;bottom:0;left:0;right:0}.app-menu-backdrop--open{opacity:1;visibility:visible;pointer-events:auto}.app-menu-panel{left:50%;top:var(--app-topbar-h);z-index:106;background:var(--surface-elevated);width:100%;max-width:430px;max-height:0;transition:max-height .38s var(--ease-apple);position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 12px 40px #0006}.app-menu-panel--open{max-height:min(70vh,420px)}.app-menu-panel__inner{padding:16px 18px 24px}.app-menu-panel__placeholder{font-size:var(--text--1);color:var(--neutral-500);margin:0;line-height:1.5}.collections-screen{padding-top:18px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;gap:20px;display:flex;overflow:visible}.collections-header{padding:4px 2px 8px}.collections-title{font-size:var(--text-5);letter-spacing:-.5px;color:var(--neutral-100);animation:content-rise-from-screen var(--dur-rise-title) var(--ease-rise) both;margin:0;font-weight:400;line-height:1.15;animation-delay:60ms}.collections-subtitle{max-width:38ch;font-size:var(--text--1);color:#f7f7f7c7;margin:8px 0 0;line-height:1.45}.collections-screen--title-fade-out .collections-title{opacity:0;pointer-events:none;transition:none}@keyframes content-rise-from-screen{0%{opacity:0;filter:blur(12px);transform:translate3d(0, var(--rise-distance), 0);animation-timing-function:cubic-bezier(.08,.72,.12,1)}48%{opacity:1;filter:blur();animation-timing-function:cubic-bezier(.34,0,.18,1);transform:translateY(-18px)}74%{animation-timing-function:cubic-bezier(.28,1,.52,1);transform:translateY(7px)}to{opacity:1;filter:blur();transform:translate(0,0)}}@keyframes content-exit-down-screen{0%{opacity:1;transform:translate(0,0)}65%{opacity:.35}to{opacity:0;transform:translate3d(0, var(--rise-distance), 0)}}.collection-card.collection-card--exit-down{pointer-events:none;will-change:transform, opacity;animation:content-exit-down-screen var(--dur-exit-card) var(--ease-exit) forwards;animation-delay:var(--exit-delay,0s);z-index:40!important;transition:none!important}.collection-card.collection-card--exited{display:none!important}.collection-card.collection-card--final-exit{pointer-events:none;will-change:transform, opacity;animation:host-final-exit var(--dur-final-exit) var(--ease-final-exit) forwards;z-index:55!important;transition:none!important}@keyframes host-final-exit{0%{opacity:1;transform:translateY(-8px)}to{opacity:0;transform:translateY(32px)}}.collections-list--others-exiting .collection-card:not(.collection-card--exit-down):not(.collection-card--exited){pointer-events:auto}.collections-list{--wallet-overlap:52px;transition:padding-bottom .5s var(--ease-apple);flex-direction:column;gap:0;margin:0;padding:0 0 36px;list-style:none;display:flex;overflow:visible}.collections-list.collections-list--spread{--wallet-overlap:18px;padding-bottom:52px}.collection-card{--card-fg:var(--ink);--card-pill-bg:color-mix(in srgb, var(--neutral-900) 8%, transparent);--card-pill-border:color-mix(in srgb, var(--neutral-900) 20%, transparent);background-color:var(--card-bg);padding:20px 20px calc(20px + var(--wallet-overlap)) 20px;color:var(--card-fg);box-shadow:var(--shadow-card);animation:content-rise-from-screen var(--dur-rise-card) var(--ease-rise) both;cursor:pointer;transition:transform .45s var(--ease-apple), box-shadow .45s var(--ease-apple), margin-top .55s var(--ease-apple), padding-bottom .55s var(--ease-apple), filter .35s var(--ease-apple), background-color .45s var(--ease-apple);border-radius:22px;flex-shrink:0;position:relative;overflow:hidden}.collections-list .collection-card:not(:first-child){margin-top:calc(-1 * var(--wallet-overlap))}.collections-list .collection-card:first-child{box-shadow:var(--shadow-stack-1);animation-delay:.22s}.collections-list .collection-card:nth-child(2){box-shadow:var(--shadow-stack-2);animation-delay:.4s}.collections-list .collection-card:nth-child(3){box-shadow:var(--shadow-stack-3);animation-delay:.58s}.collections-list .collection-card:nth-child(4){box-shadow:var(--shadow-stack-4);animation-delay:.76s}.collections-list .collection-card:nth-child(5){box-shadow:var(--shadow-card);animation-delay:.94s}.collections-list .collection-card.collection-card--front{background-color:var(--card-bg-selected,var(--card-bg));isolation:isolate;transform:translateY(-8px);box-shadow:0 18px 48px #00000073,0 6px 18px #00000047}.collection-card:before{content:"";border-radius:inherit;background-image:var(--card-bg-selected-image,none);opacity:0;width:100%;height:100%;filter:brightness(1.08) contrast(1.03) blur(var(--card-bg-selected-image-blur,0px));pointer-events:none;z-index:0;transition:opacity .45s var(--ease-apple), filter .45s var(--ease-apple);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine){.collection-card:hover:not(:active):not(.collection-card--front):before{opacity:calc(var(--card-bg-selected-image-opacity,0) * .52)}.collection-card:hover:not(:active):not(.collection-card--front){filter:brightness(1.03);transform:translateY(-4px)}.collections-list--spread .collection-card:hover:not(:active):not(.collection-card--front){transform:translateY(-4px)}.collections-list .collection-card.collection-card--front:hover:not(:active){filter:brightness(1.02);transform:translateY(-11px)}}.collections-list .collection-card.collection-card--front:before{opacity:var(--card-bg-selected-image-opacity,0)}.collection-card:active:not(.collection-card--front){filter:brightness(.98)}.collections-list--spread .collection-card:active:not(.collection-card--front){filter:brightness(.97)}.collections-list .collection-card.collection-card--front:active{filter:brightness(.98);transform:translateY(-8px)}.collections-list--spread .collection-card:first-child{transition-delay:0s}.collections-list--spread .collection-card:nth-child(2){transition-delay:50ms}.collections-list--spread .collection-card:nth-child(3){transition-delay:.1s}.collections-list--spread .collection-card:nth-child(4){transition-delay:.15s}.collections-list--spread .collection-card:nth-child(5){transition-delay:.2s}.collection-card:focus-visible{outline-offset:3px;outline:2px solid #ffffff73}.collection-card__top{z-index:1;justify-content:space-between;align-items:flex-start;gap:14px;display:flex;position:relative}.collection-card__lead{flex:1;grid-template-columns:auto 1fr;align-items:start;gap:10px 12px;min-width:0;padding-right:4px;display:grid}.collection-card__logo-wrap{background:#ffffff0f;border:1px solid #ffffff3d;border-radius:50%;grid-area:1/1/span 2;align-self:center;width:48px;height:48px;overflow:hidden}.collection-card__logo{object-fit:cover;width:100%;height:100%;display:block}.collection-card__top-actions{flex-shrink:0;margin-right:-3px;padding-top:2px}.collection-card__name{font-size:var(--text-3);letter-spacing:-.45px;color:inherit;transition:font-size .45s var(--ease-apple), letter-spacing .45s var(--ease-apple);grid-column:2;margin:0;font-weight:400;line-height:1.18}.collections-list .collection-card.collection-card--front .collection-card__name{font-size:calc(var(--text-3) * 1.06);letter-spacing:-.5px}.collection-card__tags{flex-wrap:wrap;grid-column:2;gap:8px;display:flex}.collection-card__tag{letter-spacing:.005em;color:inherit;background:var(--card-pill-bg);border:1px solid var(--card-pill-border);border-radius:999px;align-items:center;padding:4px 9px;font-size:10px;font-weight:500;display:inline-flex}.collection-card--light-fg{--card-fg:#faf8f4;--card-pill-bg:#ffffff1f;--card-pill-border:#ffffff47}.collection-card--dark{--card-fg:#f6f0ea;--card-pill-bg:#ffffff1a;--card-pill-border:#ffffff3d}.collection-card--cream{--card-fg:#1c1814;--card-pill-bg:#c9a44a1f;--card-pill-border:#a0782859}.collection-card--gold-on-black{--card-fg:var(--corporate-gold-bright);--card-pill-bg:#c9a44a1a;--card-pill-border:#c9a44a59}.collection-card--gold-on-black .collection-card__name{color:#f0e6c8}.collection-card__action{background:var(--surface);width:34px;height:34px;color:var(--card-arrow-color);cursor:pointer;transition:background-color .3s var(--ease-apple), border-color .3s var(--ease-apple);border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:visible}.collection-card__action-ring{pointer-events:none;z-index:0;opacity:0;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.collections-list .collection-card.collection-card--front .collection-card__action-ring{opacity:1}.collection-card__action-ring-path{stroke-dasharray:1;stroke-dashoffset:1px}.collections-list .collection-card.collection-card--front .collection-card__action-ring-path{animation:.75s cubic-bezier(.2,.85,.25,1) forwards card-action-ring-draw}@keyframes card-action-ring-draw{to{stroke-dashoffset:0}}.collections-list .collection-card.collection-card--front .collection-card__action:hover{background-color:color-mix(in srgb, var(--surface) 10%, transparent);border-color:#ffffff24}.collection-card__action:focus-visible{outline:2px solid var(--corporate-gold);outline-offset:3px}.collection-card--gold-on-black .collection-card__action:focus-visible{outline-color:var(--corporate-gold-bright)}.collection-card__action-icon{z-index:1;transform-origin:50%;width:16px;height:16px;position:relative;transform:rotate(-15deg)}@media (width<=380px){.collections-list{--wallet-overlap:46px}.collections-list.collections-list--spread{--wallet-overlap:14px}}@media (prefers-reduced-motion:reduce){.collections-title,.collection-card{opacity:1;filter:none;transform:none;animation:none!important}.collection-card__name{transition:none}.collections-list .collection-card.collection-card--front .collection-card__action-ring-path{stroke-dashoffset:0;animation:none}.collections-list .collection-card.collection-card--front,.collections-list--spread .collection-card:not(.collection-card--front){transform:none}.collections-list--spread .collection-card{transition-delay:0s!important}}
