:root{color-scheme:dark;font-family:Inter,"Segoe UI",sans-serif;color:#e9edf2;background:#101318;font-synthesis:none;--muted:#98a3b2;--border:#2c333f;--amber:#e7b757;--panel:#191e26}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:4px}[hidden]{display:none!important}main{max-width:1376px;margin:auto;padding:0 40px 32px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:32px 0;border-bottom:1px solid var(--border);margin-bottom:32px}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:inherit;font-size:20px;font-weight:650}.brand-mark{font-family:Impact,"Arial Narrow",sans-serif;font-size:30px;letter-spacing:1px;border:1px solid var(--amber);color:var(--amber);padding:4px 8px;transform:skew(-5deg)}.brand small{display:block;font-size:12px;letter-spacing:1.8px;margin-top:5px;color:var(--muted);font-weight:500}.local-tag{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:14px}.local-tag span{width:6px;height:6px;border-radius:50%;background:var(--muted)}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px}.capture-panel{padding:26px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-family:"Segoe UI",sans-serif;font-size:12px;font-weight:700;letter-spacing:1.6px;color:var(--muted)}.badge{font-size:12px;border:1px solid #495262;padding:5px 9px;border-radius:5px;color:#bbc4d0;white-space:nowrap}.badge.live{color:#a9ddbf;background:#233d32;border-color:#35604c}.badge.error{color:#f3b1a4;border-color:#a65142}h1{font-size:48px;line-height:1.06;letter-spacing:-2px;margin:29px 0 16px;font-weight:700}h1 span{color:var(--amber)}.intro{font-size:16px;line-height:1.6;color:#b1bccb;margin:0 0 26px}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid transparent;border-radius:7px;padding:13px 16px;min-height:48px;font-weight:650;font-size:15px;transition:background .15s,transform .15s}.button:active{transform:translateY(1px)}.primary{background:var(--amber);color:#191c22;width:100%}.primary:hover{background:#f2c971}.button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.stop{width:100%;color:#efb7ad;background:#482f2f;border-color:#77514a}.secondary{background:#28303d;border-color:#424d5e;color:#ecf0f5}.secondary:hover{background:#333e4f}.loading-text{font-size:13px;color:var(--muted);margin:12px 0 0;line-height:1.5}.notice{font-size:14px;line-height:1.5;border-left:3px solid var(--amber);background:#302b22;padding:12px;margin-top:16px}.notice.error{border-color:#e68b7a;background:#372624}.capture-help{display:grid;grid-template-columns:24px 1fr;column-gap:10px;row-gap:15px;margin:28px 0;color:var(--muted)}.step-number{font-family:Consolas,monospace;font-size:12px;color:var(--amber);line-height:22px}.capture-help p{font-size:14px;line-height:1.5;margin:0}.capture-help strong{font-weight:600;color:#dce1e9}.controls{border-top:1px solid var(--border);padding-top:24px;display:flex;flex-direction:column;gap:11px}.controls label{font-size:14px;color:#cbd4df}.controls select{background:#10151d;color:#e1e7ef;border:1px solid #424d5e;border-radius:6px;padding:11px 10px;width:100%;font-size:14px}.range-label{display:flex;justify-content:space-between;margin-top:9px}.range-label output{font-family:Consolas,monospace;color:var(--amber);font-size:14px}input[type=range]{width:100%;accent-color:var(--amber);cursor:pointer}.control-note,.privacy-note{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.privacy-note{border-top:1px solid var(--border);padding-top:20px;margin-top:24px}.results-panel{display:flex;flex-direction:column;gap:20px;min-width:0}.signal-panel{padding:22px 26px;background:#141a22}.mono{font-family:Consolas,monospace;font-size:13px;color:var(--muted)}#waveform{display:block;width:100%;height:100px;margin:15px 0}.signal-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.match-panel,.history-panel{padding:24px 26px}h2{font-size:18px;line-height:1.4;font-weight:600;margin:0}.small-meta{font-size:13px;color:var(--muted)}.empty-result{min-height:270px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px}.empty-result svg{height:52px;width:52px;stroke:#647386;stroke-width:3;stroke-linecap:round;fill:none;margin-bottom:20px}.empty-result h3{font-size:19px;margin:0 0 10px;color:#dce4ee;font-weight:500}.empty-result p{max-width:330px;font-size:14px;line-height:1.6;color:var(--muted);margin:0}.match-summary{margin:24px 0 20px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.match-summary h3{font-size:26px;margin:0 0 7px;letter-spacing:-.5px}.match-summary p{font-size:14px;color:var(--muted);margin:0;line-height:1.5}.score{font-family:Consolas,monospace;font-size:30px;line-height:1;color:var(--amber);text-align:right}.score small{display:block;font-family:"Segoe UI",sans-serif;font-size:12px;color:var(--muted);margin-top:7px}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px;max-height:396px;overflow:auto;padding-right:4px}.item-card{position:relative;border:1px solid #343d4b;border-top:2px solid var(--rarity,#687484);background:#131922;border-radius:6px;padding:12px;display:flex;flex-direction:column;min-height:162px}.item-card img{height:64px;width:100%;object-fit:contain;image-rendering:auto;margin-bottom:10px}.item-card h4{font-size:14px;line-height:1.35;margin:0 0 10px;font-weight:500;overflow-wrap:anywhere}.item-meta{display:flex;justify-content:space-between;gap:8px;margin-top:auto;font-size:12px;color:#9ba8b9}.item-meta .price{color:#d6dec9;font-family:Consolas,monospace}.result-note{font-size:13px;line-height:1.5;color:var(--muted);margin:16px 0 0}.text-button{border:0;background:none;color:#b9c4d2;padding:5px 0;font-size:14px;text-decoration:underline;text-decoration-color:#4e5a6b;text-underline-offset:4px}.text-button:hover{color:var(--amber)}.history-empty{font-size:14px;color:var(--muted);padding:24px 0 6px}.history-list{display:flex;flex-direction:column;max-height:250px;overflow:auto}.history-row{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--border);color:#d4deea;padding:15px 0;font-size:14px}.history-row:last-child{border-bottom:0}.history-row:hover{color:var(--amber)}.history-row.selected .history-group{color:var(--amber)}.history-group{flex:1}.history-group small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.history-score{font-family:Consolas,monospace;color:var(--amber);font-size:14px}.library{padding:26px;margin-top:24px}.library-heading h2{font-size:21px;margin-top:7px}.library-actions{display:flex;align-items:center;gap:22px}.library-note{font-size:14px;line-height:1.6;color:var(--muted);max-width:850px;margin:19px 0 0}.sound-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:24px}.sound-group{background:#131922;border:1px solid #343d4b;border-radius:7px;padding:15px}.sound-group header{display:flex;justify-content:space-between;gap:8px;align-items:center}.sound-group header span{font-family:Consolas,monospace;font-size:14px;color:var(--amber)}.sound-group header small{font-size:12px;color:var(--muted)}.sound-group p{font-size:14px;line-height:1.5;color:#b5c1d1;margin:13px 0;min-height:42px}.sound-buttons{display:flex;gap:8px;flex-wrap:wrap}.sound-buttons button{background:#252e3b;border:1px solid #424d5e;border-radius:5px;color:#dce5ef;font-size:13px;padding:8px 10px}.sound-buttons button:hover{background:#39465a}.sound-buttons button.test{color:var(--amber)}footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.6;color:#8895a7;margin-top:26px}footer a{color:#b5c1d1}.demo-label{display:inline-block;color:var(--amber);font-size:12px;border:1px solid #6a552e;padding:4px 7px;border-radius:4px;margin-left:10px;vertical-align:middle}@media(min-width:1600px){main{padding-top:16px}}@media(max-width:1000px){main{padding:0 24px 28px}.workspace{grid-template-columns:310px minmax(0,1fr);gap:18px}.capture-panel{padding:22px}h1{font-size:40px}.match-panel,.history-panel,.signal-panel{padding:22px}.library-actions{gap:14px}.local-tag{font-size:12px}}@media(max-width:760px){main{padding:0 16px 24px}.topbar{padding:22px 0;margin-bottom:20px}.brand{font-size:17px}.brand small{font-size:10px;letter-spacing:1px}.local-tag{display:none}.workspace{grid-template-columns:1fr}.capture-panel{padding:22px}h1{font-size:36px;margin:22px 0 14px}.intro br{display:none}.capture-help{margin:20px 0}.controls{padding-top:20px}.privacy-note{margin-top:18px;padding-top:16px}.results-panel{gap:16px}.match-panel,.history-panel,.signal-panel{padding:20px}.empty-result{min-height:230px}.items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-card{min-height:155px}.library{padding:20px;margin-top:18px}.library-heading{align-items:flex-start;flex-direction:column;gap:18px}.library-actions{justify-content:space-between;width:100%;flex-wrap:wrap}.library-actions .button{font-size:14px;padding:11px 13px}footer{flex-direction:column;gap:7px}.match-summary h3{font-size:23px}.score{font-size:26px}}
.match-summary .red-alert-label{color:#ef8686;font-weight:600;margin-top:10px}
.popup-toggle{width:100%;margin-top:10px}
.vision-panel{padding:24px 26px}.vision-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.vision-previews figure{margin:0;min-width:0}.vision-previews figcaption{font-size:13px;color:var(--muted);margin-bottom:8px}.vision-image{background:#10151d;min-height:60px;border:1px solid var(--border);border-radius:6px;overflow:hidden}.vision-image canvas{display:block;width:100%;height:auto}.vision-image p{padding:12px;font-size:13px;color:var(--muted);margin:0}@media(max-width:760px){.vision-panel{padding:20px}}
.topbar .local-tag{margin-left:auto}.access{display:flex;align-items:center;gap:14px;margin-left:24px;font-size:14px;color:var(--muted)}@media(max-width:760px){.access{font-size:12px;gap:10px;margin-left:auto}}

/* Capture instructions and compact results. */
.workspace{align-items:start}
.capture-status{margin-bottom:20px}
.alert-help{border-top:1px solid var(--border);padding-top:22px;margin-top:26px}
.alert-help h2{font-size:15px;margin-bottom:14px}
.alert-help p{font-size:14px;line-height:1.55;color:var(--muted);margin:0 0 12px}
.alert-help strong{color:#dce1e9;font-weight:500}
.items-grid{max-height:none;overflow:visible;padding-right:0}
.item-card{min-height:210px}
.item-visual{display:flex;align-items:center;justify-content:center;height:144px;margin-bottom:12px}
.item-inventory{position:relative;width:min(100%,calc(144px * var(--columns) / var(--rows)));height:auto;aspect-ratio:var(--columns) / var(--rows);flex:none;border:1px solid #59616b;background-color:#242931;background-image:linear-gradient(to right,#59616b80 1px,transparent 1px),linear-gradient(to bottom,#59616b80 1px,transparent 1px);background-size:calc(100% / var(--columns)) calc(100% / var(--rows));background-position:-1px -1px}
.item-card .item-inventory img{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:contain;padding:2px;background:color-mix(in srgb,var(--rarity) 12%,transparent)}
.excluded-section{margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}
.excluded-section>h4{font-size:14px;color:var(--muted);font-weight:500;margin:0 0 14px}
.excluded-items .item-card{--rarity:#77818d!important;border-color:#343d4b;background:#171b22;color:#929ba8}
.excluded-items .item-inventory{filter:grayscale(1);opacity:.6}
.excluded-items .price{color:#929ba8}
@media(max-width:420px){.item-card{padding:9px}}