:root{--bg: #f1f1f3;--surface: #ffffff;--surface-2: #f0f0f3;--ink: #0b0b0f;--ink-soft: #3f3f46;--muted: #8a8a93;--line: #e9e9ee;--line-strong: #dadae1;--black: #111114;--black-press: #2c2c31;--green: #0c7a4d;--green-bg: #e7f6ee;--green-line: #cfeeddff;--danger: #dc2626;--radius: 18px;--shadow-sm: 0 1px 2px rgba(12, 12, 24, .05), 0 1px 3px rgba(12, 12, 24, .05);--shadow-md: 0 6px 22px rgba(12, 12, 24, .07), 0 2px 8px rgba(12, 12, 24, .05);--shadow-lg: 0 18px 50px rgba(12, 12, 24, .18);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}#root{min-height:100%}button{font-family:inherit;cursor:pointer;color:inherit}input,select,textarea{font-family:inherit;color:inherit}::selection{background:var(--ink);color:#fff}.app{max-width:600px;margin:0 auto;padding-bottom:calc(110px + var(--safe-bottom))}.topbar{position:sticky;top:0;z-index:10;background:#f1f1f3c7;backdrop-filter:saturate(1.7) blur(20px);-webkit-backdrop-filter:saturate(1.7) blur(20px);border-bottom:1px solid var(--line);padding:calc(14px + var(--safe-top)) 18px 14px}.topbar h1{margin:0;font-size:23px;font-weight:820;letter-spacing:-.03em;line-height:1;display:flex;align-items:center;gap:9px}.topbar .sub{color:var(--muted);font-size:12.5px;margin-top:6px;font-weight:500;letter-spacing:-.01em}.stats{display:flex;gap:10px;margin-top:16px}.stat{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:11px 13px;box-shadow:var(--shadow-sm)}.stat .n{font-size:21px;font-weight:800;letter-spacing:-.03em;line-height:1.05}.stat .l{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin-top:4px;font-weight:700}.search{width:100%;margin-top:14px;background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);padding:13px 14px 13px 42px;border-radius:13px;font-size:15px;font-weight:500;box-shadow:var(--shadow-sm);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%238a8a93' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:15px center;background-size:17px;transition:border-color .15s,box-shadow .15s}.search::placeholder{color:var(--muted);font-weight:500}.search:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px #11111412}.linkbtn{background:none;border:none;color:var(--muted);padding:0;font-size:13px;font-weight:600;letter-spacing:-.01em;transition:color .12s}.linkbtn:active{color:var(--ink)}.filterbar{display:flex;gap:8px;margin-top:11px;align-items:center}.chips{display:flex;gap:6px;overflow-x:auto;flex:1;min-width:0;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.chips::-webkit-scrollbar{display:none}.chip{flex:none;background:var(--surface);border:1px solid var(--line-strong);color:var(--ink-soft);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:650;letter-spacing:-.01em;transition:background .12s,color .12s}.chip.active{background:var(--black);border-color:var(--black);color:#fff}.sortsel{flex:none;background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);border-radius:999px;padding:7px 11px;font-size:13px;font-weight:650;-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:118px}.chips-colors{margin-top:8px}.chip .dot{width:9px;height:9px;border-radius:999px;display:inline-block;margin-right:6px;vertical-align:0}.chip.active .dot{box-shadow:inset 0 0 0 1px #ffffff80!important}.list{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.card{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:13px;box-shadow:var(--shadow-sm);transition:transform .13s ease,box-shadow .2s ease}.card:active{transform:scale(.992);box-shadow:var(--shadow-md)}.card .thumb{width:98px;height:98px;flex:none;border-radius:14px;object-fit:cover;background:#f6f6f8;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:30px}.card .body{flex:1;min-width:0}.card .brand{color:var(--muted);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.card .model{font-weight:750;font-size:16px;line-height:1.22;letter-spacing:-.02em;margin-top:2px}.card .meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.tag{background:var(--surface-2);color:var(--ink-soft);font-size:12px;font-weight:600;padding:3px 9px;border-radius:8px;letter-spacing:-.01em}.tag.size{background:var(--ink);color:#fff;font-weight:700}.tag.price{background:var(--surface-2);color:var(--ink-soft);font-weight:700}.tag.market{background:var(--green-bg);color:var(--green);font-weight:800}.card .row2{display:flex;justify-content:space-between;align-items:center;margin-top:11px;gap:10px}.card .sku{color:var(--muted);font-size:11.5px;font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:-.02em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .actions{display:flex;gap:7px;flex:none}.iconbtn{background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft);width:36px;height:36px;border-radius:10px;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background .12s,transform .1s}.iconbtn:active{transform:scale(.92);background:var(--line)}.iconbtn.danger{color:var(--danger)}.seg{display:flex;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--line-strong);border-radius:11px;box-shadow:var(--shadow-sm)}.seg button{border:none;background:none;color:var(--muted);padding:6px 10px;border-radius:8px;display:flex;align-items:center;transition:background .12s,color .12s}.seg button.active{background:var(--black);color:#fff}.closet-sizes{padding:13px 16px 2px}.closet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;padding:13px 16px}.closet-tile{aspect-ratio:1;border-radius:18px;overflow:hidden;padding:0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .12s ease}.closet-tile:active{transform:scale(.96)}.closet-tile img{width:100%;height:100%;object-fit:cover;display:block}.closet-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:46px;background:var(--surface-2)}.group-card{flex-direction:column}.group-head{display:flex;gap:14px;cursor:pointer}.chev{color:var(--muted);font-size:15px;display:inline-block;transition:transform .18s ease;padding:6px}.chev.open{transform:rotate(180deg)}.group-items{display:flex;flex-direction:column;gap:10px;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.group-items .card{box-shadow:none;background:var(--surface-2);border-color:transparent}.empty{text-align:center;color:var(--muted);padding:84px 28px}.empty .big{font-size:54px}.empty p{margin:14px 0 0;line-height:1.55;font-size:15px;color:var(--ink-soft);font-weight:500}.empty strong{color:var(--ink);font-weight:700}.fabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;gap:11px;padding:13px 16px calc(15px + var(--safe-bottom));background:linear-gradient(to top,var(--bg) 62%,rgba(241,241,243,0));max-width:600px;margin:0 auto}.btn{flex:1;border:none;border-radius:15px;padding:16px 18px;font-size:16px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .1s,background .15s,box-shadow .2s}.btn:active{transform:translateY(1px) scale(.99)}.btn.primary{background:var(--black);color:#fff;box-shadow:0 10px 26px #1111143d}.btn.primary:active{background:var(--black-press)}.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);flex:0 0 auto;padding-left:24px;padding-right:24px;box-shadow:var(--shadow-sm)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);display:flex;flex-direction:column;max-width:600px;margin:0 auto;animation:sheet-in .28s cubic-bezier(.32,.72,0,1)}@keyframes sheet-in{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:calc(14px + var(--safe-top)) 18px 14px;border-bottom:1px solid var(--line);background:#f1f1f3d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.sheet-head h2{margin:0;font-size:19px;font-weight:800;letter-spacing:-.025em}.sheet-head .x{background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft);font-size:18px;line-height:1;width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center}.sheet-body{flex:1;overflow-y:auto;padding:18px;-webkit-overflow-scrolling:touch}.sheet-foot{padding:13px 16px calc(15px + var(--safe-bottom));border-top:1px solid var(--line);display:flex;gap:11px;background:var(--surface)}.field{margin-bottom:16px}.field>label{display:block;font-size:11px;color:var(--muted);margin-bottom:7px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.field input,.field select,.field textarea{width:100%;background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);padding:13px 14px;border-radius:12px;font-size:16px;font-weight:500;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px #11111412}.field textarea{resize:vertical;min-height:72px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.req:after{content:" *";color:var(--danger)}.photo-pick{display:flex;gap:14px;align-items:center}.photo-pick .preview{width:106px;height:106px;border-radius:16px;object-fit:cover;background:#f6f6f8;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:34px;border:1px solid var(--line)}.photo-pick .pick-actions{display:flex;flex-direction:column;gap:8px}.smallbtn{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:11px;padding:10px 14px;font-size:13px;font-weight:600;box-shadow:var(--shadow-sm)}.smallbtn:active{background:var(--surface-2)}.scanned-banner{background:var(--green-bg);color:var(--green);border:1px solid var(--green-line);border-radius:13px;padding:12px 14px;font-size:13.5px;font-weight:600;margin-bottom:18px;display:flex;align-items:center;gap:8px}.scanned-banner code{font-family:ui-monospace,Menlo,monospace;font-weight:800}.hint-text{color:var(--muted);font-size:12.5px;line-height:1.55;margin:9px 0 0;font-weight:500}.hint-text code{background:var(--surface-2);padding:1px 6px;border-radius:6px;font-size:11.5px}.status-pill{display:inline-block;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.auth{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 20px calc(24px + var(--safe-bottom))}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:30px 24px 22px;box-shadow:var(--shadow-md);display:flex;flex-direction:column}.auth-logo{font-size:40px;text-align:center}.auth-title{margin:10px 0 0;font-size:25px;font-weight:820;letter-spacing:-.03em;text-align:center}.auth-sub{margin:8px 0 22px;color:var(--muted);font-size:14px;line-height:1.5;text-align:center;font-weight:500}.auth-error{background:#fdecec;color:#b91c1c;border:1px solid #f6caca;border-radius:12px;padding:11px 14px;font-size:13.5px;font-weight:600;margin-bottom:14px}.auth-submit{width:100%}.auth-toggle{margin-top:16px;text-align:center;font-size:13.5px}.busy{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#f1f1f3b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.busy-text{color:var(--ink);font-size:15px;font-weight:600}.spinner{width:42px;height:42px;border-radius:999px;border:3.5px solid rgba(17,17,20,.12);border-top-color:var(--ink);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(122px + var(--safe-bottom));background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;font-size:13.5px;font-weight:600;z-index:80;box-shadow:var(--shadow-lg);animation:toast-in .3s cubic-bezier(.32,.72,0,1)}@keyframes toast-in{0%{transform:translate(-50%,10px);opacity:0}to{transform:translate(-50%);opacity:1}}.scanner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000;display:flex;flex-direction:column}.scanner video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.scan-top{padding:calc(16px + var(--safe-top)) 18px 16px;color:#fff;font-weight:700;letter-spacing:-.01em;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);display:flex;align-items:center;justify-content:space-between}.scan-top .x{background:#ffffff29;border:none;color:#fff;font-size:20px;width:38px;height:38px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scan-frame{flex:1;display:flex;align-items:center;justify-content:center}.reticle{width:88%;max-width:400px;aspect-ratio:1.6 / 1;border-radius:22px;position:relative;box-shadow:0 0 0 9999px #00000080}.reticle:before,.reticle:after,.reticle .c1,.reticle .c2{content:"";position:absolute;width:34px;height:34px;border:4px solid #fff}.reticle:before{top:-2px;left:-2px;border-right:0;border-bottom:0;border-radius:16px 0 0}.reticle:after{top:-2px;right:-2px;border-left:0;border-bottom:0;border-radius:0 16px 0 0}.reticle .c1{bottom:-2px;left:-2px;border-right:0;border-top:0;border-radius:0 0 0 16px}.reticle .c2{bottom:-2px;right:-2px;border-left:0;border-top:0;border-radius:0 0 16px}.scanline{position:absolute;left:6%;right:6%;height:2px;background:#34d399;box-shadow:0 0 14px #34d399;border-radius:2px;animation:scan 2.2s ease-in-out infinite}@keyframes scan{0%,to{top:12%}50%{top:88%}}.scan-bottom{padding:22px 18px calc(28px + var(--safe-bottom));color:#fff;text-align:center;background:linear-gradient(to top,rgba(0,0,0,.74),transparent);display:flex;flex-direction:column;align-items:center;gap:15px}.scan-msg{background:#0a0c10cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:15px 22px;max-width:350px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 10px 34px #00000080}.scan-msg-title{color:#fff;font-size:18.5px;font-weight:750;letter-spacing:-.01em;line-height:1.3;text-align:center}.scan-msg-sub{color:#ffffffdb;font-size:15px;font-weight:500;line-height:1.45;text-align:center}.scan-msg.hit .scan-msg-title{color:#34d399}.shutter{width:74px;height:74px;border-radius:999px;border:5px solid rgba(255,255,255,.92);background:#fff;color:#111114;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 22px #00000073;transition:transform .1s}.shutter:active{transform:scale(.94)}.shutter:disabled{opacity:.55}.shutter-spin{width:26px;height:26px;border-radius:999px;border:3px solid rgba(17,17,20,.18);border-top-color:#111114;animation:spin .8s linear infinite}.scan-error{background:#be1212eb;padding:11px 15px;border-radius:12px;color:#fff;font-size:13.5px;max-width:320px}