@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@600;700&display=swap";:root{--ink:#0a1f1e;--teal-950:#062826;--teal-900:#0b3d3a;--teal-700:#1a6b64;--teal-500:#2f9a90;--sand:#f3efe6;--sand-soft:#ebe4d6;--gold:#d4a84b;--gold-bright:#e8c17a;--cream:#faf7f1;--card:#fffcf7eb;--card-border:#0b3d3a1a;--muted:#5c6f6d;--shadow:0 18px 40px #0628261f;--radius:18px;--font-sans:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-display:"Noto Serif SC", "Songti SC", serif;color:var(--ink);background:var(--cream);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,select{font:inherit}a{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{isolation:isolate;max-width:1120px;margin:0 auto;padding:2rem 1.25rem 4rem;position:relative}.atmosphere{z-index:-1;background:radial-gradient(80% 50% at 10% -10%,#2f9a9047,#0000 55%),radial-gradient(60% 40% at 100% 0,#e8c17a38,#0000 50%),linear-gradient(165deg,#f7f3eb 0%,#e7f0ee 42%,#f4efe6 100%);position:fixed;inset:0}.atmosphere:after{content:"";opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath fill='%230b3d3a' fill-opacity='0.04' d='M0 60h120M60 0v120'/%3E%3C/svg%3E");position:absolute;inset:0}.hero{padding:1.5rem 0 1.25rem;animation:.7s cubic-bezier(.2,0,0,1) both rise}.brand{font-family:var(--font-display);letter-spacing:.02em;color:var(--teal-900);margin:0 0 .65rem;font-size:clamp(2.4rem,7vw,3.6rem);font-weight:700;line-height:1.05}.headline{color:var(--teal-700);margin:0;font-size:clamp(1.15rem,2.8vw,1.45rem);font-weight:600}.lede{max-width:36rem;color:var(--muted);margin:.75rem 0 0;line-height:1.65}.search{max-width:34rem;margin-top:1.5rem;display:block;position:relative}.search-icon{color:var(--teal-700);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search input{border:1px solid var(--card-border);width:100%;box-shadow:var(--shadow);color:var(--ink);background:#fffcf7e0;border-radius:999px;outline:none;padding:.95rem 1.15rem .95rem 2.85rem;transition-property:border-color,box-shadow;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1)}.search input:focus{box-shadow:var(--shadow), 0 0 0 4px #2f9a902e;border-color:#1a6b6473}.rules{border:1px solid var(--card-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffcf7b8;margin:1.25rem 0 0;animation:.7s cubic-bezier(.2,0,0,1) 80ms both rise}.rules-toggle{width:100%;color:var(--teal-900);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1.15rem;font-weight:600;display:flex}.rules-toggle:active{transform:scale(.99)}.chevron{transition-property:transform;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1);display:inline-block}.chevron[data-open=true]{transform:rotate(180deg)}.rules-list{color:var(--muted);white-space:pre-wrap;margin:0;padding:0 1.15rem 1.15rem 2.25rem;line-height:1.7}.rules-list li+li{margin-top:.65rem}.toolbar{margin-top:1.5rem;animation:.7s cubic-bezier(.2,0,0,1) .12s both rise}.filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.filters label{gap:.35rem;display:grid}.filters span{color:var(--teal-700);font-size:.8rem;font-weight:600}.filters select{border:1px solid var(--card-border);width:100%;color:var(--ink);background:#fffcf7e6;border-radius:12px;outline:none;padding:.7rem .85rem}.filters select:focus{border-color:#1a6b6473;box-shadow:0 0 0 3px #2f9a9029}.meta-row{justify-content:space-between;align-items:center;gap:1rem;margin-top:.9rem;display:flex}.result-count{color:var(--muted);margin:0;font-size:.95rem}.result-count strong{color:var(--teal-900);font-variant-numeric:tabular-nums}.text-btn{color:var(--teal-700);cursor:pointer;background:0 0;border:0;padding:.25rem .15rem;font-weight:600}.text-btn:hover{color:var(--teal-900);text-decoration:underline}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.card{border:1px solid var(--card-border);border-radius:calc(var(--radius) + 2px);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;gap:.65rem;padding:1.15rem;animation:.52s cubic-bezier(.2,0,0,1) both rise;display:flex}.card-top{flex-wrap:wrap;gap:.45rem;display:flex}.badge-id,.badge-brand{border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-id{background:var(--teal-900);color:var(--gold-bright)}.badge-brand{color:var(--teal-900);background:#1a6b641f}.discount{font-family:var(--font-display);color:var(--ink);margin:.15rem 0 0;font-size:1.55rem;font-weight:700;line-height:1.2}.attribute{color:var(--muted);margin:0;font-size:.95rem}.details{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.25rem 0 0;display:grid}.details div{min-width:0}.details dt{color:var(--teal-700);letter-spacing:.02em;font-size:.7rem;font-weight:600}.details dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:.15rem 0 0;font-size:.85rem}.actions{grid-template-columns:1.2fr .8fr;gap:.55rem;margin-top:auto;padding-top:.35rem;display:grid}.primary-btn,.ghost-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:2.55rem;padding:.55rem .8rem;font-weight:600;text-decoration:none;transition-property:transform,background-color,border-color,color,opacity;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1);display:inline-flex}.primary-btn:active:not(:disabled),.ghost-btn:active:not(.is-disabled){transform:scale(.96)}.primary-btn{background:var(--teal-900);color:var(--cream);border:0}.primary-btn:hover:not(:disabled){background:var(--teal-700)}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.btn-label{place-items:center;display:grid;position:relative}.btn-idle,.btn-done{grid-area:1/1;transition-property:opacity,transform,filter;transition-duration:.18s;transition-timing-function:cubic-bezier(.2,0,0,1)}.btn-done{opacity:0;filter:blur(4px);color:var(--gold-bright);transform:scale(.25)}.btn-label[data-active=true] .btn-idle{opacity:0;filter:blur(4px);transform:scale(.25)}.btn-label[data-active=true] .btn-done{opacity:1;filter:blur();transform:scale(1)}.ghost-btn{color:var(--teal-900);background:0 0;border:1px solid #0b3d3a2e}.ghost-btn:hover:not(.is-disabled){border-color:var(--teal-700);background:#2f9a9014}.ghost-btn.is-disabled{opacity:.45;cursor:not-allowed}.empty{text-align:center;border-radius:var(--radius);background:#fffcf7a6;border:1px dashed #0b3d3a40;margin-top:2.5rem;padding:2.5rem 1.25rem}.empty p{color:var(--teal-900);margin:0;font-size:1.1rem;font-weight:600}.empty-hint{color:var(--muted)!important;margin-top:.45rem!important;font-size:.95rem!important;font-weight:400!important}.empty .primary-btn{margin-top:1.1rem;padding-inline:1.25rem}.footer{color:var(--muted);text-align:center;margin-top:2.75rem;font-size:.85rem}.footer p{margin:0}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.page{padding:1.35rem 1rem 3rem}.filters{grid-template-columns:1fr}.details{grid-template-columns:1fr 1fr 1fr}.actions{grid-template-columns:1fr}}