:root{color:#eef2f6;font-synthesis:none;--bg:#0b0d10;--panel:#12161b;--panel2:#171c22;--line:#252b33;--text:#eef2f6;--muted:#98a2ad;--blue:#60a5fa;--green:#3ddc97;--yellow:#f6c85f;--red:#ff6b6b;--radius:18px;background:#0b0d10;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-width:320px;min-height:100%;color:var(--text);margin:0}body{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.app-shell{min-height:100vh}.sidebar{display:none}.main{padding:calc(18px + env(safe-area-inset-top)) 16px calc(92px + env(safe-area-inset-bottom));max-width:1180px;margin:auto}.bottom-nav{z-index:20;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0d10f5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button,.sidebar nav button{color:var(--muted);background:0 0;border:0;border-radius:12px;min-height:48px}.bottom-nav button{flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;display:flex}.bottom-nav button.active,.sidebar nav button.active{color:var(--text);background:var(--panel2)}.icon{font-size:18px}.page{width:100%}.hero{padding:22px 2px 18px}.eyebrow{letter-spacing:.12em;color:var(--muted);font-size:11px;font-weight:800}h1{letter-spacing:-.04em;margin:6px 0 8px;font-size:clamp(30px,8vw,48px)}h2,h3,p{margin-top:0}.hero p,.page-head p{color:var(--muted);margin-bottom:0}.tool-grid{gap:14px;display:grid}.tool-card{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel2),var(--panel));color:var(--text);flex-direction:column;gap:18px;min-height:210px;padding:20px;transition:transform .18s,border-color .18s;display:flex;position:relative}.tool-card:hover{border-color:#3a434e;transform:translateY(-2px)}.tool-card h2{margin:0 0 5px}.tool-card p{color:var(--muted);margin:0}.tool-icon{font-size:30px}.tool-meta{flex-wrap:wrap;gap:8px;display:flex}.tool-meta span,.tags span,.facts span{color:var(--muted);border:1px solid var(--line);background:#0e1115;border-radius:999px;padding:7px 9px;font-size:12px}.quick-field{border:1px solid var(--line);color:var(--muted);background:#0d1014;border-radius:12px;justify-content:space-between;padding:12px;display:flex}.open{color:#dce8f8;margin-top:auto;font-weight:700}.overview{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:16px;display:flex}.overview>div{align-items:center;gap:10px;display:flex}.overview strong,.overview span{display:block}.overview span{color:var(--muted);font-size:13px}.overview button,.secondary,.actions button,.list-item button,.settings-actions button,.toolbar button,.state-box button,.search-terms button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:11px;padding:10px 12px}.page-head{justify-content:space-between;align-items:flex-start;gap:20px;margin:14px 0 20px;display:flex}.page-head h1{margin-top:5px}.mock-badge{color:var(--yellow);background:#211c0d;border:1px solid #68551d;border-radius:999px;max-width:330px;padding:8px 10px;font-size:11px}.back{color:var(--muted);background:0 0;border:0;padding:4px 0 8px}.search-panel,.upload-panel,.url-form,.detail-card,.settings-card,.state-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.search-box textarea,.url-form input,.toolbar input,.toolbar select,.filter-grid input,.filter-grid select{width:100%;color:var(--text);border:1px solid var(--line);background:#0d1014;border-radius:12px;padding:13px}.search-box textarea{resize:vertical;min-height:104px}.filter-section{margin-top:18px}.filter-section>span{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);background:#0e1115;border-radius:999px;padding:8px 11px}.chip.active{color:#fff;background:#152437;border-color:#466d9d}.filter-grid{gap:10px;margin-top:18px;display:grid}.filter-grid label{color:var(--muted);font-size:12px}.filter-grid select,.filter-grid input{margin-top:6px}.checks{color:var(--muted);flex-wrap:wrap;gap:14px;margin:16px 0;font-size:13px;display:flex}.primary{color:#0b0d10;background:#e9eef5;border:0;border-radius:12px;min-height:46px;padding:13px 17px;font-weight:800}.primary:disabled{opacity:.55}.results{gap:14px;margin-top:16px;display:grid}.result-card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);overflow:hidden}.anime-result{display:grid}.cover-placeholder{background:#191f26;place-items:center;min-height:150px;font-size:42px;display:grid}.result-body{padding:16px}.result-top{justify-content:space-between;gap:10px;display:flex}.mini,.alt,.source-row small{color:var(--muted);font-size:12px}.result-top h2{margin:4px 0}.power{white-space:nowrap;color:var(--yellow);font-size:12px}.tags,.facts{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.why{border-left:3px solid var(--blue);background:#0e1216;border-radius:10px;margin:14px 0;padding:12px}.why strong{font-size:11px}.why p{color:#cbd4de;margin:5px 0 0}.source-row{color:var(--muted);gap:4px;font-size:12px;display:grid}.actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.actions button.active{background:#152437;border-color:#496f9d}.danger-ghost{color:#ff9d9d!important;border-color:#573232!important}.skeleton-list{gap:12px;display:grid}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#13171c,#20262d,#13171c) 0 0/200% 100%;height:120px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.state-box{text-align:center;padding:28px}.state-box p{color:var(--muted)}.upload-panel{gap:12px;display:grid}.drop-zone{min-height:250px;color:var(--text);background:#0e1115;border:1px dashed #3a434e;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.drop-zone span,.drop-zone small{color:var(--muted)}.drop-icon{font-size:34px!important}.preview-wrap{gap:10px;display:grid}.preview-wrap img{object-fit:contain;background:#050607;border-radius:12px;width:100%;max-height:420px}.detail-card{margin-top:16px}.confidence-head,.product-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.confidence{text-align:center;border:1px solid var(--line);border-radius:14px;min-width:80px;padding:10px}.confidence strong,.confidence span{display:block}.confidence span{color:var(--muted);font-size:11px}.chigh{border-color:#256849}.cmid{border-color:#75611f}.clow{border-color:#743b3b}.detail-grid{gap:12px;display:grid}.detail-card section{margin-top:18px}.detail-card h3{margin-bottom:7px;font-size:14px}.detail-card p,.detail-card li{color:#c3ccd6}.search-terms code{border:1px solid var(--line);overflow-wrap:anywhere;background:#0a0d10;border-radius:9px;margin:6px 0;padding:10px;display:block}.url-form{grid-template-columns:1fr;gap:10px;display:grid}.product-image{background:#0d1115;border-radius:14px;flex:none;place-items:center;width:82px;height:82px;font-size:30px;display:grid}.compat,.verdict{border-radius:13px;padding:14px}.compat.uncertain,.verdict.warning{background:#211c0e;border:1px solid #64531f}.compat.confirmed,.verdict.positive{background:#0f2118;border:1px solid #255f42}.compat.incompatible,.verdict.negative{background:#261313;border:1px solid #6a3030}.verdict h2{margin:5px 0}.toolbar{grid-template-columns:1fr 150px;gap:10px;margin-bottom:14px;display:grid}.list{gap:9px;display:grid}.list-item{background:var(--panel);border:1px solid var(--line);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.list-item span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.list-icon{background:#0e1115;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.list-actions{gap:6px;display:flex}.section-title{margin:20px 0 10px;font-size:15px}.settings-stack{gap:12px;display:grid}.settings-card p{color:var(--muted)}.segmented,.settings-actions{flex-wrap:wrap;gap:8px;display:flex}.segmented button{border:1px solid var(--line);color:var(--muted);background:#0e1115;border-radius:10px;padding:10px 14px}.segmented button.active{color:var(--text);background:#152437;border-color:#4a6f99}.toast{z-index:50;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));color:#0b0d10;background:#eef2f6;border-radius:999px;padding:10px 14px;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0008}.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}[data-theme=light]{--bg:#f4f6f8;--panel:#fff;--panel2:#f1f4f7;--line:#dfe4ea;--text:#11161c;--muted:#66717d}.mode-pill{color:var(--muted);font-size:11px}@media (min-width:700px){.filter-grid,.detail-grid{grid-template-columns:repeat(2,1fr)}.anime-result{grid-template-columns:170px 1fr}.url-form{grid-template-columns:1fr auto}.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-card:first-child{grid-column:span 2}}@media (min-width:1024px){.app-shell{grid-template-columns:240px 1fr;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;height:100vh;padding:24px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:0 8px 24px;display:flex}.brand-mark{background:var(--panel2);border:1px solid var(--line);border-radius:11px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand span{color:var(--muted);font-size:11px;display:block}.sidebar nav{gap:5px;display:grid}.sidebar nav button{text-align:left;align-items:center;gap:10px;padding:0 12px;display:flex}.mode-pill{margin-top:auto;padding:12px}.bottom-nav{display:none}.main{width:100%;padding:36px 34px 60px}.tool-grid{grid-template-columns:repeat(3,1fr)}.tool-card:first-child{grid-column:auto}.toast{bottom:30px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:430px){.page-head{display:block}.mock-badge{margin-top:12px;display:inline-block}.toolbar{grid-template-columns:1fr}.confidence-head,.product-head{align-items:flex-start}.product-head{flex-direction:column}.actions button{flex:44%}}.list-main{color:var(--text);text-align:left;background:0 0;border:0;min-width:0;padding:0}.modal-backdrop{z-index:60;background:#000a;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.saved-modal{background:var(--panel);border:1px solid var(--line);width:min(680px,100%);max-height:82vh;margin-bottom:env(safe-area-inset-bottom);border-radius:20px;padding:18px;overflow:auto}.modal-head{justify-content:space-between;gap:16px;display:flex}.modal-head button{border:1px solid var(--line);background:var(--panel2);width:40px;height:40px;color:var(--text);border-radius:10px;font-size:24px}.modal-head small{color:var(--muted)}@media (min-width:700px){.modal-backdrop{place-items:center}.saved-modal{margin:0}}