:root{--tra-header-green: #174b34;--tra-header-green-deep: #123c2b;--tra-page-bg: #f5efe5;--tra-card-bg: #fffdf8;--tra-card-alt: #f0f4e9;--tra-text-primary: #123e2d;--tra-text-secondary: #667068;--tra-complete: #2f7d4d;--tra-incomplete: #d58a18;--tra-danger: #b94b3e;--tra-border: #e4ded3;--tra-radius-sm: 14px;--tra-radius-md: 20px;--tra-radius-lg: 24px;--tra-shadow-card: 0 10px 24px rgba(50, 43, 32, .11), 0 2px 5px rgba(50, 43, 32, .06)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--tra-page-bg);color:var(--tra-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang HK,Microsoft JhengHei,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,a,[role=button],label{-webkit-tap-highlight-color:transparent}.app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:var(--tra-page-bg);color:var(--tra-text-primary)}button{font:inherit;border:none;background:transparent;cursor:pointer;color:inherit}.content{padding:12px 16px 16px;display:flex;flex-direction:column;gap:14px;position:relative}.muted{color:var(--tra-text-secondary);font-size:13px}.empty{text-align:center;padding:28px 0}.app-header{background:var(--tra-header-green);color:#fff;padding:18px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.app-header .brand-zh{font-size:18px;font-weight:700;letter-spacing:.5px}.app-header .brand-en{font-size:11px;opacity:.82;letter-spacing:1px}.version-pill{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:999px;background:#ffffff29;color:#fff;font-size:11px;font-weight:600;line-height:1.4}.header-signout{color:#fff;font-size:13px;text-decoration:underline;opacity:.9;flex:0 0 auto}.form-card{background:var(--tra-card-bg);border:1px solid var(--tra-border);border-radius:var(--tra-radius-md);box-shadow:var(--tra-shadow-card);padding:16px}.form-card h2,.form-card h3{margin:0 0 12px;font-size:16px}label{display:block;font-size:13px;color:var(--tra-text-secondary);margin:6px 0}input[type=email],input[type=password],input[type=text],.form-card input{width:100%;padding:12px 14px;border:1px solid var(--tra-border);border-radius:var(--tra-radius-sm);font-size:16px;background:#fff;color:var(--tra-text-primary)}.primary{background:var(--tra-header-green);color:#fff;border-radius:var(--tra-radius-sm);padding:13px 16px;font-weight:600;font-size:16px;width:100%}.primary:disabled{opacity:.5}.card{background:var(--tra-card-bg);border:1px solid var(--tra-border);border-radius:var(--tra-radius-md);box-shadow:var(--tra-shadow-card);padding:16px}.status{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;padding:8px 12px;border-radius:var(--tra-radius-sm)}.status.attn{background:#b94b3e1f;color:var(--tra-danger)}.status.ok{background:#2f7d4d1f;color:var(--tra-complete)}.config-warning{background:#b94b3e1a;border:1px solid var(--tra-danger);color:var(--tra-danger);border-radius:var(--tra-radius-sm);padding:12px;font-size:13px}.list-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.primary.compact{width:auto;padding:9px 14px;font-size:14px}.ghost{background:var(--tra-card-alt);color:var(--tra-text-secondary);border-radius:var(--tra-radius-sm);padding:11px 14px;font-weight:600}.row-actions{display:flex;gap:10px;justify-content:flex-end}.link-btn{color:var(--tra-header-green);font-weight:600;font-size:14px;padding:4px 0}.report-list{display:flex;flex-direction:column;gap:10px}.report-row{display:flex;align-items:center;gap:10px;padding:12px 14px}.report-open{flex:1;text-align:left;display:flex;flex-direction:column;gap:3px;min-width:0}.report-title{font-weight:700;font-size:15px;color:var(--tra-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-meta{font-size:12px}.report-del{flex:0 0 auto;width:32px;height:32px;border-radius:999px;color:var(--tra-danger);background:#b94b3e1a;font-size:14px;font-weight:700}.field{margin:0 0 12px}.field:last-child{margin-bottom:0}.lbl-en{color:var(--tra-text-primary);font-weight:600}.lbl-zh{color:var(--tra-text-secondary)}select,textarea,.form-card select,.form-card textarea{width:100%;padding:12px 14px;border:1px solid var(--tra-border);border-radius:var(--tra-radius-sm);font-size:16px;background:#fff;color:var(--tra-text-primary);font-family:inherit}textarea{resize:vertical}.checks{display:flex;flex-direction:column;gap:8px}.check{display:flex;align-items:flex-start;gap:8px;font-size:14px;margin:0;color:var(--tra-text-primary)}.check input[type=checkbox]{width:18px;height:18px;margin:1px 0 0;flex:0 0 auto;accent-color:var(--tra-header-green)}.hint{font-weight:400;color:var(--tra-complete);font-size:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-card h3{margin:0 0 12px;font-size:15px;color:var(--tra-text-primary)}.form-card+.form-card{margin-top:0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--tra-border);background:var(--tra-card-alt);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600;color:var(--tra-text-primary)}.chip-sci{font-style:italic;font-weight:400;color:var(--tra-text-secondary);font-size:12px}.seg{display:flex;gap:8px}.seg-btn{flex:1;border:1px solid var(--tra-border);background:#fff;border-radius:var(--tra-radius-sm);padding:11px 6px;font-weight:600;font-size:14px;color:var(--tra-text-secondary)}.seg-btn.on{background:var(--tra-header-green);color:#fff;border-color:var(--tra-header-green)}.triage-row{display:flex;flex-wrap:wrap;gap:8px}.triage-chip{border:2px solid transparent;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700;opacity:.75}.triage-chip.on{opacity:1;border-color:var(--tra-text-primary);box-shadow:0 0 0 2px #fff inset}.tree-list{display:flex;flex-direction:column;gap:8px}.tree-row{display:flex;align-items:center;gap:8px;border:1px solid var(--tra-border);border-radius:var(--tra-radius-sm);padding:10px 12px;background:#fff}.tree-open{flex:1;display:flex;align-items:center;gap:10px;text-align:left;min-width:0}.tree-no{font-weight:700;font-size:14px;color:var(--tra-text-primary);flex:0 0 auto}.tree-species{flex:1;font-size:13px;color:var(--tra-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-dbh{flex:0 0 auto;font-size:12px}.triage-dot{flex:0 0 auto;width:16px;height:16px;border-radius:999px;border:1px solid rgba(0,0,0,.15)}.group-list{display:flex;flex-direction:column;gap:12px;margin-top:10px}.group-row{border:1px solid var(--tra-border);border-radius:var(--tra-radius-sm);padding:12px;background:var(--tra-card-alt);display:flex;flex-direction:column;gap:8px}.ghost.danger{color:var(--tra-danger);background:#b94b3e1a}.chip.chip-on,.chip-on{background:var(--tra-header-green);color:#fff;border-color:var(--tra-header-green)}.cam-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:flex;flex-direction:column}.cam-picker{margin:auto;width:100%;max-width:460px;padding:20px;color:#fff}.cam-picker h3{margin:0 0 14px}.cam-cat-list{display:flex;flex-direction:column;gap:10px}.cam-cat{border:1px solid rgba(255,255,255,.35);background:#ffffff0f;color:#fff;border-radius:var(--tra-radius-sm);padding:14px;font-size:16px;font-weight:600;text-align:left}.cam-cat.on{background:var(--tra-header-green);border-color:var(--tra-header-green)}.cam-picker-actions{display:flex;gap:10px;margin-top:18px}.cam-picker-actions .primary,.cam-picker-actions .ghost{flex:1}.cam-stage{position:relative;flex:1}.cam-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cam-controls{position:absolute;left:0;right:0;bottom:0;padding:20px calc(20px + env(safe-area-inset-left,0)) calc(28px + env(safe-area-inset-bottom,0));display:flex;align-items:center;justify-content:space-between}.cam-shutter{width:74px;height:74px;border-radius:999px;background:#fff;border:5px solid rgba(255,255,255,.5);box-shadow:0 2px 10px #00000080}.cam-shutter:active{transform:scale(.94)}.cam-cancel{color:#fff;font-size:16px;font-weight:600;padding:10px;min-width:64px;text-align:left}.cam-cat-badge{color:#fff;font-size:13px;font-weight:700;min-width:64px;text-align:right;text-transform:capitalize;opacity:.9}.cam-err{position:absolute;top:16px;left:16px;right:16px;background:#b94b3ee6;color:#fff;padding:10px 14px;border-radius:var(--tra-radius-sm);font-size:14px;text-align:center}.cam-preview{flex:1;display:flex;flex-direction:column;background:#000;overflow:auto}.cam-preview-img{width:100%;max-height:52vh;object-fit:contain;background:#000}.anno{display:flex;flex-direction:column;background:#000}.anno-stage{position:relative;width:100%;line-height:0}.anno-img{display:block;width:100%;height:auto;max-height:56vh;object-fit:contain;background:#000}.anno-canvas{position:absolute;top:0;left:0}.anno-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.anno-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px calc(8px + env(safe-area-inset-left,0));background:#1a1a1a}.anno-tool{display:inline-flex;align-items:center;gap:5px;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600}.anno-tool.on{background:var(--tra-danger);border-color:var(--tra-danger)}.anno-tool:disabled{opacity:.4}.anno-glyph{font-size:15px;line-height:1;color:#ff6a60}.anno-tool.on .anno-glyph{color:#fff}.cam-preview-form{background:var(--tra-page-bg);padding:16px calc(16px + env(safe-area-inset-left,0)) calc(20px + env(safe-area-inset-bottom,0));display:flex;flex-direction:column;gap:6px}.cam-preview-actions{display:flex;gap:10px;margin-top:6px}.cam-preview-actions .primary,.cam-preview-actions .ghost{flex:1}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.photo-cell{position:relative;border:1px solid var(--tra-border);border-radius:var(--tra-radius-sm);overflow:hidden;background:#fff;display:flex;flex-direction:column}.photo-thumb{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#eee;display:block}.photo-thumb--ph{background:repeating-linear-gradient(45deg,#ece7dd,#ece7dd 8px,#f5efe5 8px,#f5efe5 16px)}.photo-cap{padding:6px 8px 2px;font-size:12px;font-weight:600;color:var(--tra-text-primary);word-break:break-word}.photo-status{padding:2px 8px 8px;font-size:11px;font-weight:600;border:none;background:none;text-align:left}.photo-status.synced{color:var(--tra-complete)}.photo-status.uploading{color:var(--tra-incomplete)}.photo-status.failed{color:var(--tra-danger);text-decoration:underline}.photo-del{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:999px;background:#0000008c;color:#fff;font-size:12px;font-weight:700}.cam-video{width:100%;height:100%;display:block}.cam-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;text-align:center;padding:16px}.cam-state-title{font-weight:700;font-size:15px}.cam-state-msg{margin:0;font-size:13px;opacity:.85}.pill-btn{border-radius:999px;padding:10px 18px;font-weight:600;font-size:14px}.pill-btn.green{background:var(--tra-header-green);color:#fff}