:root{--dd-bg: #0b0e14;--dd-bg-elevated: #10141d;--dd-fg: #f3f4f6;--dd-muted: #a1a1aa;--dd-primary: #a78bfa;--dd-primary-muted: rgba(167, 139, 250, .14);--dd-cta: #5eb8a5;--dd-cta-muted: rgba(94, 184, 165, .16);--dd-accent-emerald: #34d399;--dd-card: rgba(255, 255, 255, .042);--dd-card-hover: rgba(255, 255, 255, .055);--dd-border: rgba(255, 255, 255, .085);--dd-border-strong: rgba(255, 255, 255, .12);--dd-shadow: 0 24px 48px rgba(0, 0, 0, .35);--dd-radius: 14px;--dd-font: system-ui, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif}:root{--bg: var(--dd-bg);--surface: var(--dd-card);--ink: var(--dd-fg);--muted: var(--dd-muted);--accent: var(--dd-cta);--accent-soft: var(--dd-cta-muted);--warn: #fca5a5;--border: var(--dd-border);--radius: var(--dd-radius);--font-sans: "Source Sans 3", "Noto Sans TC", var(--dd-font);--font-serif: "DM Serif Text", "Noto Serif TC", Georgia, serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:1rem;line-height:1.55;color:var(--ink);background-color:var(--dd-bg);background-image:radial-gradient(ellipse 100% 55% at 50% -28%,rgba(167,139,250,.11),transparent 56%),radial-gradient(ellipse 75% 45% at 100% 100%,rgba(94,184,165,.07),transparent 52%);min-height:100vh}.wrap{max-width:720px;margin:0 auto;padding:0 1.25rem}.site-header{background:linear-gradient(165deg,color-mix(in srgb,var(--dd-primary) 28%,var(--dd-bg)) 0%,var(--dd-bg-elevated) 100%);color:var(--dd-fg);padding:2.5rem 0 2rem;margin-bottom:1.75rem;border-bottom:1px solid var(--dd-border)}.site-header h1{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.85rem,5vw,2.35rem);margin:.35rem 0 .75rem;letter-spacing:.02em}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;opacity:.85;margin:0}.lede{margin:0;max-width:38em;opacity:.92;font-size:.98rem}.main{display:flex;flex-direction:column;gap:1.25rem;padding-bottom:3rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.35rem;box-shadow:0 8px 32px #00000040}.card h2{font-family:var(--font-serif);font-weight:400;font-size:1.2rem;margin:0 0 .65rem;color:var(--dd-primary)}.notice p{margin:0 0 .65rem}.notice p:last-child{margin-bottom:0}.warn{color:var(--warn);font-weight:500}.mode-row{border:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.65rem}.radio-label{display:flex;gap:.65rem;align-items:flex-start;cursor:pointer;padding:.75rem;border-radius:8px;border:1px solid var(--border);background:var(--dd-bg-elevated)}.radio-label:has(input:checked){border-color:color-mix(in srgb,var(--dd-primary) 55%,transparent);background:var(--dd-primary-muted)}.radio-label input{margin-top:.2rem}.radio-label span{display:flex;flex-direction:column;gap:.2rem}.radio-label small{color:var(--muted);font-weight:400}.plantnet-options{display:grid;gap:.75rem;margin-bottom:1rem}.plantnet-options.hidden{display:none}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.88rem;font-weight:600;color:var(--muted)}.field input{font:inherit;padding:.5rem .65rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink)}.dropzone{border:2px dashed color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:var(--radius);padding:1.75rem 1rem;text-align:center;cursor:pointer;background:var(--accent-soft);transition:background .15s,border-color .15s}.dropzone:hover,.dropzone:focus-visible{background:#ffffff0d;outline:none}.dropzone.disabled{opacity:.55;pointer-events:none}.dropzone-icon{display:block;font-size:2rem;line-height:1;margin-bottom:.35rem;color:var(--accent)}.dropzone .hint{font-size:.88rem;color:var(--muted);margin:.25rem 0}.dropzone .count{margin:.5rem 0 0;font-weight:600;color:var(--muted)}.thumbs{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.75rem}.thumb-row{display:grid;grid-template-columns:72px 1fr auto;gap:.75rem;align-items:center;padding:.5rem;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.thumb-row img{width:72px;height:72px;object-fit:cover;border-radius:6px}.thumb-meta{font-size:.88rem;color:var(--muted)}.thumb-actions{display:flex;flex-direction:column;gap:.25rem}.btn{font-family:inherit;font-weight:600;font-size:.92rem;border-radius:8px;border:none;cursor:pointer;padding:.45rem .75rem;transition:opacity .15s,transform .1s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:#fff;padding:.85rem 1.25rem;width:100%}.btn.secondary{background:var(--border);color:var(--ink)}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn.danger{background:transparent;color:var(--warn);font-size:.82rem}.actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1.25rem}.results-meta{font-size:.9rem;color:var(--muted);margin:0 0 .75rem}.result-table{width:100%;border-collapse:collapse;font-size:.92rem}.result-table th,.result-table td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--border);vertical-align:top}.result-table th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.sci-name{font-style:italic;font-family:var(--font-serif)}.score-bar-wrap{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-top:.35rem;max-width:120px}.score-bar{height:100%;background:var(--accent);border-radius:3px}.links a{color:var(--accent);margin-right:.65rem;white-space:nowrap}.error-box{background:#f871711f;border:1px solid rgba(248,113,113,.28);color:var(--warn);padding:.75rem 1rem;border-radius:8px;font-size:.92rem}.footer-note p{margin:0 0 .65rem;font-size:.9rem;color:var(--muted)}.footer-note p:last-child{margin-bottom:0}.muted{font-size:.85rem;color:var(--muted)}@media(min-width:560px){.actions{flex-direction:row;align-items:stretch}.btn.primary{flex:1;width:auto}}