:root{--background: #fdfdfd;--background-secondary: #f8f8f8;--card: #ffffff;--foreground: #1f1f1f;--label-secondary: rgba(31, 31, 31, .68);--label-tertiary: rgba(31, 31, 31, .5);--fill-primary: rgba(120, 120, 128, .2);--fill-secondary: rgba(120, 120, 128, .12);--separator: rgba(60, 60, 67, .12);--header-blur-bg: rgba(253, 253, 253, .72);--on-accent: #ffffff;--blue: #0066d6;--green: #1c8340;--red: #ff3b30;--orange: #c27400;--green-text: #166b34;--red-strong: #d70015;--red-tint: rgba(255, 59, 48, .1);--green-tint: rgba(48, 182, 83, .12);--blue-tint: rgba(10, 132, 255, .12);--radius: .75rem;--radius-lg: 1.25rem;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .05);--shadow-card-hover: 0 2px 4px rgba(0, 0, 0, .05), 0 10px 28px rgba(0, 0, 0, .09);--shadow-float: 0 8px 32px rgba(0, 0, 0, .14);--ease-ios: cubic-bezier(.32, .72, 0, 1);--sidebar-width: 15rem}@media(prefers-color-scheme:dark){:root{--background: #000000;--background-secondary: #0c0c0c;--card: #111110;--foreground: #ffffff;--label-secondary: rgba(255, 255, 255, .6);--label-tertiary: rgba(255, 255, 255, .38);--fill-primary: rgba(120, 120, 128, .36);--fill-secondary: rgba(120, 120, 128, .22);--separator: rgba(84, 84, 88, .5);--header-blur-bg: rgba(0, 0, 0, .72);--on-accent: #000000;--blue: #0a84ff;--green: #34c759;--orange: #ff9500;--green-text: #34c759;--red-strong: #ff453a;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--shadow-card-hover: 0 6px 24px rgba(0, 0, 0, .55);--shadow-float: 0 8px 32px rgba(0, 0, 0, .6)}}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;overflow-x:clip}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-feature-settings:"liga" 1,"calt" 1;font-weight:400;font-size:1.0625rem;line-height:1.375rem;letter-spacing:-.01375rem;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased}@supports (font-variation-settings: normal){body{font-family:InterVariable,system-ui,-apple-system,Segoe UI,sans-serif}}#root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}button{font-family:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.card p,.listing-card p,.card .muted,.listing-card .muted{overflow-wrap:break-word;min-width:0}h1,h2,h3{letter-spacing:-.02em;font-weight:600;line-height:1.2}.display-text{color:var(--foreground);font-weight:700;letter-spacing:-.03em;line-height:1.1}.muted{color:var(--label-secondary);font-weight:400}.tiny{font-size:.8125rem;line-height:1.125rem;letter-spacing:-.005rem}.error-box{background:var(--red-tint);border-radius:var(--radius);padding:10px 14px;color:var(--red-strong);font-weight:500;font-size:.9375rem}.success-box{background:var(--green-tint);border-radius:var(--radius);padding:10px 14px;color:var(--green-text);font-weight:500;font-size:.9375rem}.card{position:relative;background:var(--card);border:1px solid var(--separator);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:clamp(20px,5vw,24px)}.card.soft{background:var(--background-secondary);box-shadow:none}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:24px 16px}.empty-state__medallion{display:flex;align-items:center;justify-content:center;width:104px;height:104px;margin-bottom:18px;background:var(--fill-secondary);border:1px solid var(--separator);border-radius:var(--radius-lg);color:var(--label-secondary)}.empty-state__medallion svg{width:48px;height:48px}.empty-state__title{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;line-height:1.2;text-wrap:balance}.empty-state__body{margin:0;max-width:34ch;text-wrap:pretty}.empty-state>:last-child{margin-top:14px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;border-radius:999px;padding:0 22px;height:3.125rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:1.0625rem;font-weight:600;letter-spacing:-.01375rem;color:var(--background);background:var(--foreground);transition:transform .18s var(--ease-ios),opacity .18s var(--ease-ios),background .18s var(--ease-ios);-webkit-user-select:none;user-select:none;white-space:nowrap}@media(hover:hover){.btn:hover{opacity:.9}}.btn:active{transform:scale(.96)}.btn:disabled{cursor:not-allowed;opacity:.35;transform:none}.btn.block{display:flex;width:100%}.btn.big{height:3.375rem;font-size:1.0625rem}.btn.small{height:2.125rem;padding:0 14px;font-size:.875rem;font-weight:600}.btn.v-green{background:var(--green);color:var(--on-accent)}.btn.v-blue{background:var(--blue);color:var(--on-accent)}.btn.v-grey{background:var(--fill-secondary);color:var(--foreground)}.btn.v-red{background:var(--red-tint);color:var(--red-strong)}.btn.v-gold{background:var(--orange);color:var(--on-accent)}.input,.select,.textarea{width:100%;font-family:inherit;font-weight:400;font-size:1.0625rem;letter-spacing:-.01375rem;color:var(--foreground);background:var(--fill-secondary);border:1px solid transparent;border-radius:var(--radius);padding:12px 14px;outline:none;transition:border-color .15s ease,background .15s ease}.input::placeholder,.textarea::placeholder{color:var(--label-secondary)}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue);background:var(--card)}.textarea{resize:vertical;min-height:96px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888890' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.field-label{display:block;font-size:.8125rem;font-weight:500;color:var(--label-secondary);margin-bottom:6px}.select-trigger{display:flex;align-items:center;text-align:left;cursor:pointer}.select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:68}.select-menu{position:fixed;z-index:69;margin:0;padding:6px;list-style:none;overflow-y:auto;background:var(--card);border:1px solid var(--separator);border-radius:var(--radius);box-shadow:var(--shadow-float);outline:none;animation:select-menu-in .14s var(--ease-ios)}@keyframes select-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.select-option{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;font-size:.9375rem;color:var(--foreground);cursor:pointer}.select-option.active{background:var(--fill-secondary)}.select-option.selected{font-weight:600}.select-option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-option-check{width:16px;height:16px;color:var(--blue);flex-shrink:0}.select-option[aria-disabled=true]{opacity:.4;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.select-menu{animation:none}}.checklist-wrap{position:relative}.checklist-card{position:relative;width:100%;display:block;text-align:left;padding:0;border:none;border-radius:var(--radius-lg);overflow:hidden;color:var(--foreground);cursor:pointer;box-shadow:var(--shadow-card);transition:transform .2s var(--ease-ios),box-shadow .2s var(--ease-ios)}@media(hover:hover){.checklist-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}}.checklist-card:active{transform:scale(.99)}.checklist-mesh{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 90% at 12% 18%,#0a84ff 0%,transparent 60%),radial-gradient(70% 85% at 88% 12%,#3aa0ff 0%,transparent 55%),radial-gradient(85% 95% at 72% 92%,#04509e 0%,transparent 62%),radial-gradient(60% 75% at 20% 90%,#0565c7 0%,transparent 58%),#0565c7;background-size:180% 180%;animation:mesh-drift 14s ease-in-out infinite alternate}@keyframes mesh-drift{0%{background-position:0% 0%,100% 0%,100% 100%,0% 100%,0 0}to{background-position:30% 20%,70% 30%,60% 70%,30% 80%,0 0}}.checklist-frost{position:absolute;top:0;right:0;bottom:0;left:0;background:#fdfdfdbd;box-shadow:inset 0 0 0 1.5px #0000000a}@media(prefers-color-scheme:dark){.checklist-frost{background:#000000ad;box-shadow:inset 0 0 0 1.5px #ffffff14}}.checklist-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;padding:18px 44px 18px 18px}.checklist-eyebrow{font-size:.8125rem;font-weight:600;letter-spacing:.02em;color:var(--label-secondary)}.checklist-title{font-size:1.0625rem;font-weight:600;letter-spacing:-.01375em}.checklist-progress{display:flex;align-items:center;gap:5px;margin-top:2px}.checklist-seg{flex:1;height:5px;border-radius:999px;background:var(--fill-primary);transition:background .35s var(--ease-ios)}.checklist-seg.filled{background:#0a84ff}.checklist-x{position:absolute;top:8px;right:8px;z-index:2;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:none;color:var(--label-secondary);font-size:13px;cursor:pointer;transition:background .15s ease,color .15s ease}@media(hover:hover){.checklist-x:hover{background:var(--fill-secondary);color:var(--foreground)}}.onboard-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.onboard-step{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--radius);background:var(--fill-secondary);transition:box-shadow .15s ease}.onboard-step.next{box-shadow:inset 0 0 0 1.5px var(--blue)}.onboard-step-num{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--foreground);color:var(--background);font-size:.8125rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.onboard-step-num.done{background:var(--green);color:#fff}.onboard-step-num svg{width:15px;height:15px}.onboard-step-body{display:flex;flex-direction:column;gap:2px;min-width:0}.onboard-step-title{font-weight:600;font-size:.9375rem}.password-field{position:relative}.password-field .input{padding-right:48px}.password-toggle{position:absolute;top:0;right:0;height:100%;width:44px;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;color:var(--label-secondary);cursor:pointer;border-radius:var(--radius);transition:color .15s ease}.password-toggle svg{width:20px;height:20px}@media(hover:hover){.password-toggle:hover{color:var(--foreground)}}.tier-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:7px;color:#fff;font-weight:600;font-size:.6875rem;letter-spacing:.03em;text-transform:uppercase;background:var(--tier, #b7c0cc);white-space:nowrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:none;background:var(--fill-secondary);color:var(--foreground);font-weight:500;font-size:.875rem;letter-spacing:-.005rem;cursor:pointer;transition:transform .18s var(--ease-ios),background .18s ease,color .18s ease;-webkit-user-select:none;user-select:none}@media(hover:hover){.chip:hover{background:var(--fill-primary)}}.chip:active{transform:scale(.95)}.chip.selected{background:var(--foreground);color:var(--background)}.chip-count{font-variant-numeric:tabular-nums;font-weight:600;color:var(--label-secondary)}.chip.selected .chip-count{color:var(--background);opacity:.7}.star-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;cursor:pointer;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:1.75rem;line-height:1;transition:transform .12s var(--ease-ios)}.star-btn:active{transform:scale(.85)}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-main{flex:1;display:flex;flex-direction:column}@media(min-width:768px){.with-sidebar .app-main{margin-left:var(--sidebar-width)}}.page{width:100%;max-width:64rem;margin:0 auto;padding:clamp(20px,4vw,32px);padding-bottom:calc(110px + env(safe-area-inset-bottom,0px));flex:1}@media(min-width:768px){.page{padding-bottom:48px}}.page.narrow{max-width:34rem}.page.center-v{display:flex;flex-direction:column}.page.center-v>*{margin-block:auto}.page-center{display:flex;flex-direction:column}.page-center>.stack{flex:1;min-height:0}.page-center .empty-state{flex:1;justify-content:center}.page-spinner{padding:64px 0}.page-center .page-spinner{flex:1;display:flex;align-items:center;justify-content:center;padding:0}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.between{justify-content:space-between}.center{text-align:center}.grid-cards{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:720px){.grid-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1020px){.grid-cards{grid-template-columns:repeat(3,1fr)}}.avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:var(--fill-secondary);flex-shrink:0}.avatar.big{width:96px;height:96px}.mobile-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(20px,4vw,32px);padding-top:calc(12px + env(safe-area-inset-top,0px));background:var(--header-blur-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--separator)}@media(min-width:768px){.with-sidebar .mobile-header{display:none}}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.0625rem;font-weight:600;letter-spacing:-.02em;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.logo{width:34px;height:34px;border-radius:10px;background:var(--fill-secondary);display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.sidebar{display:none}@media(min-width:768px){.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:45;width:var(--sidebar-width);display:flex;flex-direction:column;gap:4px;padding:20px 14px;background:var(--background-secondary);border-right:1px solid var(--separator)}}.sidebar .brand{padding:4px 10px 18px}.side-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);font-size:.9375rem;font-weight:500;letter-spacing:-.01rem;color:var(--label-secondary);transition:background .15s ease,color .15s ease}.side-link:hover{background:var(--fill-secondary);color:var(--foreground)}.side-link.active{background:var(--fill-secondary);color:var(--foreground);font-weight:600}.side-link svg{width:20px;height:20px;flex-shrink:0}.sidebar-spacer{flex:1}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);overflow:hidden}.sidebar-user .name{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-nav{position:fixed;bottom:max(14px,calc(10px + env(safe-area-inset-bottom,0px)));left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:2px;padding:6px;border-radius:999px;background:var(--header-blur-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--separator);box-shadow:var(--shadow-float);max-width:calc(100vw - 24px)}@media(min-width:768px){.floating-nav{display:none}}.floating-nav-item{display:flex;align-items:center;justify-content:center;width:56px;height:44px;border-radius:999px;color:var(--label-secondary);transition:background .18s var(--ease-ios),color .18s ease}.floating-nav-item svg{width:23px;height:23px}.floating-nav-item.active{color:var(--foreground);background:var(--fill-secondary)}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red-strong);color:#fff;font-size:.6875rem;font-weight:700;line-height:1;margin-left:auto}.floating-nav-item{position:relative}.floating-nav-item .nav-badge{position:absolute;top:2px;right:6px;margin-left:0}.rating{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;border-radius:999px;background:var(--fill-secondary);color:var(--foreground);width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s var(--ease-ios),background .15s ease}@media(hover:hover){.icon-btn:hover{background:var(--fill-primary)}}.icon-btn:active{transform:scale(.92)}.icon-btn svg{width:18px;height:18px}.icon-btn--danger{background:var(--red-tint);color:var(--red-strong)}@media(hover:hover){.icon-btn--danger:hover{background:color-mix(in srgb,var(--red) 22%,transparent)}}.listing-card{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--separator);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-card);transition:transform .25s var(--ease-ios),box-shadow .25s var(--ease-ios)}@media(hover:hover){a.listing-card:hover,.listing-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}}.item-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;background:var(--fill-secondary);font-size:.8125rem;font-weight:500;letter-spacing:-.005rem}.item-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--tier, #b7c0cc);flex-shrink:0}.brthumb{position:relative;display:grid;place-items:center;border-radius:7px;background:var(--fill-primary);box-shadow:0 0 0 1.5px var(--tier, #b7c0cc);flex-shrink:0}.brthumb img{width:100%;height:100%;object-fit:cover;border-radius:7px}.brthumb__ph{font-size:.8em;font-weight:700;color:var(--label-tertiary)}.brthumb__mut{position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:50%;border:1.5px solid var(--card)}.item-pill.has-thumb{padding-left:4px}.side-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--label-secondary)}.swap{display:flex;flex-direction:column;gap:12px}.swap__side{display:flex;flex-direction:column;gap:6px;min-width:0}.swap__divider{position:relative;height:1px;background:var(--separator);display:flex;align-items:center;justify-content:center;margin:1px 0}.swap__glyph{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:var(--card);border:1px solid var(--separator);color:var(--label-secondary)}.swap__glyph svg{width:15px;height:15px}.swap--compact{gap:10px}.offer-swap{background:var(--fill-secondary);border-radius:var(--radius);padding:14px}.swap--compact .swap__glyph{width:22px;height:22px;background:var(--card)}.swap--compact .swap__glyph svg{width:13px;height:13px}.state{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:.8125rem;font-weight:600;letter-spacing:-.005rem;background:var(--fill-secondary);color:var(--label-secondary);white-space:nowrap}.state:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.55;flex-shrink:0}.state.is-live{background:var(--blue-tint);color:var(--blue)}.state.is-done{background:var(--green-tint);color:var(--green-text)}.state.is-removed{background:var(--red-tint);color:var(--red-strong)}.offer-count{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 10px;border-radius:999px;background:var(--blue-tint);color:var(--blue);font-size:.875rem;font-weight:600;letter-spacing:-.005rem;text-decoration:none;transition:opacity .18s var(--ease-ios)}@media(hover:hover){.offer-count:hover{opacity:.85}}.offer-count__dot{width:8px;height:8px;border-radius:50%;background:var(--blue);flex-shrink:0}.offer-count__arrow{font-weight:400;opacity:.7}.offer-count.is-quiet{background:none;color:var(--label-secondary);padding-left:0;font-weight:400}.offer-count.is-quiet .offer-count__dot{display:none}.link-danger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;cursor:pointer;color:var(--label-secondary);font-size:.8125rem;font-weight:500;padding:6px 8px;border-radius:var(--radius);transition:color .18s var(--ease-ios)}@media(hover:hover){.link-danger:hover{color:var(--red-strong)}}.link-danger:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.manage-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--separator);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.manage-card__body{display:flex;flex-direction:column;gap:10px;padding:16px;color:inherit;text-decoration:none;transition:background .18s var(--ease-ios)}@media(hover:hover){.manage-card__body:hover{background:var(--fill-secondary)}}.manage-card__footer{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-top:1px solid var(--separator);background:var(--background-secondary)}.manage-card__meta,.manage-card__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fav-count{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:var(--label-secondary);font-size:.875rem;font-weight:500}.fav-count svg{width:16px;height:16px}.reveal{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;padding:18px;border-radius:var(--radius-lg);background:var(--green-tint)}.reveal p{margin:0;color:var(--green-text);font-weight:500}.home-action{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border:1px solid var(--separator);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-decoration:none;color:inherit;transition:transform .18s var(--ease-ios),box-shadow .18s var(--ease-ios)}@media(hover:hover){.home-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}}.home-action__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--fill-secondary);color:var(--label-secondary);flex-shrink:0}.home-action__icon svg{width:20px;height:20px}.home-action__label{flex:1;min-width:0;font-weight:600}.home-action__count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--blue-tint);color:var(--blue);font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums}.home-action__arrow{color:var(--label-tertiary)}.home-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-stat{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--separator);box-shadow:var(--shadow-card);text-decoration:none;color:inherit;transition:transform .18s var(--ease-ios),box-shadow .18s var(--ease-ios)}@media(hover:hover){.home-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}}.home-stat__icon{color:var(--label-secondary)}.home-stat__icon svg{width:20px;height:20px}.home-stat__num{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.home-stat__label{font-size:.8125rem;color:var(--label-secondary);font-weight:500}.profile-trust{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.9375rem}.profile-trust__dot{color:var(--label-tertiary)}.verified-badge{display:inline-flex;align-items:center;justify-content:center;color:var(--blue);flex-shrink:0;vertical-align:-2px}.verified-badge svg{width:100%;height:100%}.username-link{color:inherit;text-decoration:none}@media(hover:hover){.username-link:hover{text-decoration:underline}}.skeleton{position:relative;overflow:hidden;background:var(--fill-secondary);border-radius:var(--radius)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(120,120,128,.14),transparent);animation:skeleton-sweep 1.4s var(--ease-ios) infinite}@keyframes skeleton-sweep{to{transform:translate(100%)}}.skeleton-card{display:flex;flex-direction:column;gap:12px;background:var(--card);border:1px solid var(--separator);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-card)}.skeleton-line{height:12px}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.detail-cta{margin-top:2px}@media(max-width:767px){.detail-cta.is-sticky{position:sticky;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:30}}.table-wrap{overflow-x:auto;border:1px solid var(--separator);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-card)}.table{width:100%;border-collapse:collapse;font-size:.875rem;letter-spacing:-.005rem;min-width:560px}.table th{text-align:left;padding:12px 14px;border-bottom:1px solid var(--separator);font-size:.75rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--label-secondary);white-space:nowrap}.table td{padding:11px 14px;border-bottom:1px solid var(--separator);vertical-align:middle}.table tr:last-child td{border-bottom:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0006;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px}.modal-body{width:100%;max-width:540px;max-height:86vh;overflow-y:auto}.headline{font-size:1.25rem;font-weight:600;line-height:1.2;letter-spacing:-.02em}.mutation-trigger{flex:1 1 110px;justify-content:flex-start;min-width:0}.mutation-trigger__icon{width:18px;height:18px;border-radius:4px;object-fit:contain;flex-shrink:0}.mutation-trigger__mono{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:4px;background:var(--fill-primary);font-size:.625rem;font-weight:600;flex-shrink:0}.picker-mutation{display:flex;align-items:center;gap:10px}.picker-mutation__label{font-size:.8125rem;font-weight:500;color:var(--label-secondary)}.picker-tile__mut{position:absolute;top:5px;left:5px;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--card);box-shadow:0 0 0 1px var(--separator)}.mutation-dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid var(--separator);vertical-align:-1px}.mutation-dot--sm{width:9px;height:9px}.mutation-row__swatch{width:32px;height:32px;border-radius:8px;flex-shrink:0;border:1px solid var(--separator)}.trade-count{font-size:.8125rem;font-weight:500;color:var(--label-secondary);font-variant-numeric:tabular-nums}.trade-count--full{color:var(--red-strong)}.trade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:10px}.trade-tile{position:relative}.trade-tile .picker-tile{width:100%;height:100%}.trade-tile__remove{position:absolute;top:-6px;right:-6px;z-index:2;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--card);border:1px solid var(--separator);box-shadow:var(--shadow-card);color:var(--red-strong);font-size:.75rem;cursor:pointer}@media(pointer:coarse){.trade-tile__remove{width:30px;height:30px}}.trade-tile__qty{position:absolute;bottom:4px;right:4px;padding:1px 6px;border-radius:999px;background:var(--foreground);color:var(--background);font-size:.625rem;font-weight:700}.add-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:1;padding:8px;border:1.5px dashed var(--separator);border-radius:var(--radius);background:transparent;color:var(--label-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:border-color .18s var(--ease-ios),background .18s var(--ease-ios),transform .18s var(--ease-ios)}.add-tile svg{width:24px;height:24px}.slot-ghost{aspect-ratio:1;border:1px dashed var(--separator);border-radius:var(--radius);opacity:.5}.add-tile__plus{display:grid;place-items:center}.add-tile--primary{border-color:color-mix(in srgb,var(--green) 55%,transparent);color:var(--green)}@media(hover:hover){.add-tile:hover{background:var(--fill-secondary);border-color:var(--label-tertiary)}.add-tile--primary:hover{background:var(--green-tint);border-color:var(--green)}}.add-tile:active{transform:scale(.98)}.trade-swap{display:flex;justify-content:center;margin:-28px 0;position:relative;z-index:1}.trade-swap__badge{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--card);border:1px solid var(--separator);box-shadow:var(--shadow-card);color:var(--label-secondary)}.trade-swap__badge svg{width:20px;height:20px}.mutation-pill-icon{width:14px;height:14px;border-radius:3px;object-fit:contain;vertical-align:-2px;margin-left:4px}.picker{display:flex;flex-direction:column;gap:14px}.picker-scroll{max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:18px;margin:0 -4px;padding:0 4px}.picker-area{margin:0 0 8px;font-size:.6875rem;font-weight:600;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:var(--label-secondary)}.picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.picker-tile{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--card);border:1px solid var(--separator);border-radius:var(--radius);cursor:pointer;text-align:center;transition:transform .18s var(--ease-ios),border-color .18s var(--ease-ios)}@media(hover:hover){.picker-tile:hover{transform:translateY(-2px);border-color:var(--label-tertiary)}}.picker-tile:active{transform:scale(.97)}.picker-tile__thumb{position:relative;aspect-ratio:1;border-radius:8px;background:var(--fill-secondary);display:grid;place-items:center;overflow:hidden}.picker-tile__thumb img{width:100%;height:100%;object-fit:cover}.picker-tile.is-selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.picker-tile--static,.picker-tile--static:hover,.picker-tile--static:active{cursor:default;transform:none;border-color:var(--separator)}.picker-tile__count{position:absolute;top:5px;right:5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--green);color:#05321a;font-size:.6875rem;font-weight:700;display:grid;place-items:center}.modal-close{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:none;background:var(--fill-secondary);color:var(--label-secondary);font-size:.9375rem;cursor:pointer;flex-shrink:0}@media(hover:hover){.modal-close:hover{background:var(--fill-primary);color:var(--foreground)}}.picker-tile__ph{font-size:1.5rem;font-weight:600;color:var(--label-tertiary)}.picker-tile__meta{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.picker-tile__dot{width:8px;height:8px;border-radius:50%;background:var(--tier, #b7c0cc);flex-shrink:0}.picker-tile__name{font-size:.8125rem;font-weight:500;line-height:1.2;color:var(--foreground);min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.mutation-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.mutation-row{width:100%;display:flex;align-items:center;gap:12px;padding:8px 10px;border:none;border-radius:10px;background:transparent;color:var(--foreground);font-size:.9375rem;text-align:left;cursor:pointer;transition:background .15s var(--ease-ios)}@media(hover:hover){.mutation-row:hover{background:var(--fill-secondary)}}.mutation-row.selected{background:var(--fill-primary)}.mutation-row__icon{width:32px;height:32px;border-radius:8px;background:var(--fill-secondary);display:grid;place-items:center;overflow:hidden;flex-shrink:0;font-weight:600;color:var(--label-secondary)}.mutation-row__icon img{width:100%;height:100%;object-fit:contain}.mutation-row__icon--none{color:var(--label-tertiary)}.mutation-row__name{flex:1;min-width:0}.mutation-row__check{width:18px;height:18px;color:var(--green);flex-shrink:0}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--fill-primary);border-top-color:var(--foreground);animation:spin .7s linear infinite;margin:0 auto}.btn .spinner{border-color:color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor}@keyframes spin{to{transform:rotate(360deg)}}.image-thumb{width:92px;height:92px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--separator)}.fav-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;border-radius:999px;background:var(--fill-secondary);color:var(--foreground);padding:7px 13px;font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:transform .18s var(--ease-ios),background .15s ease}@media(hover:hover){.fav-btn:hover{background:var(--fill-primary)}}.fav-btn:active{transform:scale(.9)}.fav-btn svg{width:17px;height:17px}.fav-btn.faved{background:var(--red-tint);color:var(--red-strong)}.fav-btn.faved svg{fill:currentColor}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 0}@media(pointer:coarse){.btn.small{min-height:44px;padding:0 18px}.chip,.fav-btn{min-height:44px;padding:10px 16px}.icon-btn{width:44px;height:44px}.floating-nav-item{width:60px;height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}