*,:before,:after{box-sizing:border-box}html,body,#root{color:#111;-webkit-tap-highlight-color:transparent;background:#fff;height:100%;margin:0;padding:0}body{overscroll-behavior:none}:root{--bg:#fff;--ink:#111;--muted:#44474f;--card:#fff;--line:#1111111f;--red:#e3000b;--yellow:#ffd400;--blue:#0057b8;--green:#00a651;--primary:#e3000b;--primary-d:#b80009;--radius:22px;--radius-sm:16px;--radius-pill:999px;--toy-shadow:0 5px 0 #11111129;--font:"Nunito", "Avenir Next Rounded", "Hiragino Sans", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;--party-band:repeating-linear-gradient(90deg, var(--red) 0 56px, transparent 56px 64px, var(--yellow) 64px 120px, transparent 120px 128px, var(--blue) 128px 184px, transparent 184px 192px, var(--green) 192px 248px, transparent 248px 256px)}:focus-visible{outline-offset:3px;border-radius:8px;outline:4px solid #111}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}input,select,textarea{font-size:16px}.app{background:var(--bg);max-width:480px;height:100dvh;color:var(--ink);font-family:var(--font);flex-direction:column;margin:0 auto;display:flex}.splash{height:100dvh;color:var(--muted);background:var(--bg);font-size:1.2rem;font-weight:800;font-family:var(--font);justify-content:center;align-items:center;display:flex}.app-header{border-bottom:3px solid var(--ink);background:#fff;flex-shrink:0;align-items:center;padding:10px 16px;display:flex}.brand{flex-direction:column;gap:3px;display:flex}.logo{gap:5px;display:inline-flex}.logo>span{color:#fff;text-transform:uppercase;border-radius:8px;place-items:center;width:32px;height:32px;font-size:19px;font-weight:900;line-height:1;display:grid;position:relative}.logo>span:before{content:"";background:inherit;border-radius:4px 4px 0 0;width:14px;height:8px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.logo>span:first-child{background:var(--red)}.logo>span:nth-child(2){background:var(--yellow);color:#111}.logo>span:nth-child(3){background:var(--blue)}.logo>span:nth-child(4){background:var(--green)}.logo>span:nth-child(5){background:var(--red)}.brand-tag{letter-spacing:.02em;color:var(--blue);font-size:.7rem;font-weight:800}.app-main{background:var(--bg);flex:1;position:relative;overflow-y:auto}.app-nav{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));border-top:3px solid var(--ink);background:#fff;flex-shrink:0;gap:8px;display:flex}.nav-btn{border-radius:var(--radius-pill);color:var(--ink);font-family:var(--font);cursor:pointer;background:#fff;border:3px solid #111;flex:1;padding:10px 4px;font-size:.78rem;font-weight:800;transition:transform 50ms,box-shadow 50ms}.nav-btn.active{background:var(--red);color:#fff;box-shadow:0 4px #111}.nav-btn.active:active{transform:translateY(3px);box-shadow:0 1px #111}.scanner{flex-direction:column;height:100%;display:flex}.scan-stage{flex:1;min-height:0;position:relative;overflow:hidden}.viewfinder{background:#000;position:absolute;inset:0;overflow:hidden}.camera-feed{object-fit:cover;width:100%;height:100%}.viewfinder-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.crosshair{border:3px solid #ffffffb3;border-radius:16px;width:180px;height:124px;transition:border-color .2s,box-shadow .2s}.scanning-indicator{color:#111;border-radius:var(--radius-pill);box-shadow:var(--toy-shadow);background:#fff;border:3px solid #111;padding:8px 18px;font-size:.95rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.status-bar{border-top:3px solid var(--ink);color:var(--ink);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:.92rem;font-weight:700;display:flex}.manual-btn{background:var(--red);color:#fff;border-radius:var(--radius-pill);font-family:var(--font);cursor:pointer;white-space:nowrap;border:3px solid #111;padding:12px 24px;font-size:.95rem;font-weight:800;box-shadow:0 5px #111}.manual-btn:active{transform:translateY(4px);box-shadow:0 1px #111}.manual-btn:disabled{cursor:default;background:#bbb;border-color:#888;box-shadow:0 5px #888}.notice-bar{background:var(--yellow);color:#111;text-align:center;border-top:3px solid #111;padding:10px 16px;font-size:.85rem;font-weight:700}.cam-error{text-align:center;color:var(--ink);padding:32px 20px;font-weight:700}.result{background:#fff;border-top:3px solid #111;flex-shrink:0;align-items:flex-start;gap:12px;padding:16px;display:flex}.result-icon{background:var(--yellow);color:#111;border:3px solid #111;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:1.2rem;font-weight:900;display:grid;box-shadow:inset 0 0 0 4px #ffffff59}.result--error .result-icon{background:var(--red);color:#fff}.part-img{object-fit:contain;background:#fff;border:3px solid #111;border-radius:14px;flex-shrink:0;width:72px;height:72px}.result-body{flex:1;min-width:0}.result-title{letter-spacing:-.02em;color:var(--ink);margin:0 0 2px;font-size:1.3rem;font-weight:900}.result-hint{color:var(--muted);margin:0;font-size:.85rem;font-weight:600}.part-name{color:var(--ink);margin:2px 0;font-size:1.02rem;font-weight:700}.part-id{color:var(--muted);font-size:.8rem;font-weight:700}.result--match{z-index:5;background:var(--bg);border-top:4px solid #111;flex-direction:column;align-items:stretch;gap:10px;padding:16px 14px 12px;position:absolute;inset:0;overflow:hidden}.result--match:before{content:"";background:var(--party-band);z-index:1;background-size:256px 10px;height:10px;position:absolute;top:0;left:0;right:0}.result-header{flex-shrink:0;align-items:center;gap:14px;display:flex}.match-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.match-list{flex-direction:column;gap:12px;margin:0;padding:4px 2px 14px;list-style:none;display:flex}.match-suggest{border-top:2px dashed var(--line);margin-top:2px;padding-top:12px}.match-suggest .result-hint{margin-bottom:10px}.part-sets-link{margin-top:4px;display:inline-block}.match-item{color:#111;border-radius:var(--radius-sm);box-shadow:var(--toy-shadow);background:#fff;border:3px solid #111;align-items:center;gap:12px;padding:10px 12px;font-size:.95rem;display:flex}.match-item--color-match{background:var(--yellow)}.match-set-img{object-fit:contain;background:#fff;border:2px solid #111;border-radius:10px;flex-shrink:0;width:64px;height:64px}.match-set-info{flex-direction:column;gap:2px;min-width:0;display:flex}.match-set-name{color:#111;font-size:1.1rem;font-weight:800;line-height:1.2}.match-set-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:flex}.match-num{color:#111;font-weight:800}.match-color{align-items:center;gap:5px;display:inline-flex}.color-swatch{border:2px solid #111;border-radius:6px;flex-shrink:0;width:24px;height:24px}.match-qty{color:#fff;background:var(--green);border-radius:var(--radius-pill);border:2px solid #111;flex-shrink:0;padding:2px 9px;font-size:.85rem;font-weight:800}.set-manager{padding:16px}.set-manager h2{letter-spacing:-.02em;margin:0 0 16px;font-size:1.5rem;font-weight:900}.add-form{gap:10px;margin-bottom:16px;display:flex}.add-form input{border-radius:var(--radius-pill);color:#111;font-family:var(--font);background:#fff;border:3px solid #111;flex:1;padding:12px 16px;font-size:16px;font-weight:600}.add-form input::placeholder{color:#9a9da6}.add-form input:focus{outline:none}.add-form button{background:var(--red);color:#fff;border-radius:var(--radius-pill);font-family:var(--font);cursor:pointer;white-space:nowrap;border:3px solid #111;padding:12px 18px;font-size:.95rem;font-weight:800;box-shadow:0 5px #111}.add-form button:active{transform:translateY(4px);box-shadow:0 1px #111}.add-form button:disabled{cursor:default;background:#bbb;border-color:#888;box-shadow:0 5px #888}.set-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.set-item{border-radius:var(--radius-sm);box-shadow:var(--toy-shadow);background:#fff;border:3px solid #111;align-items:center;gap:12px;padding:12px;display:flex}.set-item img{object-fit:contain;background:#fff;border:2px solid #111;border-radius:10px;flex-shrink:0;width:60px;height:60px}.consent{left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:60;border:3px solid var(--ink);border-radius:var(--radius-sm);box-shadow:var(--toy-shadow);background:#fff;flex-direction:column;gap:10px;max-width:520px;margin:0 auto;padding:14px 16px;display:flex;position:fixed}.consent__text{color:var(--ink);margin:0;font-size:.92rem}.consent__text a{color:var(--blue);font-weight:700}.consent__actions{justify-content:flex-end;gap:10px;display:flex}.consent__btn{border:3px solid var(--ink);border-radius:var(--radius-pill);font-family:var(--font);cursor:pointer;padding:8px 18px;font-weight:800}.consent__btn--ghost{color:var(--ink);background:#fff}.consent__btn--accept{background:var(--green);color:#fff}.set-item--excluded{opacity:.62}.set-badge{background:var(--yellow);color:#111;border-radius:var(--radius-pill);letter-spacing:.2px;border:2px solid #111;align-self:flex-start;margin-top:3px;padding:1px 10px;font-size:.74rem;font-weight:900}.myset-controls{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.myset-filter{position:relative}.myset-filter-input{border-radius:var(--radius-pill);color:#111;width:100%;font-family:var(--font);background:#fff;border:3px solid #111;padding:12px 40px 12px 16px;font-size:16px;font-weight:600}.myset-filter-input:focus{outline:none}.myset-filter-input::placeholder{color:#9a9da6}.myset-filter-clear{color:#44474f;cursor:pointer;background:0 0;border:none;width:28px;height:28px;font-size:1rem;font-weight:800;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.myset-controls-row{align-items:center;gap:10px;display:flex}.myset-sort{border-radius:var(--radius-pill);color:#111;min-width:0;font-family:var(--font);cursor:pointer;background:#fff;border:3px solid #111;flex:1;padding:11px 12px;font-size:16px;font-weight:700}.myset-sort:focus{outline:none}.set-toggle{color:#44474f;border-radius:var(--radius-pill);font-family:var(--font);cursor:pointer;background:#ececec;border:2px solid #111;flex-shrink:0;padding:4px 16px;font-weight:800}.set-toggle--on{background:var(--green);color:#fff}.set-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.set-info strong{color:#111;white-space:nowrap;text-overflow:ellipsis;font-size:1.02rem;font-weight:800;overflow:hidden}.set-info span{color:var(--muted);font-size:.8rem;font-weight:600}.remove-btn{color:#111;cursor:pointer;border-radius:var(--radius-pill);background:#fff;border:2px solid #111;flex-shrink:0;padding:4px 10px;font-size:.9rem;font-weight:800}.remove-btn:hover{background:var(--red);color:#fff}.empty,.notice{color:var(--muted);margin-top:10px;font-size:.9rem;font-weight:600}.error{color:var(--red);margin:10px 0;font-size:.9rem;font-weight:700}.settings{padding:16px}.settings h2{letter-spacing:-.02em;margin:0 0 16px;font-size:1.5rem;font-weight:900}.settings h3{color:#111;margin:0 0 8px;font-size:1.05rem;font-weight:800}.settings section{border-radius:var(--radius-sm);box-shadow:var(--toy-shadow);background:#fff;border:3px solid #111;margin-bottom:18px;padding:16px}.settings p{color:var(--muted);margin:0 0 10px;font-size:.9rem;font-weight:600;line-height:1.55}.settings a{color:var(--red);font-weight:800}.api-key-form{gap:10px;display:flex}.api-key-form input{border-radius:var(--radius-pill);color:#111;font-family:var(--font);background:#fff;border:3px solid #111;flex:1;padding:12px 16px;font-size:16px;font-weight:600}.api-key-form input:focus{outline:none}.api-key-form button{background:var(--red);color:#fff;border-radius:var(--radius-pill);font-family:var(--font);cursor:pointer;border:3px solid #111;padding:12px 16px;font-size:.95rem;font-weight:800;box-shadow:0 5px #111}.api-key-form button:active{transform:translateY(4px);box-shadow:0 1px #111}.api-key-form button:disabled{cursor:default;background:#bbb;border-color:#888;box-shadow:0 5px #888}.key-status{color:var(--green)!important;margin-top:8px!important;font-size:.85rem!important;font-weight:800!important}.build-stamp{opacity:.8;color:var(--muted)!important;font-size:.72rem!important}.muted-tag{color:var(--muted);font-size:.75rem;font-weight:700}.ghost-btn{color:#111;border-radius:var(--radius-pill);font-family:var(--font);cursor:pointer;background:#fff;border:3px solid #111;padding:10px 18px;font-size:.9rem;font-weight:800;box-shadow:0 4px #111}.ghost-btn:active{transform:translateY(3px);box-shadow:0 1px #111}.ghost-btn:hover{background:var(--red);color:#fff}.link-btn{color:var(--red);font-family:var(--font);font-weight:800;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.account-hint{color:var(--muted)!important;margin-top:8px!important;font-size:.8rem!important}.disclaimer{color:var(--muted)!important;font-size:.72rem!important;line-height:1.5!important}.match-item,.set-item{cursor:pointer}.match-item:active,.set-item:active{transform:translateY(1px)}.modal-backdrop{font-family:var(--font);color:var(--ink);padding:max(72px, calc(env(safe-area-inset-top) + 24px)) 16px max(24px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;z-index:1000;background:#1111118c;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{color:#111;border-radius:var(--radius);width:100%;max-width:360px;box-shadow:var(--toy-shadow);background:#fff;border:3px solid #111;margin:0 auto auto;padding:22px;position:relative}.modal-close{z-index:10;cursor:pointer;background:#fff;border:2px solid #111;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.9rem;font-weight:800;display:grid;position:absolute;top:12px;right:12px}.modal-close:hover{background:var(--red);color:#fff}.detail{text-align:center}.modal-img{aspect-ratio:1;object-fit:contain;background:#fff;border:3px solid #111;border-radius:14px;width:100%;max-width:240px;margin:4px auto 16px}.modal-title{letter-spacing:-.02em;margin:0 0 2px;font-size:1.3rem;font-weight:900}.modal-sub{color:var(--muted);margin:0 0 16px;font-size:.9rem;font-weight:700}.detail-row{border-top:2px solid var(--line);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-weight:700;display:flex}.detail-label{color:var(--muted);font-weight:700}.match-tap{cursor:pointer;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.match-item--done{opacity:.55}.match-item--done .match-set-name{text-decoration:line-through}.alloc{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.alloc-btn{color:#111;cursor:pointer;background:#fff;border:2px solid #111;border-radius:50%;place-items:center;width:30px;height:30px;font-size:1.1rem;font-weight:900;line-height:1;display:grid}.alloc-btn--add{background:var(--green);color:#fff}.alloc-btn:active{transform:translateY(1px)}.alloc-btn:disabled{opacity:.35;cursor:default;transform:none}.alloc-count{text-align:center;min-width:36px;color:var(--ink);white-space:nowrap;font-size:.85rem;font-weight:800}.alloc-count--done{color:var(--green)}.set-progress{align-items:center;gap:8px;margin-top:4px;display:flex}.set-progress-bar{background:var(--line);border-radius:var(--radius-pill);border:2px solid #111;flex:1;height:8px;overflow:hidden}.set-progress-fill{background:var(--green);border-radius:var(--radius-pill);height:100%;transition:width .2s;display:block}.set-progress-label{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:.72rem;font-weight:800}.set-item--complete .set-progress-label{color:var(--green)}.remaining-head{justify-content:space-between;align-items:center;gap:12px;margin:14px 0 8px;display:flex}.reset-btn{color:#111;font-family:var(--font);border-radius:var(--radius-pill);cursor:pointer;background:#fff;border:2px solid #111;padding:5px 12px;font-size:.72rem;font-weight:800}.reset-btn:hover{background:var(--red);color:#fff}.remaining-list{text-align:left;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.remaining-item{border-radius:var(--radius-sm);background:#fff;border:2px solid #111;align-items:center;gap:10px;padding:8px;display:flex}.remaining-item--done{opacity:.5}.remaining-item--done .remaining-name{text-decoration:line-through}.remaining-img{object-fit:contain;background:#fff;border:2px solid #111;border-radius:8px;flex-shrink:0;width:40px;height:40px}.remaining-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.remaining-name{color:#111;font-size:.85rem;font-weight:800;line-height:1.2}.remaining-color{color:var(--muted);align-items:center;gap:5px;font-size:.75rem;font-weight:600;display:inline-flex}.plan-banner{background:var(--yellow);border-radius:var(--radius-pill);color:#111;border:3px solid #111;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:9px 14px;font-size:.82rem;font-weight:800;display:flex}.plan-banner .link-btn{color:#111}.plan-banner--pro{background:var(--green);color:#fff;justify-content:center}.upgrade-copy{color:var(--muted);margin:8px 0 14px;font-size:.92rem;font-weight:600;line-height:1.5}.upgrade-cta{width:100%}.remaining-item--tap{cursor:pointer}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.confirm-actions .ghost-btn,.confirm-actions .manual-btn{width:auto}.account-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.plan-toggle{gap:10px;margin:4px 0 14px;display:flex}.plan-option{border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font);background:#fff;border:3px solid #111;flex-direction:column;flex:1;align-items:center;gap:2px;padding:12px 8px;display:flex}.plan-option--active{background:var(--yellow)}.plan-option-label{color:#111;font-size:.8rem;font-weight:800}.plan-option-price{color:#111;font-size:1.1rem;font-weight:900}.plan-option-price small{color:var(--muted);font-size:.7rem;font-weight:700}.plan-option-note{color:var(--green);font-size:.68rem;font-weight:800}.onboard{padding:20px 16px 28px}.onboard-head{text-align:center;margin-bottom:18px}.onboard-head h2{letter-spacing:-.02em;margin:0 0 4px;font-size:1.6rem;font-weight:900}.onboard-head p{color:var(--muted);margin:0;font-size:.92rem;font-weight:600}.onboard-step{border-radius:var(--radius-sm);box-shadow:var(--toy-shadow);background:#fff;border:3px solid #111;gap:14px;margin-bottom:14px;padding:16px;display:flex}.onboard-step--locked{opacity:.5}.onboard-step-no{color:#111;background:#fff;border:3px solid #111;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:1rem;font-weight:900;display:grid}.onboard-step--done .onboard-step-no{background:var(--green);color:#fff}.onboard-step-body{flex:1;min-width:0}.onboard-step-body h3{color:#111;margin:2px 0 4px;font-size:1.1rem;font-weight:800}.onboard-step-body p{color:var(--muted);margin:0 0 10px;font-size:.88rem;font-weight:600;line-height:1.5}.onboard-step-body .manual-btn{width:100%}.onboard-key{border-top:2px solid var(--line);margin-top:10px;padding-top:10px}.onboard-key-steps{color:var(--muted);margin:0 0 10px;padding-left:20px;font-size:.85rem;font-weight:600;line-height:1.6}.onboard-key-steps a{color:var(--red);font-weight:800}.onboard-skip{margin:6px auto 0;display:block;color:var(--muted)!important}.rb-setup{margin-top:10px}.rb-setup-intro{color:var(--muted);margin:0 0 12px;font-size:.85rem;font-weight:600;line-height:1.5}.rb-setup-steps{counter-reset:rb;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.rb-setup-steps>li{counter-increment:rb;padding-left:34px;position:relative}.rb-setup-steps>li:before{content:counter(rb);background:var(--yellow);color:#111;border:2px solid #111;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.8rem;font-weight:900;display:grid;position:absolute;top:0;left:0}.rb-step-title{color:#111;margin:0 0 2px;font-size:.95rem;font-weight:800}.rb-step-sub{color:var(--muted);margin:0 0 6px;font-size:.82rem;font-weight:600;line-height:1.5}.rb-link-btn{background:var(--blue);color:#fff;border-radius:var(--radius-pill);border:3px solid #111;padding:8px 14px;font-size:.82rem;font-weight:800;text-decoration:none;display:inline-block;box-shadow:0 4px #111}.rb-link-btn:active{transform:translateY(3px);box-shadow:0 1px #111}.search-results{margin:4px 0 18px}.search-results-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.result-add-btn{background:var(--green);color:#fff;border-radius:var(--radius-pill);font-family:var(--font);cursor:pointer;white-space:nowrap;border:3px solid #111;flex-shrink:0;padding:8px 16px;font-size:.85rem;font-weight:800;box-shadow:0 4px #111}.result-add-btn:active{transform:translateY(3px);box-shadow:0 1px #111}.result-add-btn:disabled{cursor:default;background:#bbb;border-color:#888;box-shadow:0 4px #888}.load-more-btn{color:#111;border-radius:var(--radius-pill);width:100%;font-family:var(--font);cursor:pointer;background:#fff;border:3px solid #111;margin-top:12px;padding:10px;font-weight:800;display:block;box-shadow:0 4px #111}.load-more-btn:active{transform:translateY(3px);box-shadow:0 1px #111}.load-more-btn:disabled{opacity:.6;cursor:default}@media (prefers-reduced-motion:reduce){.manual-btn,.add-form button,.api-key-form button,.set-progress-fill{transition:none}}.scan-tip{color:var(--muted);text-align:center;margin:8px 4px 0;font-size:.8rem;font-weight:600;line-height:1.3}.torch-btn{z-index:3;color:#111;cursor:pointer;background:#ffffffeb;border:2px solid #111;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:800;position:absolute;top:10px;right:10px;box-shadow:0 2px #111}.torch-btn.is-on{background:var(--yellow)}.color-choose{background:#fff;border:3px solid #111;border-radius:14px;flex-direction:column;flex-shrink:0;gap:7px;padding:10px;display:flex}.color-choose__label{color:#111;font-size:.9rem;font-weight:800}.color-choose__chips{flex-wrap:wrap;gap:7px;display:flex}.sortby-filter{align-items:center;gap:10px;margin:4px 0 12px;display:flex}.sortby-summary{color:var(--ink);align-items:center;gap:8px;margin:2px 0 14px;font-weight:800;display:flex}.sortby-filter__label{color:var(--ink);flex-shrink:0;font-weight:800}.sortby-dd{flex:1;min-width:0;position:relative}.sortby-dd__btn{border-radius:var(--radius-pill);color:#111;width:100%;font-family:var(--font);cursor:pointer;text-align:left;background:#fff;border:3px solid #111;align-items:center;gap:8px;padding:12px 16px;font-size:16px;font-weight:700;display:flex}.sortby-dd__btn:focus{outline:none}.sortby-dd__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sortby-dd__caret{flex-shrink:0}.sortby-dd__menu{z-index:20;border-radius:var(--radius-sm);max-height:320px;box-shadow:var(--toy-shadow);background:#fff;border:3px solid #111;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.sortby-dd__opt{cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-weight:700;display:flex}.sortby-dd__opt:hover{background:#f3f3f3}.sortby-dd__opt.is-active{background:var(--yellow)}.sortby-dd__count{color:var(--muted);flex-shrink:0;margin-left:auto;font-weight:800}.sortby-dd__group{border-top:2px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;pointer-events:none;margin-top:4px;padding:8px 12px 4px;font-size:.74rem;font-weight:800}.sortby-dd__group:first-child{border-top:none;margin-top:0}.color-chip{color:#111;cursor:pointer;background:#f3f3f3;border:2px solid #111;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 8px;font-size:.9rem;font-weight:700;display:inline-flex}.color-chip.is-active{background:var(--yellow);box-shadow:0 2px #111}.color-chip .color-swatch{width:20px;height:20px}.color-summary{color:#111;cursor:pointer;background:#fff;border:2px solid #111;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;width:100%;padding:5px 10px;font-weight:700;display:flex}.color-summary .color-swatch{width:20px;height:20px}.color-summary__name{font-size:.9rem}.color-summary__change{color:var(--blue);margin-left:auto;font-size:.82rem;font-weight:800}.calib-note{color:var(--green);font-size:.82rem;font-weight:700}.calib-note--inline{margin:4px 0 10px}.install-hint{background:var(--yellow);border:3px solid #111;border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex;box-shadow:0 4px #111}.install-hint-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.install-hint strong{color:#111;margin-bottom:2px;font-weight:900;display:block}.install-hint p{color:#111;margin:0;font-size:.9rem;font-weight:600;line-height:1.35}.color-bar{background:#fff;border:2px solid #111;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:5px 6px 5px 10px;display:flex}.color-bar .color-swatch{width:20px;height:20px}.color-bar__name{color:#111;font-size:.9rem;font-weight:700}.color-bar__switch{color:#111;background:var(--yellow);cursor:pointer;border:2px solid #111;border-radius:999px;margin-left:auto;padding:5px 14px;font-size:.82rem;font-weight:800}.color-bar__switch:active{transform:translateY(1px)}.set-item--result{cursor:pointer}.result-hint-sm{color:var(--blue);font-size:.72rem;font-weight:800}.preview-figure{position:relative}.preview-nav{color:#111;cursor:pointer;background:#ffffffeb;border:3px solid #111;border-radius:999px;place-items:center;width:44px;height:44px;font-size:28px;font-weight:900;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 3px #111}.preview-nav--prev{left:8px}.preview-nav--next{right:8px}.preview-nav:disabled{opacity:.3;box-shadow:none;cursor:default}.preview-nav:active:not(:disabled){transform:translateY(-50%)translateY(2px);box-shadow:0 1px #111}.preview-count{color:#fff;background:#111111d9;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:800;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.celebrate{z-index:3000;font-family:var(--font);color:var(--ink);background:#1113;place-items:center;animation:.3s cel-fade;display:grid;position:fixed;inset:0;overflow:hidden}@keyframes cel-fade{0%{opacity:0}to{opacity:1}}.celebrate-confetti,.celebrate-fw{pointer-events:none;position:absolute;inset:0}.conf{border-radius:2px;animation-name:conf-fall;animation-timing-function:ease-in;animation-fill-mode:both;position:absolute;top:-10vh}@keyframes conf-fall{0%{transform:translate(0, 0) rotate(var(--rot));opacity:1}to{transform:translate(var(--sway), 116vh) rotate(calc(var(--rot) + 900deg));opacity:1}}.fw{width:0;height:0;position:absolute}.fw-p{width:7px;height:7px;transform:rotate(var(--a)) translateY(0) scale(1);animation:fw-burst 1s ease-out var(--d) both;border-radius:50%;position:absolute;top:-3px;left:-3px}@keyframes fw-burst{0%{transform:rotate(var(--a)) translateY(0) scale(1);opacity:1}80%{opacity:1}to{transform:rotate(var(--a)) translateY(-78px) scale(.2);opacity:0}}.celebrate-card{z-index:2;text-align:center;background:#fff;border:3px solid #111;border-radius:22px;max-width:300px;margin:0 16px;padding:24px 28px;animation:.45s cubic-bezier(.2,.9,.25,1.2) both cel-pop;position:relative;box-shadow:0 8px #111}@keyframes cel-pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.celebrate-emoji{font-size:3rem;line-height:1}.celebrate-card h2{color:#111;margin:8px 0 2px;font-size:1.6rem;font-weight:900}.celebrate-name{color:var(--blue);margin:0 0 6px;font-weight:800}.celebrate-sub{color:var(--muted);margin:0 0 16px;font-size:.9rem;font-weight:600}.celebrate-card .manual-btn{width:100%}@media (prefers-reduced-motion:reduce){.celebrate-confetti,.celebrate-fw{display:none}.celebrate-card{animation:none}}.scan-empty{flex:1;place-items:center;min-height:0;padding:24px 18px;display:grid;overflow-y:auto}.scan-empty-card{border:3px solid var(--ink);border-radius:var(--radius);width:100%;max-width:360px;box-shadow:var(--toy-shadow);text-align:center;background:#fff;padding:24px 20px}.scan-empty-card h2{letter-spacing:-.02em;color:#111;margin:0 0 8px;font-size:1.4rem;font-weight:900}.scan-empty-card p{color:var(--muted);margin:0 0 18px;font-size:.92rem;font-weight:600;line-height:1.5}.scan-empty-card .manual-btn{width:100%}.scan-empty-card .ghost-btn{width:100%;margin-top:10px}.demo-bar{text-align:left;justify-content:space-between;align-items:center;gap:10px;display:flex}.demo-bar .link-btn{white-space:nowrap;font-weight:800}.first-add{text-align:center;margin:4px 0 14px}.first-add-help{color:var(--muted);margin:0 0 10px;font-size:.86rem;font-weight:600;line-height:1.4}.first-add-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.chip{background:var(--yellow);color:#111;border-radius:var(--radius-pill);font-family:var(--font);cursor:pointer;border:2px solid #111;padding:7px 14px;font-size:.85rem;font-weight:800;box-shadow:0 3px #111}.chip:active{transform:translateY(2px);box-shadow:0 1px #111}.chip:disabled{opacity:.5;cursor:default}.first-add-sample{width:100%}.first-add--signin{border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--toy-shadow);text-align:left;background:#fff;margin-top:10px;padding:18px 16px}.first-add-step{letter-spacing:-.01em;color:#111;margin:0 0 6px;font-size:.98rem;font-weight:900}.first-add--signin .first-add-help{text-align:left;margin-bottom:12px}.first-add--signin .account-hint{margin-top:10px}.first-add-or{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:10px;margin:16px 0 10px;font-size:.72rem;font-weight:800;display:flex}.first-add-or:before,.first-add-or:after{content:"";background:var(--line);flex:1;height:2px}.set-badge--demo{background:var(--blue);color:#fff}.onboard-sample{width:100%;margin-top:8px}.result--stack{flex-direction:column}.result--stack .result-head{align-items:flex-start;gap:12px;width:100%;display:flex}.part-sets{width:100%;margin-top:12px}.part-sets>.manual-btn{width:100%}.partsets-q{color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;font-size:.92rem;font-weight:800;display:flex}.partsets-colors{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.partsets-color{border-radius:var(--radius-sm);width:100%;font-family:var(--font);color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:3px solid #111;align-items:center;gap:12px;padding:10px 14px;font-size:.95rem;font-weight:800;display:flex;box-shadow:0 4px #111}.partsets-color:active{transform:translateY(3px);box-shadow:0 1px #111}.partsets-color-name{flex:1;min-width:0}.partsets-color-count{color:var(--muted);flex-shrink:0;font-size:.82rem;font-weight:800}.partsets-warning{border-radius:var(--radius);box-shadow:var(--toy-shadow);background:#fff;border:3px solid #111;padding:16px}.partsets-warning-title{letter-spacing:-.01em;color:var(--ink);margin:0 0 6px;font-size:1.05rem;font-weight:900}.partsets-warning-text{color:var(--muted);align-items:flex-start;gap:10px;margin:0 0 14px;font-size:.92rem;font-weight:600;line-height:1.45;display:flex}.partsets-warning-text .color-swatch{margin-top:2px}.partsets-warning-actions{flex-direction:column;gap:10px;display:flex}.partsets-warning-actions .manual-btn,.partsets-warning-actions .ghost-btn{width:100%}.undo-bar{left:50%;bottom:calc(74px + env(safe-area-inset-bottom,0px));z-index:60;color:#fff;border-radius:var(--radius-pill);background:#111;border:3px solid #111;align-items:center;gap:14px;max-width:calc(100% - 24px);padding:10px 12px 10px 18px;font-size:.9rem;font-weight:800;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 5px #11111140}.undo-bar span{min-width:0}.undo-bar-btn{background:var(--yellow);color:#111;border-radius:var(--radius-pill);font-family:var(--font);cursor:pointer;border:2px solid #111;flex-shrink:0;padding:6px 18px;font-size:.88rem;font-weight:900}.undo-bar-btn:active{transform:translateY(2px)}