.identification-page{color:#0f172a;min-height:100vh;padding:120px 0 80px}.identification-page main{width:100%;max-width:1100px;margin:0 auto}.identify-hero{text-align:center;margin-bottom:48px;padding:0 24px}.identify-hero .eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#d5ac3a;margin-bottom:12px;font-size:.75rem}.identify-hero h1{margin-bottom:16px;font-size:max(2rem,min(4vw,3rem))}.identify-hero p{color:#475569;max-width:640px;margin:0 auto;line-height:1.6}.identify-support{color:#475569;max-width:700px;margin-top:16px}.identify-support a{color:#b3830d;font-weight:600;text-decoration:underline}.identify-tool{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;display:grid}.identify-panel{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:32px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.panel-actions{flex-shrink:0;gap:8px;display:flex}.panel-head h2{margin:4px 0 0;font-size:1.5rem}.panel-head .eyebrow{color:#d5ac3a;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem}.location-mode-used{color:#64748b;margin:6px 0 0;font-size:.875rem;font-weight:500}.ghost-btn,.primary-btn{cursor:pointer;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.ghost-btn{color:#475569;box-shadow:none;background:#fff}.ghost-btn:hover:not(:disabled){color:#0f172a;background-color:#f1f5f9;border-color:#cbd5e1}.ghost-btn:active:not(:disabled){background-color:#e2e8f0}.ghost-btn:disabled{opacity:.5;cursor:not-allowed;color:#94a3b8;box-shadow:none;background:#f1f5f9}.primary-btn{color:#fff;background:linear-gradient(120deg,#d5ac3a,#b3830d);border:none;width:100%;margin-top:20px}.primary-btn:hover:not(:disabled){filter:brightness(1.1)}.primary-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:#cbd5e1}.drop-zone{cursor:pointer;text-align:center;background:#f8fafc;border:2px solid #94a3b8;border-radius:18px;justify-content:center;align-items:center;min-height:300px;transition:border-color .2s,background .2s;display:flex}.drop-zone[data-has-image=true]{background:#fff;min-height:0}.drop-zone img{object-fit:contain;border-radius:12px;width:100%;height:100%}.drop-zone-placeholder{color:#475569;flex-direction:column;align-items:center;gap:8px;display:flex}.drop-zone-placeholder .placeholder-icon{font-size:2rem}.drop-zone-placeholder span{color:#94a3b8;font-size:.9rem}.preview-stage{width:100%;position:relative}.preview-stage img{border-radius:12px;width:100%;height:auto;display:block}.bbox-layer{position:absolute;inset:0}.bbox-chip{color:#fff;pointer-events:auto;cursor:pointer;background:0 0;border:2px dotted #d5ac3acc;border-radius:12px;justify-content:flex-end;align-items:flex-start;padding:4px 6px;font-size:.85rem;font-weight:600;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;display:inline-flex;position:absolute}.bbox-chip[data-selected=true]{background:#fff6;border-style:solid;border-color:#fff;overflow:hidden;box-shadow:0 15px 35px #0f172a59}.bbox-chip[data-selected=true]:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#fff3,#ffffff1a,#0000);width:100%;height:100%;animation:12s ease-in-out infinite shine;position:absolute;top:0;left:-150%;transform:skew(-20deg)}@keyframes shine{0%{left:-150%}20%,to{left:150%}}.bbox-chip:focus-visible{outline-offset:2px;outline:3px solid #f2d48a}.bbox-chip span{pointer-events:none}.collective-chip{color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;z-index:10;background:#0f172abf;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.7rem;font-weight:700;transition:background .2s;display:flex;position:absolute;bottom:12px;right:12px}.collective-chip-icon{background-color:currentColor;width:14px;height:14px;mask-image:url(/icons/grip-solid-full.svg);mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.collective-chip:hover{background:#0f172ae6}.collective-chip[data-selected=true]{color:#fff;background:#d5ac3a;border-color:#f2d48a}.detection-tooltip{pointer-events:none;z-index:30;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:200px;padding:10px 12px;position:fixed;box-shadow:0 20px 45px #0f172a40}.tooltip-stat{grid-template-columns:auto 1fr 40px;align-items:center;gap:8px;margin-bottom:6px;display:grid}.tooltip-stat-inline{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.tooltip-stat:last-child{margin-bottom:0}.tooltip-stat-label{text-transform:uppercase;letter-spacing:.08em;color:#475569;white-space:nowrap;font-size:.7rem}.tooltip-stat-bar{background:#94a3b833;border-radius:999px;justify-self:end;width:100%;height:6px;position:relative;overflow:hidden}.tooltip-stat-bar[data-tone=green]{background:#22c55e26}.tooltip-stat-bar[data-tone=orange]{background:#f9731626}.tooltip-stat-bar[data-tone=blue]{background:#3b82f626}.tooltip-stat-bar-fill{border-radius:inherit;height:100%;transition:width .1s ease-out}.tooltip-stat-bar-fill[data-tone=green]{background:#16a34a}.tooltip-stat-bar-fill[data-tone=orange]{background:#f97316}.tooltip-stat-bar-fill[data-tone=blue]{background:#3b82f6}.tooltip-stat-value{color:#0f172a;text-align:right;width:40px;font-size:.7rem;font-weight:600}.tooltip-stat-value-text{color:#0f172a;text-transform:capitalize;font-size:.75rem;font-weight:600}.tooltip-crop{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;width:100%;margin-top:8px;position:relative;overflow:hidden}.bbox-hint{color:#475569;text-align:center;margin-top:8px;font-size:.85rem}.mode-toggle{width:100%;margin-top:24px}.location-toggle{margin-top:20px}.mode-toggle-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.mode-toggle-head .eyebrow{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem;font-weight:700}.mode-toggle-options{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;gap:4px;width:100%;padding:4px;display:flex}.mode-option{color:#64748b;text-align:center;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:44px;padding:8px 12px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mode-option[data-active=true]{color:#d5ac3a;background:#fff;box-shadow:0 4px 12px #0f172a14,0 1px 3px #0f172a0a}.mode-option:hover:not([data-active=true]){color:#475569;background:#ffffff80}.mode-option:focus-visible{outline-offset:2px;outline:2px solid #d5ac3a}.toggle-mode-content{flex-direction:row;justify-content:center;align-items:center;gap:8px;display:flex}.toggle-mode-icon{background-color:currentColor;width:18px;height:18px;transition:all .25s;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.icon-current{mask-image:url(/icons/location-dot-solid-full.svg)}.icon-custom{mask-image:url(/icons/map-solid-full.svg)}.icon-none{mask-image:url(/icons/no-location.svg)}.toggle-mode-content{align-items:center;gap:6px;display:flex}.toggle-mode-labels{flex-direction:column;align-items:flex-start;line-height:1;display:flex}.toggle-mode-label{color:inherit;font-size:.85rem;font-weight:600}.location-custom{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:2px;margin-top:12px;padding:8px 8px 2px;display:flex}.compact-search-row{gap:6px;width:100%;display:flex}.compact-search-row input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:1;min-width:0;padding:6px 10px;font-size:.85rem}.location-search-btn-v2{cursor:pointer;background-color:#e2e8f0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.location-search-btn-v2[data-has-text=true]{background-color:#d5ac3a}.location-search-btn-v2 img{filter:brightness(0)invert(.4);width:14px;height:14px}.location-search-btn-v2[data-has-text=true] img{filter:brightness(0)invert()}.compact-coords-row{gap:8px;width:100%;display:flex}.compact-input-group{background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:1;align-items:center;gap:6px;min-width:0;padding:0 8px;display:flex}.mini-label{color:#94a3b8;letter-spacing:.05em;font-size:.65rem;font-weight:800}.compact-input-group input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:6px 0;font-size:.85rem}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}.location-map{background:#fff;border:1px solid #e2e8f0;border-radius:8px;line-height:0;overflow:hidden}.location-map-hint{color:#94a3b8;text-align:center;margin:2px 0 0;font-size:.7rem;line-height:1.2;display:block}.location-error{color:#ef4444;text-align:center;margin-top:4px;font-size:.75rem;font-weight:500}.results-panel{flex-direction:column;height:100%;display:flex}.results-content{flex-direction:column;flex:1;display:flex}.alert{border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:.95rem}.alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.alert.info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.loading-state{text-align:center;color:#64748b;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.loading-indicator{justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex;position:relative}.loading-spinner{border:4px solid #f1f5f9;border-top-color:#d5ac3a;border-radius:50%;animation:1s cubic-bezier(.4,0,.2,1) infinite spin;position:absolute;inset:0}.loading-icon{opacity:.8;filter:grayscale()brightness(.8);width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.loading-state h3{color:#0f172a;margin-bottom:8px;font-size:1.25rem}.loading-state p{color:#64748b;max-width:240px;font-size:.95rem;line-height:1.5}.empty-state{text-align:center;color:#94a3b8;border:2px dashed #e2e8f0;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.results-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.result-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:12px;padding:10px 12px;transition:transform .2s,box-shadow .2s;display:flex}.result-row:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a1a}.result-image-container{border-radius:8px;flex-shrink:0;width:56px;height:56px;overflow:hidden}.result-image-link{width:100%;height:100%;transition:opacity .2s;display:block}.result-image-link:hover{opacity:.8}.result-image{object-fit:cover;width:100%;height:100%;display:block}.result-image-placeholder{opacity:.05}.result-content{flex:1;min-width:0}.result-species-link{color:inherit;text-decoration:none;transition:color .2s}.result-species-link:hover,.result-species-link:hover .result-species{color:#d5ac3a}.result-species{color:#0f172a;margin:0;font-size:1rem;font-weight:600}.result-confidence,.result-bbox{color:#475569;margin-top:2px;font-size:.85rem}.identify-content{border-top:1px solid #e2e8f0;margin-top:80px;padding-top:60px}.content-wrapper{max-width:800px;margin:0 auto;padding:0 24px}.identify-content h2{color:#0f172a;margin-top:40px;margin-bottom:16px;font-size:1.8rem}.identify-content h2:first-child{margin-top:0}.identify-content p{color:#475569;margin-bottom:24px;line-height:1.7}.identify-content ul{color:#475569;margin-bottom:24px;padding-left:20px;list-style:outside}.identify-content li{margin-bottom:12px;line-height:1.6}.identify-content strong{color:#0f172a;font-weight:600}.grouped-toggle{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;display:flex}.toggle-switch{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider-small{cursor:pointer;background-color:#cbd5e1;border-radius:22px;transition:all .3s;position:absolute;inset:0}.toggle-slider-small:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider-small{background:linear-gradient(90deg,#d5ac3a,#b3830d)}.toggle-switch input:checked+.toggle-slider-small:before{transform:translate(18px)}.toggle-switch input:focus+.toggle-slider-small{box-shadow:0 0 0 2px #d5ac3a4d}.toggle-text{color:#475569;font-size:.85rem;font-weight:600}.species-breakdown{border-top:1px dashed #e2e8f0;margin-top:8px;padding-top:8px}.breakdown-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.7rem;font-weight:700;display:block}.breakdown-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.breakdown-item{justify-content:space-between;align-items:center;padding:0;line-height:1;display:flex}.breakdown-species{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:.75rem;font-style:italic;font-weight:500;overflow:hidden}.breakdown-conf{color:#94a3b8;background:#d5ac3a1a;flex-shrink:0;padding:0 6px;font-size:.7rem;font-weight:700;line-height:1;border-radius:0!important}.result-row[data-grouped=true]{border-left:3px solid #d5ac3a}.taxonomy-section{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:24px}.taxonomy-heading{color:#64748b;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:16px;font-size:1rem;font-weight:700;display:flex}.taxonomy-heading:before{content:"";background-color:#d5ac3a;width:16px;height:16px;display:inline-block;mask-image:url(/icons/diagram-predecessor-solid.svg);mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.taxonomy-grid{flex-direction:column;gap:16px;display:flex}.taxonomy-group{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.taxonomy-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:.7rem;font-weight:800;display:block}.taxonomy-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.taxonomy-item{grid-template-columns:1fr auto auto;align-items:center;gap:10px;display:grid}.taxonomy-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-style:italic;font-weight:600;overflow:hidden}.taxonomy-confidence-bar{background:#d5ac3a26;border-radius:999px;width:60px;height:6px;overflow:hidden}.taxonomy-confidence-fill{background:linear-gradient(90deg,#d5ac3a,#b3830d);border-radius:999px;height:100%;transition:width .3s ease-out}.taxonomy-confidence-value{color:#64748b;text-align:right;min-width:36px;font-size:.75rem;font-weight:700}.taxonomy-item:hover .taxonomy-name{color:#d5ac3a}.taxonomy-item:hover .taxonomy-confidence-bar{background:#d5ac3a40}.taxonomy-tree{border-top:1px solid #e2e8f0}.taxonomy-tree-heading{color:#64748b;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:20px;font-size:1rem;font-weight:700;display:flex}.taxonomy-tree-heading:before{content:"";background-color:#d5ac3a;width:16px;height:16px;display:inline-block;mask-image:url(/icons/diagram-predecessor-solid.svg);mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.tree-grid{flex-direction:column;display:flex}.tree-row{min-height:20px;line-height:normal;display:flex}.tree-gutter{flex-direction:column;flex-shrink:0;align-items:center;width:32px;display:flex;position:relative}.tree-line{background:#e2e8f0;width:2px;position:absolute;left:50%;transform:translate(-1px)}.tree-line-up{height:50%;top:0}.tree-line-down{height:50%;top:50%;bottom:0}.tree-dot{z-index:2;background:#d5ac3a;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fff}.tree-content{flex:1;align-items:center;min-height:48px;padding-bottom:0;display:flex}.tree-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;padding-top:4px;font-size:.65rem;font-weight:800;line-height:1}.tree-result-group{flex-direction:column;display:flex}.tree-name-row{align-items:center;gap:16px;line-height:normal;display:flex}.tree-thumb-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.tree-thumb{object-fit:cover;width:100%;height:100%}.tree-thumb-placeholder{opacity:.6;object-fit:contain;width:48px;height:48px}.tree-name{color:#0f172a;font-size:1.1rem;font-weight:650;transition:color .2s}.tree-conf{color:#64748b;background:#d5ac3a1a;padding:0 6px;font-size:.85rem;font-weight:700;line-height:1;border-radius:0!important}.tree-or{display:none}.tree-row-label{min-height:48px}.tree-row-sub-result .tree-name{color:#475569;font-size:.9rem}.tree-row-sub-result .tree-thumb-wrapper{width:28px;height:28px}.tree-row-sub-result .tree-thumb-placeholder{width:18px;height:18px}.tree-line-group{background:#cbd5e1}.tree-subline{border-bottom:2px solid #cbd5e1;border-left:2px solid #cbd5e1;border-bottom-left-radius:8px;width:24px;position:absolute;top:0;bottom:50%;left:50%;transform:translate(-1px)}.tree-group-action{user-select:none;align-items:center;gap:12px;padding:4px 0;display:flex}.tree-action-text{color:#64748b;text-transform:uppercase;letter-spacing:.025em;font-size:.85rem;font-weight:700;transition:color .2s}.tree-row-group-trigger:hover .tree-action-text,.tree-row-group-footer:hover .tree-action-text{color:#3b82f6}.tree-chevron{border-top:2px solid;border-left:2px solid;width:6px;height:6px;margin-top:-2px;transition:transform .2s}.tree-row-group-trigger .tree-chevron{transform:rotate(-135deg)}.tree-row-group-footer .tree-chevron{transform:rotate(45deg)}.tree-row-sub-result .tree-content,.tree-row-group-trigger .tree-content,.tree-row-group-footer .tree-content{margin-left:14px}.debug-toggle{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #fbbf24;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:8px 12px;display:flex}.debug-toggle-label{color:#92400e;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.debug-toggle .toggle-switch{width:36px;height:20px}.debug-toggle .toggle-slider-small:before{width:14px;height:14px}.debug-toggle .toggle-switch input:checked+.toggle-slider-small:before{transform:translate(16px)}@media (width<=768px){.identification-page{padding-top:100px}.panel-head,.mode-toggle-head{flex-direction:column;align-items:flex-start}.bbox-hint{text-align:left}.taxonomy-item{grid-template-columns:1fr auto;gap:8px}.taxonomy-confidence-bar{display:none}}