:root{--bg: #0e1116;--surface: #161c26;--surface-2: #1b222d;--surface-3: #232c3b;--border: #232b37;--border-2: #303b4a;--text: #eceff4;--muted: #9aa6b6;--muted-2: #6c7787;--accent: #f5a524;--accent-2: #ffc368;--accent-ink: #1c1407;--green: #34d399;--red: #f87171;--ring-track: rgba(255,255,255,.09);--glass: rgba(11,14,19,.62);--r: 16px;--r-sm: 10px;--r-lg: 22px;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 16px 36px -16px rgba(0,0,0,.7);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Sora", var(--font)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);background:var(--bg);background-image:radial-gradient(1100px 520px at 50% -260px,rgba(245,165,36,.07),transparent 70%),radial-gradient(900px 500px at 100% 0%,rgba(46,196,182,.05),transparent 70%);background-attachment:fixed;font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:break-word}a{color:inherit;text-decoration:none}::selection{background:#f5a52447}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:13px 24px;background:#0e1116b8;-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--accent-ink);background:linear-gradient(135deg,var(--accent-2),var(--accent));box-shadow:0 4px 14px -4px #f5a52499}.brand-name{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.2px}.brand-name span{color:var(--accent)}.brand em{font-style:normal;font-weight:500;font-size:12px;color:var(--muted);margin-left:4px;border-left:1px solid var(--border-2);padding-left:11px}.topbar-live{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted-2)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 #34d39999;animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #34d39980}70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}.container{width:100%;max-width:1240px;margin:0 auto;padding:30px 24px 56px;flex:1;overflow-x:clip}.footer{text-align:center;color:var(--muted-2);font-size:12px;padding:26px;border-top:1px solid var(--border)}.hero{display:flex;flex-wrap:wrap;gap:22px;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--accent);background:#f5a5241a;border:1px solid rgba(245,165,36,.22);padding:4px 11px;border-radius:999px;margin-bottom:12px}.hero-text h1{font-family:var(--font-display);font-size:clamp(26px,4vw,36px);font-weight:700;letter-spacing:-.8px;margin:0 0 6px}.hero-text p{margin:0;color:var(--muted);font-size:15px}.hero-stats{display:flex;gap:10px;flex-wrap:wrap}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:84px;padding:12px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.tile b{font-family:var(--font-display);font-size:24px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.tile span{font-size:11.5px;color:var(--muted);margin-top:5px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 14px;margin-bottom:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.field{display:inline-flex;align-items:center;gap:8px}.field label{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}select,textarea{background:var(--surface-2);color:var(--text);border:1px solid var(--border-2);border-radius:9px;padding:8px 11px;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}select:hover{border-color:#3a4757}select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f5a52429}.spacer{flex:1}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr))}.card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.card:hover{transform:translateY(-4px);border-color:var(--border-2);box-shadow:var(--shadow)}.card-photo{position:relative;aspect-ratio:16 / 10;background:var(--surface-2)}.card-photo .photo{position:absolute;top:0;right:0;bottom:0;left:0}.card-photo-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,#080a0ec7,#080a0e1f 42%,#080a0e52)}.card-ring{position:absolute;top:11px;right:11px}.chip{position:absolute;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px;line-height:1}.chip .dot{width:7px;height:7px;border-radius:50%}.chip-glass{background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e9edf3;border:1px solid rgba(255,255,255,.12)}.chip-source{top:11px;left:11px}.chip-price{bottom:11px;left:11px;font-family:var(--font-display);font-size:15px;font-weight:700;color:#fff;background:#080a0e6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:5px 11px}.chip-price small{font-size:10px;font-weight:500;color:#ffffffb3;margin-left:1px}.chip-count{bottom:11px;right:11px;gap:4px;padding:4px 9px}.card-body{padding:14px 16px 15px;display:flex;flex-direction:column;gap:9px;flex:1}.card-title{font-size:15px;font-weight:650;line-height:1.32;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta-row{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:13px}.meta-row .m{display:inline-flex;align-items:center;gap:5px}.meta-row .m svg{opacity:.75}.avis{color:var(--muted);font-size:13px;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;align-items:center;gap:4px;max-width:100%;font-size:11px;padding:3px 8px;border-radius:7px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag.pro{color:#7ee2b8;border-color:#34d39947;background:#34d39914}.tag.con{color:#fca5a5;border-color:#f8717147;background:#f8717114}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:3px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px}.source-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.score-ring{position:relative;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.score-ring-hole{position:absolute;border-radius:50%;display:grid;place-items:center;background:#0a0d12db;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.score-ring-val{font-family:var(--font-display);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.photo{width:100%;height:100%;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;display:block}.photo-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted-2);background:#141a23;background:radial-gradient(120% 130% at 50% 0%,color-mix(in oklab,var(--accent, #f5a524) 14%,#1a212c),#10151d)}.photo-fallback-loc{font-size:12.5px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;background:var(--surface-2);color:var(--text);border:1px solid var(--border-2);border-radius:9px;padding:9px 14px;font-size:13px;font-weight:550;font-family:inherit;transition:background .14s,border-color .14s,transform .05s,box-shadow .14s}.btn:hover{background:var(--surface-3);border-color:#3c4a5b}.btn:active{transform:translateY(1px)}.btn.ghost{background:transparent}.btn.sm{padding:6px 11px;font-size:12px;border-radius:8px}.btn.active{font-weight:650}.btn-accent{width:100%;color:var(--accent-ink);border:none;background:linear-gradient(135deg,var(--accent-2),var(--accent));box-shadow:0 8px 22px -10px #f5a524b3;font-weight:650}.btn-accent:hover{filter:brightness(1.05);box-shadow:0 10px 26px -10px #f5a524d9}.btn.danger{color:var(--red);border-color:#f8717152}.btn.danger:hover{background:#f871711a;border-color:#f8717180}.ecartees{margin-top:40px}.section-title{font-family:var(--font-display);font-size:16px;font-weight:650;letter-spacing:-.2px;color:var(--text);margin:0 0 16px;padding-top:22px;border-top:1px solid var(--border)}.section-sub{font-family:var(--font);font-weight:400;font-size:13px;color:var(--muted);margin-left:8px}.grid.dimmed .card{opacity:.62;transition:opacity .16s ease,transform .16s ease,border-color .16s ease}.grid.dimmed .card:hover{opacity:1}.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);margin-bottom:18px;font-size:14px}.back:hover{color:var(--text)}.detail-hero{position:relative;aspect-ratio:16 / 6.5;max-height:360px;min-height:220px;border-radius:var(--r-lg);overflow:hidden;margin-bottom:24px;border:1px solid var(--border)}.detail-hero .photo{position:absolute;top:0;right:0;bottom:0;left:0}.detail-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,#06080ceb,#06080c40,#06080c80)}.detail-hero-ring{position:absolute;top:18px;right:18px}.detail-hero-top{position:absolute;top:18px;left:18px;display:flex;gap:8px}.detail-hero-top .chip{position:static}.detail-hero-bottom{position:absolute;left:22px;right:22px;bottom:18px}.detail-title{font-family:var(--font-display);font-size:clamp(20px,3.4vw,28px);font-weight:700;letter-spacing:-.5px;margin:0 0 10px;line-height:1.2;text-shadow:0 2px 18px rgba(0,0,0,.6)}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:#d6dde6}.detail-meta .m{display:inline-flex;align-items:center;gap:6px;font-size:15px}.detail-meta .price{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--accent-2)}.detail-meta .price small{font-size:13px;font-weight:500;color:#ffffffb3;margin-left:2px}.detail-grid{display:grid;gap:20px;grid-template-columns:1fr}@media (min-width: 900px){.detail-grid{grid-template-columns:1.65fr 1fr;align-items:start}}.col{display:flex;flex-direction:column;gap:20px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:20px}.panel h2{font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin:0 0 14px;font-weight:650}.panel h2.plain{text-transform:none;letter-spacing:-.2px;font-size:16px;color:var(--text);font-family:var(--font-display);margin:0 0 3px}.score-panel{display:flex;align-items:center;gap:16px}.pf-grid{display:grid;gap:20px;grid-template-columns:1fr}@media (min-width: 560px){.pf-grid{grid-template-columns:1fr 1fr}}.prose{color:var(--text);line-height:1.7;white-space:pre-wrap;margin:0;overflow-wrap:anywhere}.muted{color:var(--muted)}.pf-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.pf-list li{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.45}.pf-list li svg{flex-shrink:0;margin-top:3px}.status-picker{display:flex;flex-wrap:wrap;gap:8px}.note-block{margin-bottom:16px}.note-block label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin-bottom:7px}.note-block textarea{width:100%;min-height:64px;resize:vertical}.note-saved{font-size:11px;color:var(--green);margin-left:auto;opacity:0;transition:opacity .2s;display:inline-flex;align-items:center;gap:3px}.note-saved.show{opacity:1}.avatar{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#0c0f14}.empty,.loading{text-align:center;color:var(--muted);padding:64px 20px;border:1px dashed var(--border-2);border-radius:var(--r);background:#ffffff03}.error-box{background:#f871711a;border:1px solid rgba(248,113,113,.4);color:#fca5a5;padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:14px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gallery-thumbs{display:flex;gap:10px;margin:-10px 0 24px;padding-bottom:4px;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.thumb{flex:0 0 auto;width:96px;height:64px;padding:0;cursor:pointer;border-radius:11px;overflow:hidden;background:var(--surface-2);border:2px solid transparent;transition:border-color .14s,transform .1s}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb:hover{transform:translateY(-2px)}.thumb.active{border-color:var(--accent)}@media (max-width: 860px){.detail-grid{grid-template-columns:1fr}}@media (max-width: 760px){.container{padding:24px 18px 48px}.hero{flex-direction:column;align-items:stretch;gap:18px}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tile{min-width:0;padding:12px 8px}.tile b{font-size:21px}.detail-hero{aspect-ratio:4 / 3;max-height:420px}.detail-hero-ring{top:13px;right:13px}.detail-hero-top{top:13px;left:13px}.detail-hero-bottom{left:16px;right:16px;bottom:15px}.detail-title{font-size:20px}.detail-meta{gap:13px}.detail-meta .price{font-size:20px}.detail-meta .m{font-size:14px}}@media (max-width: 600px){.topbar{padding:12px 16px}.brand em,.topbar-live{display:none}.toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.field{justify-content:space-between}.field select{flex:1;min-width:0}.spacer{display:none}.grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 440px){.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-text h1{font-size:25px}.detail-hero{aspect-ratio:3 / 3.1}.panel{padding:16px}.gallery-thumbs .thumb{width:84px;height:56px}}