:root{color:#1b1813;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#ece6d6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button{letter-spacing:0;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline-offset:2px;outline:3px solid #a8442a66}.app-shell{color:#1b1813;background:#ece6d6;min-height:100vh}.topbar{z-index:20;background:#1b1813;justify-content:space-between;align-items:center;gap:24px;padding:18px 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand-mark{color:#f4efe3;background:#a8442a;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 4px 16px #a8442a70}.brand h1,.brand p,.active-card h2,.active-card p,.results-head h2,.result-card h3{margin:0}.brand h1{letter-spacing:-.3px;color:#f4efe3;font-size:22px;font-weight:760;line-height:1.05}.brand p{color:#574b3d;margin-top:3px;font-size:13.5px}.accuracy-pill{color:#897864;white-space:nowrap;background:#f4efe30f;border:1px solid #f4efe324;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.workspace{grid-template-columns:minmax(320px,390px) minmax(0,1fr);min-height:calc(100vh - 82px);display:grid}.control-panel{background:#1b1813;border-right:1px solid #2a2218;flex-direction:column;gap:18px;padding:22px;display:flex}.filter-head,.eyebrow{color:#574b3d;text-transform:uppercase;letter-spacing:.07em;font-size:11.5px;font-weight:800;line-height:1}.main-panel .eyebrow{color:#897864}.icon-button{color:#897864;cursor:pointer;background:#221d17;border:1px solid #2e2820;border-radius:8px;place-items:center;width:34px;height:34px;transition:border-color .14s;display:inline-grid}.icon-button:hover{border-color:#a8442a}.category-grid button{color:#897864;cursor:pointer;font:inherit;background:#221d17;border:1px solid #2e2820;border-radius:10px;min-height:40px;padding:8px;font-size:13px;font-weight:700;transition:border-color .14s,color .14s,background .14s}.category-grid button:hover{color:#d9a090;border-color:#a8442a}.category-grid button.selected{color:#c8d8ec;background:#1f3a5f;border-color:#2a4e7a}.upload-zone:hover{border-color:#a8442a}.photo-panel{background:#221d17;border:1px solid #2a2218;border-radius:12px;padding:14px;box-shadow:0 4px 20px #00000047}.photo-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px;display:flex}.photo-head h2{color:#f4efe3;margin:5px 0 0;font-size:17px;font-weight:740;line-height:1.15}.upload-zone{color:#574b3d;cursor:pointer;background:#181410;border:1.5px dashed #332a20;border-radius:10px;place-items:center;min-height:124px;transition:border-color .14s,background .14s;display:grid;overflow:hidden}.upload-zone.dragging{color:#d9a090;background:#a8442a14;border-color:#a8442a;box-shadow:inset 0 0 0 1px #a8442a2e}.upload-zone.has-image{background:#0f0c09;border-style:solid;min-height:0}.upload-zone input{display:none}.upload-preview{width:100%;display:block;position:relative}.upload-zone img{object-fit:cover;width:100%;max-height:230px;display:block}.analysis-overlay{color:#f4efe3;background:#0a080594;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.scan-line{background:linear-gradient(90deg,#0000,#a8442acc,#0000);height:3px;animation:1.35s ease-in-out infinite scan-photo;position:absolute;inset-inline:0;box-shadow:0 0 18px #a8442a99}.analysis-badge{z-index:1;color:#f4efe3;text-align:center;background:#14100ae6;border:1px solid #f4efe333;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 28px);padding:9px 11px;font-size:12px;font-weight:850;display:inline-flex;position:relative}.upload-empty{align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.photo-status{color:#574b3d;background:#ffffff0a;border-radius:8px;align-items:flex-start;gap:8px;margin-top:10px;padding:10px;font-size:13px;line-height:1.35;display:flex}.photo-status svg{flex:none;margin-top:1px}.photo-status.gps{color:#7acf8a;background:#50b4641a}.photo-status.nogps{color:#c89070;background:#a8442a1a}.photo-status.error{color:#e87870;background:#dc50461a}.photo-status.setup{color:#c89070;background:#a8442a1a}.photo-status.setup.offline{color:#e87870;background:#dc50461a}.submit-photo{color:#f4efe3;cursor:pointer;width:100%;min-height:44px;font:inherit;letter-spacing:.01em;background:#a8442a;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:14px;font-weight:850;transition:opacity .16s,box-shadow .16s;display:inline-flex;box-shadow:0 4px 20px #a8442a66,0 1px 3px #0003}.submit-photo:hover:not(:disabled){opacity:.9;box-shadow:0 6px 26px #a8442a85,0 1px 3px #0003}.submit-photo:disabled{cursor:not-allowed;opacity:.32}.submit-photo svg,.analysis-badge svg,.analysis-steps svg{animation:.9s linear infinite spin}.vision-evidence{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.vision-evidence span{color:#897864;background:#f4efe30d;border:1px solid #f4efe31f;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:800;line-height:1}.search-trail{color:#574b3d;background:#181410;border:1px solid #2a2218;border-radius:8px;margin-top:10px;padding:10px;font-size:13px;line-height:1.4}.search-trail p{margin:6px 0 0}.search-trail-head{color:#897864;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:11px;font-weight:850;display:flex}.filter-head{align-items:center;gap:8px;margin-top:2px;display:flex}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.active-card{background:#221d17;border:1px solid #2a2218;border-radius:12px;margin-top:auto;padding:18px;box-shadow:0 4px 16px #0000003d}.active-meta{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.active-meta span,.category,.freshness,.signature-list span{border-radius:999px;align-items:center;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.active-meta span{color:#897864;background:#2e2820;padding:6px 8px}.active-card h2{color:#f4efe3;letter-spacing:-.3px;font-size:24px;font-weight:760;line-height:1.1}.active-card p{color:#574b3d;margin-top:10px;font-size:14px;line-height:1.45}.action-row,.card-links{flex-wrap:wrap;gap:10px;display:flex}.action-row{margin-top:16px}.action-row a,.card-links a{border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:34px;font-weight:800;text-decoration:none;display:inline-flex}.action-row a{color:#897864;border:1px solid #2e2820;padding:0 12px}.main-panel{min-width:0;padding:22px}.answer-panel{background:#f4efe3;border:1px solid #d9cfb8;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;padding:18px 22px;display:flex;box-shadow:0 2px 8px #1b18130a,0 14px 32px #1b18130f}.answer-copy{min-width:0}.answer-copy h2,.answer-copy p{margin:0}.answer-copy h2{color:#1b1813;letter-spacing:-.4px;margin-top:7px;font-size:28px;font-weight:760;line-height:1.08}.answer-copy p{color:#574b3d;margin-top:8px;font-size:14px;line-height:1.4}.answer-score{text-align:right;flex:none;min-width:82px}.answer-score span{color:#897864;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:850;display:block}.answer-score strong{color:#1b1813;margin-top:4px;font-size:32px;font-weight:760;line-height:1;display:block}.provider-warning{color:#6b3020;background:#a8442a0f;border:1px solid #a8442a38;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:13px;line-height:1.35;display:flex}.provider-warning svg{flex:none;margin-top:1px}.results-head{justify-content:space-between;align-items:end;gap:18px;margin:24px 0 14px;display:flex}.results-head h2{color:#1b1813;letter-spacing:-.3px;margin-top:7px;font-size:25px;font-weight:760;line-height:1.15}.freshness{color:#574b3d;white-space:nowrap;background:#e6decb;border:1px solid #d9cfb8;padding:8px 10px}.guess-disclaimer{color:#574b3d;margin:-6px 0 14px;font-size:13px;line-height:1.4}.results-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.result-card{cursor:pointer;background:#f4efe3;border:1px solid #d9cfb8;border-radius:12px;min-width:0;padding:16px;transition:border-color .16s,transform .16s,box-shadow .16s;box-shadow:0 2px 8px #1b18130a,0 10px 26px #1b18130d}.result-card:hover,.result-card.active{border-color:#a8442a;transform:translateY(-1px);box-shadow:0 4px 12px #1b18130f,0 16px 32px #a8442a1a}.result-card.feedback-correct{border-color:#f4a9ca;box-shadow:0 4px 14px #e548891a,0 16px 32px #e5488914}.result-card.feedback-incorrect{border-color:#e0b7bf}.result-top{justify-content:space-between;align-items:start;gap:12px;display:flex}.category{color:#a8442a;background:#a8442a14;border:1px solid #a8442a2e;padding:6px 8px}.result-card h3{color:#1b1813;letter-spacing:-.2px;margin-top:9px;font-size:19px;font-weight:760;line-height:1.15}.score{text-align:right;flex:none}.score span{color:#897864;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800;display:block}.score strong{color:#1b1813;margin-top:3px;font-size:24px;font-weight:760;line-height:1.05;display:block}.address{color:#897864;align-items:center;gap:6px;margin:13px 0 0;font-size:13px;line-height:1.35;display:flex}.address svg{flex:none}.signature-list{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.signature-list span{color:#574b3d;background:#e6decb;border:1px solid #d9cfb8;padding:6px 8px}.feedback-panel{background:#1f3a5f0a;border:1px solid #1f3a5f24;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:10px;display:flex}.feedback-panel>span{color:#574b3d;min-width:0;font-size:12px;font-weight:850}.feedback-buttons{flex:none;align-items:center;gap:8px;display:inline-flex}.heart-button{cursor:pointer;background:#f4efe3;border:1px solid #d9cfb8;border-radius:999px;place-items:center;width:38px;height:34px;font-size:19px;line-height:1;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-grid}.heart-button:hover:not(:disabled){border-color:#df6fa3;transform:translateY(-1px)scale(1.04);box-shadow:0 8px 18px #df6fa32e}.heart-button:disabled{cursor:wait;opacity:.72}.heart-correct.selected{background:#ffe4f1;border-color:#e54889;animation:.42s cubic-bezier(.2,.85,.25,1.2) heart-pop;box-shadow:0 10px 20px #e5488933}.heart-wrong.selected{background:#fff0f3;border-color:#c45a70}.heart-wrong.broken span{animation:.62s both heart-break;display:inline-block;transform:rotate(-8deg)translateY(1px)}.undo-feedback{color:#574b3d;cursor:pointer;min-height:34px;font:inherit;background:#f4efe3;border:1px solid #d9cfb8;border-radius:999px;padding:0 10px;font-size:12px;font-weight:850}.undo-feedback:hover:not(:disabled){background:#ece6d6;border-color:#a8442a}.undo-feedback:disabled{cursor:wait;opacity:.72}.reason-list{color:#574b3d;margin:14px 0 0;padding-left:18px;font-size:13px;line-height:1.4}.reason-list li+li{margin-top:5px}.reason-heading{color:#1b1813;margin-left:-18px;font-weight:850;list-style:none}.evidence-sources{border-top:1px solid #d9cfb8;gap:7px;margin-top:14px;padding-top:12px;display:grid}.evidence-sources span{color:#897864;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:850;line-height:1}.evidence-sources a{color:#a8442a;align-items:center;gap:5px;width:fit-content;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.card-links{margin-top:14px}.card-links a{color:#a8442a;min-height:28px;font-size:13px}.waiting-results{color:#574b3d;text-align:center;background:#f4efe3;border:1px solid #d9cfb8;border-radius:12px;place-items:center;min-height:260px;padding:28px;display:grid}.analysis-panel{color:#574b3d;text-align:center;background:linear-gradient(135deg,#f4efe3,#ece6d6);border:1px solid #d9cfb8;border-radius:12px;place-items:center;min-height:260px;padding:28px;display:grid;position:relative;overflow:hidden}.analysis-panel:before{content:"";background:linear-gradient(90deg,#0000,#a8442a0f,#0000);animation:1.8s ease-in-out infinite sweep-panel;position:absolute;inset:0;transform:translate(-100%)}.analysis-panel>*{z-index:1;position:relative}.analysis-orbit{color:#a8442a;background:#f4efe3;border:1px solid #d9cfb8;border-radius:999px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 12px 26px #1b181314}.analysis-panel h3{color:#1b1813;letter-spacing:-.3px;margin:14px 0 6px;font-size:22px;font-weight:760;line-height:1.15}.analysis-panel p{max-width:560px;margin:0;font-size:14px;line-height:1.45}.analysis-steps{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.analysis-steps span{color:#a8442a;background:#a8442a0f;border:1px solid #a8442a33;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:800;display:inline-flex}.waiting-results svg{color:#a8442a}.waiting-results h3{color:#1b1813;letter-spacing:-.3px;margin:12px 0 6px;font-size:22px;font-weight:760;line-height:1.15}.waiting-results p{max-width:560px;margin:0;font-size:14px;line-height:1.45}@media (width<=1180px){.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.topbar{flex-direction:column;align-items:flex-start;padding:18px}.accuracy-pill{white-space:normal}.workspace{grid-template-columns:1fr}.control-panel{border-bottom:1px solid #2a2218;border-right:0}.active-card{margin-top:0}.main-panel{padding:16px}.results-head{flex-direction:column;align-items:flex-start}.answer-panel{flex-direction:column}.answer-score{text-align:left}.freshness{white-space:normal}}@media (width<=560px){.brand{align-items:flex-start}.brand h1{font-size:20px}.brand p{font-size:13px}.control-panel{padding:16px}.category-grid,.results-grid{grid-template-columns:1fr}.result-top{align-items:flex-start}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan-photo{0%{opacity:0;transform:translateY(-120px)}20%,80%{opacity:1}to{opacity:0;transform:translateY(120px)}}@keyframes heart-pop{0%{transform:scale(.82)}55%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes heart-break{0%{filter:drop-shadow(0 0 #c45a7000);transform:scale(1)rotate(0)}35%{filter:drop-shadow(0 6px 8px #c45a703d);transform:scale(1.2)rotate(7deg)}68%{transform:translate(-2px)rotate(-13deg)}to{filter:drop-shadow(0 4px 4px #c45a7024);transform:translate(0)rotate(-8deg)translateY(1px)}}@keyframes sweep-panel{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}