: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:var(--neutral-900);--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;--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}.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{color:var(--neutral-500);margin:0;font-size:14px;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{letter-spacing:-.5px;color:var(--neutral-100);animation:content-rise-from-screen var(--dur-rise-title) var(--ease-rise) both;margin:0;font-size:30px;font-weight:400;line-height:1.15;animation-delay:60ms}.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}.collections-list .collection-card.collection-card--front:before{content:"";border-radius:inherit;background-image:var(--card-bg-selected-image,none);width:100%;height:100%;opacity:var(--card-bg-selected-image-opacity,0);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){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)}}.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-direction:column;flex:1;gap:14px;min-width:0;display:flex}.collection-card__top-actions{flex-shrink:0;padding-top:2px}.collection-card__name{letter-spacing:-.45px;color:inherit;transition:font-size .45s var(--ease-apple), letter-spacing .45s var(--ease-apple);margin:0;font-size:27px;font-weight:400;line-height:1.18}.collections-list .collection-card.collection-card--front .collection-card__name{letter-spacing:-.5px;font-size:29px}.collection-card__tags{flex-wrap:wrap;gap:8px;display:flex}.collection-card__tag{letter-spacing:.01em;color:inherit;background:var(--card-pill-bg);border:1px solid var(--card-pill-border);border-radius:999px;align-items:center;padding:6px 11px;font-size:12px;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:46px;height:46px;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:20px;height:20px;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}}
