main { max-width: var(--content-max-width, 1280px); margin: 0 auto; padding: 36px 24px; text-align: center; }
  .identify-inner { max-width: var(--content-narrow-form, 540px); margin: 0 auto; }
  .hero-label { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: var(--muted); margin-bottom: 6px; }
  h1 { font-size: 24px; font-weight: 600; letter-spacing: -.5px; margin-bottom: 8px; }
  .sub { color: var(--muted); font-size: 14px; margin-bottom: 28px; }

  .upload-area {
    border: 2px dashed var(--border2);
    border-radius: 20px;
    padding: 40px 24px;
    cursor: pointer;
    transition: .2s;
    background: var(--surface);
    margin-bottom: 20px;
  }
  .upload-area:hover { border-color: var(--brass); background: var(--brass-l); }
  .upload-area.has-image { border-style: solid; border-color: var(--brass); padding: 12px; }
  .upload-icon { font-size: 48px; margin-bottom: 12px; opacity: .5; }
  .upload-text { font-size: 14px; color: var(--muted); }
  .upload-text strong { color: var(--text); }
  #previewImg { max-width: 100%; max-height: 280px; border-radius: 12px; display: none; }

  .identify-btn { width: 100%; margin-bottom: 20px; }

  .result-card { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 24px; text-align: left; display: none; margin-bottom: 20px; }
  .result-card.visible { display: block; }
  .rc-status { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .8px; margin-bottom: 12px; }
  .rc-status.found { color: var(--green); }
  .rc-status.partial { color: var(--brass); }
  .rc-status.fail { color: var(--red); }
  .rc-name { font-size: 20px; font-weight: 600; margin-bottom: 4px; }
  .rc-conf { font-size: 13px; color: var(--muted); margin-bottom: 12px; }
  .rc-conf-bar { height: 6px; background: var(--faint); border-radius: 3px; overflow: hidden; margin-bottom: 16px; }
  .rc-conf-fill { height: 100%; border-radius: 3px; background: var(--green); }
  .rc-reasoning { font-size: 13px; color: var(--muted); font-style: italic; margin-bottom: 16px; }
  .rc-actions { display: flex; gap: 10px; }

  .feedback-area { margin-top: 16px; display: none; }
  .feedback-area.visible { display: block; }
  .fb-question { font-size: 13px; margin-bottom: 10px; }
  .fb-btns { display: flex; gap: 8px; justify-content: center; }
  .fb-success { color: var(--green); font-size: 13px; font-weight: 500; display: none; }

  .auth-notice { color: var(--muted); font-size: 13px; margin-top: 20px; }
  .auth-notice a { color: var(--brass); }