:root{color-scheme:light;font-family:Manrope,sans-serif;--bg: #f2f1ed;--surface: #ffffff;--ink: #121212;--muted: #6e6b66;--border: #e6e1d9;--accent: #0ea5a4;--accent-dark: #0f766e;--accent-soft: rgba(14, 165, 164, .14);--warning: #c77d1c;--danger: #d24c4c;--success: #1e9154;--shadow: 0 10px 30px rgba(21, 18, 15, .12)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#fef7ec,#f2f1ed 45%) fixed;color:var(--ink)}img{max-width:100%;display:block}.app{min-height:100vh;padding:24px 16px 96px;max-width:1100px;margin:0 auto;animation:appEnter .5s ease both}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.brand{display:flex;flex-direction:column;gap:4px}.brand__logo{font-family:Space Grotesk,Manrope,sans-serif;font-size:22px;font-weight:700}.brand__tag{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.topbar__actions{display:flex;gap:10px;flex-wrap:wrap}.currency-select{border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-weight:600;background:#fff;color:var(--ink)}.ghost{border:1px solid var(--border);background:transparent;color:var(--ink);padding:8px 14px;border-radius:999px;cursor:pointer;font-weight:600}.ghost--accent{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft)}.ghost--danger{border-color:#d24c4c66;color:var(--danger)}.app__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}h1,h2,h3,h4{font-family:Space Grotesk,Manrope,sans-serif;margin:0 0 8px}p{margin:0}.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.header__pill{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border-radius:999px;padding:8px 14px;font-size:13px;box-shadow:var(--shadow)}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.search-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.search-bar input{flex:1;min-width:180px;border:1px solid var(--border);border-radius:14px;padding:12px 14px;font-size:14px;background:var(--surface)}.category-button{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px 14px;font-weight:600;cursor:pointer}.search-btn{border:none;background:var(--accent);color:#fff;border-radius:14px;padding:12px 16px;font-weight:600;cursor:pointer}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:16px}.category-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:12px 10px;text-align:left;display:flex;flex-direction:column;gap:8px;cursor:pointer;min-height:90px}.category-card--active{border-color:var(--accent);background:var(--accent-soft)}.category-emoji{font-size:22px}.category-label{font-size:13px;font-weight:600}.promo{display:grid;gap:12px;margin-bottom:20px}.promo-card{background:linear-gradient(135deg,#fff,#f5f0e7);border:1px solid var(--border);border-radius:18px;padding:18px;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.promo-eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.promo-actions{display:flex;gap:10px;flex-wrap:wrap}.create-panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px;display:grid;gap:12px;box-shadow:var(--shadow)}.create-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.create-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.form-field{display:grid;gap:6px;font-size:13px;color:var(--muted)}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:14px;color:var(--ink)}.form-field textarea{min-height:90px;resize:vertical}.image-list{display:flex;gap:8px;flex-wrap:wrap}.image-chip{position:relative;width:64px;height:64px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:#fff}.image-chip img{width:100%;height:100%;object-fit:cover}.chip-remove{position:absolute;top:2px;right:2px;border:none;background:#0009;color:#fff;border-radius:999px;width:18px;height:18px;font-size:12px;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.form-error{background:#d24c4c1f;color:var(--danger);padding:8px 12px;border-radius:12px;font-size:13px}.form-help{font-size:12px;color:var(--muted)}.section-header{display:flex;justify-content:space-between;align-items:center;margin:14px 0 12px}.empty-state{border:1px dashed var(--border);border-radius:16px;padding:16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.meta-chip{background:#0ea5a429;color:var(--accent-dark);padding:2px 8px;border-radius:999px;font-size:11px}.search{display:flex;gap:12px;margin-bottom:16px}.search input{flex:1;border:1px solid var(--border);border-radius:14px;padding:12px 14px;font-size:14px;background:var(--surface)}.search button{border:none;background:var(--accent);color:#fff;border-radius:14px;padding:12px 16px;font-weight:600;cursor:pointer}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:20px}.chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:8px 14px;font-size:13px;white-space:nowrap;cursor:pointer}.chip--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark);font-weight:600}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;animation:cardRise .5s ease both}.card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #15120f29}.card__media{position:relative;aspect-ratio:16 / 10;overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;top:12px;left:12px;background:#ffffffeb;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.badge--success{color:var(--success)}.badge--warning{color:var(--warning)}.badge--danger{color:var(--danger)}.badge--done{color:#7a35c8}.card__body{padding:16px}.card__title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card__title{font-size:16px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price-line{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.price{font-weight:700;color:var(--accent-dark);white-space:nowrap}.price-sub{font-size:11px;color:var(--muted)}.progress{margin:12px 0 8px}.progress__bar{height:6px;border-radius:999px;background:linear-gradient(90deg,#0ea5a4,#34d399)}.progress__meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:6px}.card__meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.detail{display:flex;flex-direction:column;gap:16px}.back{align-self:flex-start;border:none;background:none;color:var(--accent-dark);font-weight:600;cursor:pointer}.detail__grid{display:grid;gap:24px}.gallery{background:var(--surface);border-radius:18px;padding:12px;box-shadow:var(--shadow)}.gallery__main{width:100%;border-radius:14px;aspect-ratio:4 / 3;object-fit:cover}.gallery__thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;margin-top:10px}.thumb{border:1px solid transparent;padding:0;background:transparent;border-radius:12px;cursor:pointer}.thumb img{border-radius:10px;height:64px;width:100%;object-fit:cover;display:block}.thumb--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.detail__info{display:flex;flex-direction:column;gap:16px}.detail__header{display:flex;justify-content:space-between;gap:16px}.detail__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;background:var(--surface);border-radius:16px;padding:16px;border:1px solid var(--border)}.label{font-size:12px;color:var(--muted);margin-bottom:4px}.value{font-size:18px;font-weight:700}.purchase{background:var(--surface);border-radius:16px;padding:16px;border:1px solid var(--border);display:grid;gap:12px}.purchase__row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pill-group{display:flex;gap:8px}.pill{border-radius:999px;border:1px solid var(--border);background:#fff;padding:6px 14px;cursor:pointer;font-weight:600}.pill--active{background:var(--accent);color:#fff;border-color:var(--accent)}.cta{border:none;background:var(--accent-dark);color:#fff;padding:12px 22px;border-radius:14px;font-weight:700;cursor:pointer}.rules{background:#0f172a;color:#fff;padding:16px;border-radius:16px}.rules a{color:#7dd3fc;text-decoration:none}.panel{background:var(--surface);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.panel__header{margin-bottom:16px}.panel__promo{border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;background:#f7f4ee}.swipe-hint{position:fixed;inset:auto 0 88px 0;display:flex;justify-content:center;z-index:12;pointer-events:none}.swipe-hint__card{background:#fffffff2;border:1px solid var(--border);border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow);pointer-events:auto;max-width:520px;margin:0 16px}.swipe-hint__title{font-weight:700;margin-bottom:4px}.panel__list{display:grid;gap:12px}.list-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:14px}.list-item__meta{display:grid;gap:4px;text-align:right}.lot-actions{display:grid;gap:6px;justify-items:end}.tag{font-size:12px;padding:4px 8px;border-radius:999px}.tag--in_progress{background:#0ea5a429;color:var(--accent-dark)}.tag--lost{background:#d24c4c1f;color:var(--danger)}.tag--canceled{background:#c77d1c29;color:var(--warning)}.amount{font-weight:600}.wallet__balance{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:16px}.wallet__options{margin-bottom:16px}.wallet__methods{border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:16px;display:grid;gap:10px}.wallet__locale{border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:16px;display:grid;gap:8px}.wallet__locale select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#fff}.method{background:#f8f6f2;border-radius:12px;padding:10px 12px;font-size:14px}.wallet__history{display:grid;gap:12px}.result{background:linear-gradient(135deg,#0ea5a41f,#fff 60%)}.result__card{padding:18px;border-radius:16px;border:1px dashed var(--accent);background:#fff}.result__badge{display:inline-flex;align-items:center;gap:8px;background:#0ea5a429;color:var(--accent-dark);padding:6px 12px;border-radius:999px;font-weight:700;margin-bottom:12px}.result__badge--lost{background:#d24c4c1f;color:var(--danger)}.bottom-nav{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--surface);border-radius:999px;padding:8px;display:grid;grid-auto-flow:column;gap:6px;box-shadow:var(--shadow);border:1px solid var(--border);z-index:10}.nav-item{border:none;background:transparent;padding:8px 14px;border-radius:999px;font-weight:600;cursor:pointer;color:var(--muted)}.nav-item--active{background:var(--accent);color:#fff}@media (min-width: 900px){.detail__grid{grid-template-columns:1.1fr 1fr}}@media (max-width: 640px){.topbar{flex-direction:column;align-items:flex-start}.search-bar{flex-direction:column}.promo-card,.empty-state{flex-direction:column;align-items:flex-start}.card__body{padding:12px}.card__title{font-size:14px}.bottom-nav{width:calc(100% - 32px)}}@keyframes appEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cardRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.app,.card{animation:none}}
