@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;600&family=Noto+Serif+SC:wght@400;700&display=swap";:root{--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--blur-chip:8px;--blur-panel:12px;--blur-strong:14px;--shadow-overlay:#0000003d;--surface-inset:#ffffff08;--control-height:36px;--transition-fast:.16s;--transition-panel:.18s;--z-overlay-base:70;--z-overlay-panel:90;--z-overlay-top:1000;--overlay-dim:#0a09089e;--toast-z:125;--toast-stack-gap:8px;--toast-shadow:0 16px 42px #00000057;--elevation-1-blur:var(--blur-chip);--elevation-1-shadow:0 5px 14px #0000001f;--elevation-2-blur:var(--blur-panel);--elevation-2-shadow:0 12px 28px #0000002e;--elevation-3-blur:var(--blur-strong);--elevation-3-shadow:0 18px 48px #00000052;--map-canvas-bg:#101822;--map-tile-adjust:saturate(.85) brightness(.8) contrast(1.05);--map-atmosphere:radial-gradient(circle at 50% 42%, transparent 0, transparent 40%, #060a108c 100%), linear-gradient(to bottom, #0a101838, #060a1080);--bg:#0b0d12;--surface:#121620eb;--surface-border:#8caadc24;--accent:#7aa5ff;--accent-dim:#3d5680;--active-bg:color-mix(in srgb, var(--surface) 76%, var(--accent) 24%);--active-bg-strong:color-mix(in srgb, var(--surface) 62%, var(--accent) 38%);--active-border:color-mix(in srgb, var(--accent) 72%, var(--surface-border));--active-shadow:color-mix(in srgb, var(--accent) 18%, transparent);--text-primary:#dce4f2;--text-secondary:#8898b5;--text-muted:#4a5571;--node-color:#e8546b;--node-dim:#e8546b4d;--field-green:#55b873;--field-warm:#f2b84b;--ink-stroke:var(--surface-border);--paper-wash:var(--surface);--safe-bottom:env(safe-area-inset-bottom,0px);--dock-height:60px;--dock-bottom:18px;--app-page-width:1120px;--font-sans:"Noto Sans SC", "Segoe UI", sans-serif;--font-serif:"Noto Serif SC", serif;--input-bg:color-mix(in srgb, var(--surface) 94%, transparent);--input-bg-focus:color-mix(in srgb, var(--surface) 88%, var(--accent-dim));--input-placeholder:var(--text-muted);--result-bg:var(--surface);--result-hover:var(--active-bg);--chip-bg:color-mix(in srgb, var(--surface) 88%, transparent);--query-match:var(--accent);--status-danger:#ffb4a8}[data-theme=paper]{--active-bg:color-mix(in srgb, var(--paper-wash) 86%, var(--accent) 10%);--active-bg-strong:color-mix(in srgb, var(--paper-wash) 76%, var(--accent) 18%);--active-border:color-mix(in srgb, var(--accent) 48%, var(--surface-border));--active-shadow:color-mix(in srgb, var(--accent) 10%, transparent);--field-green:#39745f;--field-warm:#a8662e;--ink-stroke:#3439312e;--paper-wash:#fffef9;--overlay-dim:#f6f8f26b;--elevation-1-shadow:0 5px 14px #2e322a1a;--elevation-2-shadow:0 12px 28px #2e322a1f;--elevation-3-shadow:0 18px 48px #424c3829;--map-canvas-bg:#cddfc8;--map-tile-adjust:saturate(1.02) brightness(1.02);--map-atmosphere:radial-gradient(circle at 50% 42%, transparent 0, transparent 44%, #1e322a2e 100%), linear-gradient(to bottom, color-mix(in srgb, var(--field-warm) 8%, transparent), #14262033);--input-bg:color-mix(in srgb, var(--paper-wash) 96%, #fff);--input-bg-focus:color-mix(in srgb, var(--paper-wash) 90%, var(--accent) 5%);--input-placeholder:color-mix(in srgb, var(--text-muted) 78%, var(--paper-wash));--result-bg:color-mix(in srgb, var(--paper-wash) 98%, #fff);--result-hover:color-mix(in srgb, var(--paper-wash) 88%, var(--accent) 6%);--chip-bg:color-mix(in srgb, var(--paper-wash) 96%, #fff);--query-match:#0069a6;--status-danger:#b85d52}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);transition:background-color .3s,color .3s;overflow:hidden}.tree-container{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;position:relative}.tree-container input,.tree-container textarea{-webkit-user-select:text;user-select:text}.app-root{width:100vw;height:100vh;position:relative;overflow:hidden}.landing-page{--landing-leaf:var(--field-green);--landing-warm:var(--field-warm);--landing-grid-line:color-mix(in srgb, var(--surface-border) 58%, transparent);--landing-grid-accent:color-mix(in srgb, var(--accent) 16%, transparent);--landing-path-line:color-mix(in srgb, var(--landing-leaf) 30%, transparent);--landing-path-strong:color-mix(in srgb, var(--accent) 30%, transparent);background:var(--bg);color:var(--text-primary);scrollbar-width:none;position:fixed;inset:0;overflow:hidden auto}[data-theme=paper] .landing-page{--landing-grid-line:color-mix(in srgb, var(--ink-stroke) 38%, transparent);--landing-grid-accent:color-mix(in srgb, var(--accent) 3%, transparent);--landing-path-line:color-mix(in srgb, var(--field-green) 7%, transparent);--landing-path-strong:color-mix(in srgb, var(--accent) 7%, transparent)}.landing-page::-webkit-scrollbar{width:0}.landing-hero{isolation:isolate;background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 96%, var(--accent-dim)), transparent 36%, color-mix(in srgb, var(--bg) 92%, var(--landing-leaf)) 100%), linear-gradient(180deg, color-mix(in srgb, var(--bg) 88%, var(--surface)), var(--bg) 72%, color-mix(in srgb, var(--bg) 92%, #000));grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:18px 24px;min-height:calc(100dvh - 52px);padding:22px;display:grid;position:relative;overflow:hidden}[data-theme=paper] .landing-hero{background:linear-gradient(90deg, #f7f8f4fa, #fffffbdb 42%, #f0f3edc7), linear-gradient(180deg, var(--bg), #eef1eb)}.landing-hero:before,.landing-hero:after{content:"";pointer-events:none;z-index:0;position:absolute}.landing-hero:before{background:linear-gradient(var(--landing-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--landing-grid-line) 1px, transparent 1px), linear-gradient(90deg, transparent 0, transparent calc(100% - 1px), var(--landing-grid-accent) calc(100% - 1px)), repeating-linear-gradient(0deg, transparent 0 11px, color-mix(in srgb, var(--surface-border) 22%, transparent) 11px 12px);opacity:.44;-webkit-mask-image:linear-gradient(180deg, black 0%, #000000c7 58%, var(--shadow-overlay) 100%);mask-image:linear-gradient(180deg, black 0%, #000000c7 58%, var(--shadow-overlay) 100%);background-size:46px 46px,46px 46px,23px 100%,100% 12px;inset:0}.landing-hero:after{background:linear-gradient(90deg, var(--landing-path-strong), var(--landing-path-strong)) 12% 22% / 34% 1px no-repeat, linear-gradient(90deg, var(--landing-path-line), var(--landing-path-line)) 12% 44% / 46% 1px no-repeat, linear-gradient(90deg, var(--landing-path-line), var(--landing-path-line)) 12% 66% / 38% 1px no-repeat, linear-gradient(90deg, var(--landing-path-line), var(--landing-path-line)) 46% 31% / 26% 1px no-repeat, linear-gradient(90deg, var(--landing-path-strong), var(--landing-path-strong)) 58% 54% / 28% 1px no-repeat, linear-gradient(180deg, var(--landing-path-strong), var(--landing-path-strong)) 12% 22% / 1px 44% no-repeat, linear-gradient(180deg, var(--landing-path-line), var(--landing-path-line)) 46% 22% / 1px 22% no-repeat, linear-gradient(180deg, var(--landing-path-line), var(--landing-path-line)) 58% 44% / 1px 22% no-repeat, linear-gradient(180deg, var(--landing-path-line), var(--landing-path-line)) 72% 31% / 1px 23% no-repeat, linear-gradient(180deg, var(--landing-path-strong), var(--landing-path-strong)) 86% 54% / 1px 16% no-repeat;opacity:.72;width:min(760px,58vw);height:min(520px,58vh);top:86px;right:max(22px,4vw)}.landing-nav,.landing-copy,.landing-photo-field{z-index:1;position:relative}.landing-nav{--landing-nav-control-width:70px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;display:flex}.landing-nav-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.landing-brand{color:var(--text-primary);font-family:Noto Serif SC,serif;font-size:24px;font-weight:700;line-height:1}.landing-nav-actions>button,.landing-language-trigger,.landing-actions button{height:var(--control-height);border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 88%, transparent);color:var(--text-primary);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));padding:0 15px;font-size:12px;font-weight:600;transition:border-color .18s,background-color .18s,box-shadow .18s,transform .18s}.landing-nav-actions>button:hover,.landing-language-trigger:hover,.landing-actions button:hover{border-color:var(--active-border);background:var(--active-bg);box-shadow:0 8px 18px var(--active-shadow);transform:translateY(-1px)}.landing-nav-actions>button:focus-visible,.landing-language-trigger:focus-visible,.landing-actions button:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.landing-nav-actions>button,.landing-language-trigger{width:var(--landing-nav-control-width);text-align:center;padding:0}.landing-language-menu{width:var(--landing-nav-control-width);position:relative}.landing-language-trigger{position:relative}.landing-language-trigger:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--text-muted);pointer-events:none;width:0;height:0;position:absolute;top:50%;right:9px;transform:translateY(-34%)}.landing-language-trigger span{text-overflow:ellipsis;white-space:nowrap;padding-right:11px;display:block;overflow:hidden}.landing-language-options{z-index:20;width:var(--landing-nav-control-width);border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 94%, var(--bg));max-height:min(326px,100dvh - 74px);-webkit-backdrop-filter:blur(var(--elevation-3-blur));backdrop-filter:blur(var(--elevation-3-blur));gap:4px;padding:5px;display:grid;position:absolute;top:calc(100% + 6px);right:0;overflow:auto;box-shadow:0 12px 26px #0000002e}.landing-language-options button{border-radius:var(--radius-sm);width:100%;height:28px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;font-size:11px;font-weight:600}.landing-language-options button:hover,.landing-language-options button.active{border-color:var(--active-border);background:var(--active-bg);color:var(--text-primary)}.landing-nav-actions>button:disabled,.landing-actions button:disabled{cursor:wait;opacity:.66}.landing-copy{align-content:center;align-self:center;gap:13px;min-width:0;padding-left:2px;display:grid}.landing-copy>span,.landing-feature-band span{color:var(--text-muted);text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:600;line-height:1.2}.landing-copy h1{font-family:Noto Serif SC,serif;font-size:clamp(54px,8vw,106px);font-weight:700;line-height:.9}.landing-copy p{width:min(390px,100%);color:var(--text-secondary);font-size:clamp(15px,1.6vw,18px);line-height:1.7}.landing-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.landing-actions button{border-color:var(--active-border);background:var(--active-bg-strong);min-width:112px;height:40px;box-shadow:inset 0 0 0 1px var(--active-shadow)}.landing-actions button:hover{background:color-mix(in srgb, var(--active-bg-strong) 84%, var(--accent))}.landing-login-error{max-width:360px;color:var(--status-danger);font-size:12px;line-height:1.4}.landing-photo-field{grid-template-columns:minmax(0,1fr) minmax(116px,.34fr) minmax(116px,.34fr);align-self:center;gap:10px;min-width:0;display:grid}.landing-photo-card{--landing-photo-ratio:4 / 3;width:100%;min-width:0;min-height:0;aspect-ratio:var(--landing-photo-ratio);border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 74%, var(--accent-dim));color:var(--text-primary);animation:1.2s both landing-photo-reveal;position:relative;overflow:hidden;box-shadow:0 14px 34px #00000029}.landing-photo-card.primary{grid-area:1/1/span 2;align-self:center}.landing-photo-card.leaf{grid-area:1/2}.landing-photo-card.bloom{grid-area:1/3}.landing-photo-card.season{grid-area:2/2}.landing-photo-card.ground{grid-area:2/3}.landing-photo-card.is-landscape{--landing-photo-ratio:4 / 3}.landing-photo-card.is-portrait{--landing-photo-ratio:3 / 4}.landing-photo-media,.landing-photo-placeholder{width:100%;height:100%;display:block}.landing-photo-media{position:relative;overflow:hidden}.landing-photo-image,.landing-photo-placeholder{position:absolute;inset:0}.landing-photo-image{object-fit:cover;transform-origin:50%;width:100%;height:100%;display:block}.landing-photo-image.is-current{animation:.92s cubic-bezier(.2,.72,.22,1) both landing-photo-crossfade-in}.landing-photo-image.is-previous{animation:.92s cubic-bezier(.2,.72,.22,1) both landing-photo-crossfade-out}.landing-photo-placeholder{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, transparent), color-mix(in srgb, var(--landing-leaf) 15%, transparent)), color-mix(in srgb, var(--surface) 72%, var(--accent-dim))}.landing-photo-card:after{content:"";background:linear-gradient(180deg, transparent 48%, #0000006b), linear-gradient(90deg, var(--shadow-overlay), transparent 52%);pointer-events:none;position:absolute;inset:0}[data-theme=paper] .landing-photo-card:after{background:linear-gradient(#0000 48%,#2b322438),linear-gradient(90deg,#2b32241a,#0000 54%)}.landing-photo-card figcaption{--landing-caption-line-height:1.45;--landing-caption-copy-height:17.4px;z-index:2;border-radius:var(--radius-sm);color:#fff;width:min(252px,100% - 18px);max-width:calc(100% - 18px);max-height:calc(100% - 18px);-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));background:#080c12a8;border:1px solid #ffffff2e;gap:3px;padding:8px 9px;transition:max-height .32s,background-color .32s,border-color .32s,box-shadow .32s;display:grid;position:absolute;bottom:9px;left:9px;overflow:hidden}[data-theme=paper] .landing-photo-card figcaption{color:#202a20;background:#ffffffb8;border-color:#ffffff94;box-shadow:0 8px 22px #424c3824}.landing-photo-card.primary figcaption{--landing-caption-copy-height:34.8px;width:min(372px,100% - 18px)}.landing-photo-card figcaption.is-expandable{cursor:pointer}.landing-photo-card figcaption.is-expandable:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:2px}.landing-photo-card figcaption strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:Noto Serif SC,serif;font-size:15px;font-weight:700;line-height:1.28;overflow:hidden}.landing-photo-card.primary figcaption strong{font-size:18px}[data-theme=paper] .landing-photo-card figcaption strong{color:#172116}.landing-photo-card figcaption em{color:#f0f3fac2;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-style:italic;line-height:1.28;overflow:hidden}[data-theme=paper] .landing-photo-card figcaption em{color:#202a20ad}.landing-photo-card figcaption p{min-width:0;max-height:var(--landing-caption-copy-height);color:#f0f3fad6;font-size:12px;line-height:var(--landing-caption-line-height);transition:max-height .36s,color .32s;overflow:hidden}[data-theme=paper] .landing-photo-card figcaption p{color:#202a20c7}.landing-photo-card figcaption.is-expanded{scrollbar-width:thin;background:#080c12c7;border-color:#ffffff42;overflow:auto;box-shadow:0 10px 24px #0003}[data-theme=paper] .landing-photo-card figcaption.is-expanded{background:#ffffffe6;border-color:#ffffffd1;box-shadow:0 12px 26px #424c382e}.landing-photo-card figcaption.is-expanded p{color:#f0f3fae6;max-height:calc(100dvh - 120px)}[data-theme=paper] .landing-photo-card figcaption.is-expanded p{color:#202a20e0}.landing-feature-band div{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 88%, transparent);min-width:0;-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));gap:4px;display:grid}.landing-feature-band{border-top:1px solid var(--surface-border);background:color-mix(in srgb, var(--surface-border) 56%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 46%, transparent);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;position:relative}.landing-feature-band:before{content:"";pointer-events:none;background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--bg) 88%, transparent));height:30px;position:absolute;top:-30px;left:0;right:0}[data-theme=paper] .landing-feature-band{background:#344e3a17;box-shadow:inset 0 1px #ffffffb3}[data-theme=paper] .landing-feature-band:before{background:linear-gradient(#0000,#ffffffd1)}.landing-feature-band div{background:color-mix(in srgb, var(--surface) 82%, var(--bg));border-width:0;border-radius:0;align-content:start;padding:21px 22px 24px}[data-theme=paper] .landing-feature-band div{background:#ffffffd1}.landing-feature-band strong{color:var(--text-primary);font-family:Noto Serif SC,serif;font-size:18px;line-height:1.25}.landing-feature-band p{color:var(--text-secondary);font-size:13px;line-height:1.65}@media (width<=1080px){.landing-hero{grid-template-rows:auto auto auto;grid-template-columns:1fr}.landing-copy{align-self:end}.landing-photo-field{align-self:start}}@media (width<=720px){.landing-hero{gap:14px;min-height:auto;padding:14px 12px 16px}.landing-hero:before{opacity:.32;background-size:34px 34px,34px 34px,17px 100%,100% 12px}.landing-hero:after{opacity:.36;width:74vw;height:360px;top:78px;right:10px}.landing-nav{--landing-nav-control-width:68px;align-items:flex-start}.landing-nav-actions{gap:6px}.landing-nav-actions>button,.landing-language-trigger{height:34px;padding:0}.landing-language-options{max-height:min(306px,100dvh - 66px)}.landing-copy{gap:9px}.landing-copy h1{font-size:clamp(46px,18vw,72px)}.landing-copy p{width:min(420px,100%);font-size:14px}.landing-photo-field{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.landing-photo-card.primary,.landing-photo-card.season{grid-column:1/span 2}.landing-photo-card.primary{grid-row:1}.landing-photo-card.leaf{grid-area:2/1}.landing-photo-card.bloom{grid-area:2/2}.landing-photo-card.season{grid-row:3}.landing-photo-card.ground,.landing-photo-card:not(.primary) figcaption em{display:none}.landing-photo-card figcaption{width:min(252px,100% - 16px);max-width:calc(100% - 16px);padding:7px 8px;bottom:8px;left:8px}.landing-photo-card.primary figcaption{width:min(372px,100% - 16px)}.landing-feature-band{grid-template-columns:1fr}.landing-feature-band div{padding:18px 14px 20px}}@keyframes landing-photo-reveal{0%{opacity:0;filter:saturate(.86)brightness(.92)}to{opacity:1;filter:saturate()brightness()}}@keyframes landing-photo-crossfade-in{0%{opacity:0;filter:saturate(.92)brightness(.96);transform:scale(1.025)}to{opacity:1;filter:saturate()brightness();transform:scale(1)}}@keyframes landing-photo-crossfade-out{0%{opacity:1;filter:saturate()brightness();transform:scale(1)}to{opacity:0;filter:saturate(.9)brightness(.94);transform:scale(1.018)}}@media (prefers-reduced-motion:reduce){.landing-photo-card,.landing-photo-image.is-current,.landing-photo-image.is-previous{animation:none}.landing-photo-image.is-previous{display:none}.landing-photo-card figcaption,.landing-photo-card figcaption p{transition:none}}.app-dock{left:50%;bottom:var(--dock-bottom);z-index:80;width:min(520px,100vw - 36px);height:var(--dock-height);border:1px solid var(--surface-border);background:var(--surface);-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));border-radius:18px;grid-template-columns:1fr 1fr 1.18fr 1fr 1fr;align-items:center;gap:6px;padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 34px #00000038}.app-dock button,.recognition-nav-button{font:inherit}.app-dock>button,.recognition-nav-button{width:100%;min-width:0;height:42px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:color .15s,background-color .15s,border-color .15s;display:flex}.app-dock>button:hover,.recognition-nav-button:hover{color:var(--text-primary);border-color:var(--surface-border)}.app-dock>button.active{color:var(--text-primary);background:var(--active-bg-strong);border-color:var(--active-border);box-shadow:inset 0 0 0 1px var(--active-shadow)}.app-dock span{font-size:14px;line-height:1}.app-dock b{font-size:11px;font-weight:600;line-height:1.1}.recognition-nav-button{background:var(--active-bg-strong);color:var(--text-primary);border-color:var(--active-border);box-shadow:inset 0 0 0 1px var(--active-shadow)}.app-dock .recognition-nav-button{border-radius:var(--radius-lg);height:46px;margin-top:0}.app-dock .recognition-nav-button svg{width:17px;height:17px}.recognition-nav-button:disabled{opacity:.58;cursor:progress}.recognition-nav-button svg{width:15px;height:15px}.recognition-nav-button .recognition-label{font-size:11px;font-weight:600;line-height:1.1}.app-overlay-backdrop{z-index:70;background:0 0;border:0;position:fixed;inset:0}.app-overlay-panel{z-index:90;border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:var(--surface);width:min(360px,100vw - 132px);max-height:min(680px,100vh - 120px);color:var(--text-primary);-webkit-backdrop-filter:blur(var(--elevation-3-blur));backdrop-filter:blur(var(--elevation-3-blur));padding:5px 14px 14px;position:fixed;bottom:86px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 18px 52px #0000004d}.app-widget-panel{border-radius:16px;padding:0;overflow:hidden auto}.app-widget-content{padding:0 14px 14px}.record-detail-panel{scrollbar-width:none;border-radius:18px;padding:0 18px 18px}.record-detail-panel::-webkit-scrollbar{width:0}.app-map-panel{z-index:34;background:var(--surface);width:auto;height:auto;color:var(--text-primary);box-shadow:none;border:0;border-radius:0;grid-template-rows:1fr;display:grid;position:fixed;inset:0;overflow:hidden}.home-page-backdrop{z-index:32;pointer-events:none;background:radial-gradient(circle at 50% 18%, #7aa5ff1f, transparent 38%), linear-gradient(180deg, color-mix(in srgb, var(--bg) 92%, var(--accent-dim)), var(--bg));position:fixed;inset:0}[data-theme=paper] .home-page-backdrop{background:radial-gradient(circle at 50% 18%, #ffffff9e, transparent 42%), linear-gradient(180deg, var(--bg), #eef1eb)}.home-empty-workbench{z-index:36;place-items:center;width:min(980px,100vw - 36px);display:grid;position:fixed;top:82px;bottom:96px;left:50%;transform:translate(-50%)}.home-empty-collection{border:1px solid var(--surface-border);background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 94%, transparent), color-mix(in srgb, var(--surface) 82%, var(--accent-dim))), var(--surface);width:100%;min-height:min(430px,100vh - 210px);color:var(--text-primary);box-shadow:0 20px 56px var(--shadow-overlay);-webkit-backdrop-filter:blur(var(--elevation-3-blur));backdrop-filter:blur(var(--elevation-3-blur));border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:center;gap:28px;padding:34px;display:grid;position:relative;overflow:hidden}.home-empty-collection:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg, transparent 0 17px, color-mix(in srgb, var(--surface-border) 18%, transparent) 17px 18px);opacity:.26;position:absolute;inset:0}.home-empty-collection:after{content:"";pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 18%, transparent), color-mix(in srgb, var(--accent) 18%, transparent)) 8% 24% / 42% 1px no-repeat, linear-gradient(90deg, color-mix(in srgb, var(--field-green) 18%, transparent), color-mix(in srgb, var(--field-green) 18%, transparent)) 8% 54% / 54% 1px no-repeat, linear-gradient(90deg, color-mix(in srgb, var(--field-green) 14%, transparent), color-mix(in srgb, var(--field-green) 14%, transparent)) 8% 76% / 36% 1px no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--accent) 18%, transparent), color-mix(in srgb, var(--accent) 18%, transparent)) 8% 24% / 1px 52% no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--field-green) 16%, transparent), color-mix(in srgb, var(--field-green) 16%, transparent)) 50% 24% / 1px 30% no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--field-green) 14%, transparent), color-mix(in srgb, var(--field-green) 14%, transparent)) 62% 54% / 1px 22% no-repeat;opacity:.9;width:min(420px,48%);height:calc(100% - 68px);position:absolute;top:34px;right:28px}[data-theme=paper] .home-empty-collection{border-color:color-mix(in srgb, var(--ink-stroke) 82%, transparent);background:linear-gradient(135deg, #fffffbf5, #f8f9f4eb), var(--paper-wash);box-shadow:0 18px 42px #2e322a1c}[data-theme=paper] .home-empty-collection:before{background:repeating-linear-gradient(0deg, transparent 0 17px, color-mix(in srgb, var(--ink-stroke) 20%, transparent) 17px 18px);opacity:1}[data-theme=paper] .home-empty-collection:after{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 10%, transparent), color-mix(in srgb, var(--accent) 10%, transparent)) 8% 24% / 42% 1px no-repeat, linear-gradient(90deg, color-mix(in srgb, var(--field-green) 9%, transparent), color-mix(in srgb, var(--field-green) 9%, transparent)) 8% 54% / 54% 1px no-repeat, linear-gradient(90deg, color-mix(in srgb, var(--field-warm) 7%, transparent), color-mix(in srgb, var(--field-warm) 7%, transparent)) 8% 76% / 36% 1px no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--accent) 10%, transparent), color-mix(in srgb, var(--accent) 10%, transparent)) 8% 24% / 1px 52% no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--field-green) 8%, transparent), color-mix(in srgb, var(--field-green) 8%, transparent)) 50% 24% / 1px 30% no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--field-warm) 6%, transparent), color-mix(in srgb, var(--field-warm) 6%, transparent)) 62% 54% / 1px 22% no-repeat}.home-empty-copy{z-index:1;justify-items:start;gap:12px;min-width:0;display:grid;position:relative}.home-empty-copy>span{color:var(--text-muted);font-size:11px;font-weight:600;line-height:1.2}[data-theme=paper] .home-empty-copy>span{color:color-mix(in srgb, var(--accent) 58%, var(--text-muted))}.home-empty-copy h2{color:var(--text-primary);margin:0;font-family:Noto Serif SC,serif;font-size:clamp(30px,5vw,54px);line-height:1.05}.home-empty-copy p{width:min(430px,100%);color:var(--text-secondary);font-size:15px;line-height:1.75}.recognition-empty-button{border:1px solid var(--active-border);border-radius:var(--radius-md);background:var(--active-bg-strong);min-width:152px;height:42px;color:var(--text-primary);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px var(--active-shadow);transition:transform var(--transition-fast) ease, border-color var(--transition-fast) ease, background-color var(--transition-fast) ease, opacity var(--transition-fast) ease;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:0 16px;font-size:12px;font-weight:600;display:inline-flex}.recognition-empty-button:hover{border-color:var(--accent);background:color-mix(in srgb, var(--active-bg-strong) 82%, var(--accent));transform:translateY(-1px)}.recognition-empty-button:disabled{cursor:progress;opacity:.62}.recognition-empty-button svg{width:18px;height:18px}.home-empty-specimen{z-index:1;min-width:0;height:300px;position:relative}.home-empty-photo-slot{border:1px dashed color-mix(in srgb, var(--surface-border) 72%, var(--accent));border-radius:var(--radius-sm);background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 82%, var(--accent-dim)), color-mix(in srgb, var(--surface) 88%, var(--field-green))), var(--surface);opacity:.82;display:block;position:absolute;overflow:hidden;box-shadow:0 12px 28px #00000024}.home-empty-photo-slot:after{content:"";border:1px solid color-mix(in srgb, var(--surface-border) 82%, transparent);border-radius:6px;position:absolute;inset:9px}.home-empty-photo-slot.primary{aspect-ratio:4/3;width:178px;top:22px;left:0}.home-empty-photo-slot.leaf{aspect-ratio:3/4;width:118px;top:62px;right:0}.home-empty-photo-slot.note{aspect-ratio:4/3;width:166px;bottom:16px;left:72px}[data-theme=paper] .home-empty-photo-slot{border-color:color-mix(in srgb, var(--ink-stroke) 82%, transparent);background:linear-gradient(135deg, #fffffbc7, #f2f4efd1), var(--paper-wash);box-shadow:0 10px 22px #2e322a14}[data-theme=paper] .home-empty-photo-slot:after{border-color:color-mix(in srgb, var(--ink-stroke) 58%, transparent)}.home-empty-path-line{background:color-mix(in srgb, var(--accent) 22%, transparent);height:1px;display:block;position:absolute}[data-theme=paper] .home-empty-path-line{background:color-mix(in srgb, var(--field-green) 22%, transparent)}.home-empty-path-line.a{width:190px;top:190px;left:40px}.home-empty-path-line.b{transform-origin:0;width:88px;top:112px;left:214px;transform:rotate(90deg)}.home-empty-path-line.c{background:color-mix(in srgb, var(--field-green) 22%, transparent);width:120px;top:224px;left:188px}[data-theme=paper] .home-empty-path-line.c{background:color-mix(in srgb, var(--field-warm) 18%, transparent)}.home-workbench{z-index:36;grid-template-columns:190px minmax(680px, var(--app-page-width)) 230px;grid-template-rows:minmax(0,1fr);align-items:start;gap:14px;width:min(1440px,100vw - 36px);min-height:0;display:grid;position:fixed;top:82px;bottom:0;left:50%;transform:translate(-50%)}.home-side-panel{min-width:0;height:100%;max-height:100%;padding-bottom:var(--safe-bottom);scrollbar-width:none;color:var(--text-primary);align-self:stretch;overflow:hidden auto}.home-side-panel::-webkit-scrollbar{width:0;height:0}.home-env-card>span,.home-filter-block>span{color:var(--text-muted);font-size:10px;font-weight:600;line-height:1.2;display:block}.home-filter-block+.home-filter-block,.home-env-card+.home-env-card{margin-top:12px}.home-filter-block{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));padding:10px}[data-theme=paper] .home-filter-block,[data-theme=paper] .home-env-card{border-color:color-mix(in srgb, var(--ink-stroke) 100%, transparent);background:var(--paper-wash);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px #ffffffe0,0 4px 12px #2e322a0e}[data-theme=paper] .home-env-card>span,[data-theme=paper] .home-filter-block>span{color:color-mix(in srgb, var(--text-primary) 76%, var(--text-secondary));font-size:10.5px;font-weight:600}.home-filter-block div{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.home-filter-block button{border-radius:var(--radius-sm);background:color-mix(in srgb, currentColor 8%, transparent);height:28px;color:var(--text-secondary);font:inherit;cursor:pointer;transition:border-color var(--transition-fast) ease, color var(--transition-fast) ease, background-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease;border:1px solid #0000;padding:0 10px;font-size:11px;font-weight:600}[data-theme=paper] .home-filter-block button{color:color-mix(in srgb, var(--text-primary) 72%, var(--text-secondary));border-color:#0000;font-weight:600}.home-filter-block button.active,.home-filter-block button:hover:not(.home-activity-day):not(.home-calendar-nav),[data-theme=paper] .home-filter-block button.active,[data-theme=paper] .home-filter-block button:hover:not(.home-activity-day):not(.home-calendar-nav){background:var(--active-bg);color:var(--text-primary);border-color:#0000}.home-activity-block,.home-mobile-calendar{--activity-empty-bg:#161b22;--activity-empty-border:#8caadc29;--activity-level-1:#0e4429;--activity-level-2:#006d32;--activity-level-3:#26a641;--activity-level-4:#39d353;--activity-level-4-text:#07130a;--activity-recorded-border:#238636;--activity-current-border:#39d353b8;--activity-selected-border:#f0f6fc;--activity-selected-shadow:#39d35361}[data-theme=paper] .home-activity-block,[data-theme=paper] .home-mobile-calendar{--activity-empty-bg:#ebedf0;--activity-empty-border:#34393129;--activity-level-1:#9be9a8;--activity-level-2:#40c463;--activity-level-3:#30a14e;--activity-level-4:#216e39;--activity-level-4-text:#fffef9;--activity-recorded-border:#40a65a;--activity-current-border:#216e39;--activity-selected-border:#24292f;--activity-selected-shadow:#216e3947}.home-activity-head{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.home-activity-title,.home-mobile-calendar-title{justify-items:center;gap:2px;min-width:0;margin-top:0;display:grid}button.home-calendar-nav{width:18px;height:22px;color:var(--text-secondary);font:inherit;cursor:pointer;box-shadow:none;background:0 0;border:0;border-radius:0;flex:none;place-items:center;padding:0;font-size:20px;font-weight:400;line-height:1;display:grid}button.home-calendar-nav:hover{color:var(--text-primary);box-shadow:none;background:0 0;border:0}button.home-calendar-nav:focus-visible{outline:1px solid var(--activity-current-border);outline-offset:2px}button.home-calendar-nav:disabled{cursor:default;opacity:.36}button.home-calendar-nav:disabled:hover{color:var(--text-secondary);box-shadow:none;background:0 0;border:0}.home-activity-head strong,.home-activity-head em{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-style:normal;overflow:hidden}.home-activity-head strong{color:var(--text-primary);font-size:11px;font-weight:600}.home-activity-head em{color:var(--text-muted);font-size:10px}.home-activity-calendar{border-collapse:separate;border-spacing:4px;table-layout:fixed;width:100%;margin-top:9px}.home-activity-calendar th{color:var(--text-muted);text-align:center;font-size:9px;font-weight:400;line-height:1}.home-activity-calendar td{padding:0}.home-activity-day{aspect-ratio:1;border:1px solid var(--activity-empty-border);background:var(--activity-empty-bg);width:100%;font:inherit;border-radius:3px;padding:0;display:block}.home-activity-day.empty{background:0 0;border-color:#0000}button.home-activity-day{appearance:none;background:var(--activity-empty-bg);height:auto;color:inherit;cursor:pointer;border-radius:3px;padding:0}.home-activity-day.current{border-color:var(--activity-current-border)}.home-activity-day.recorded,button.home-activity-day.recorded{border-color:var(--activity-recorded-border)}.home-activity-day[data-level="1"],button.home-activity-day[data-level="1"]{background:var(--activity-level-1)}.home-activity-day[data-level="2"],button.home-activity-day[data-level="2"]{background:var(--activity-level-2)}.home-activity-day[data-level="3"],button.home-activity-day[data-level="3"]{background:var(--activity-level-3)}.home-activity-day[data-level="4"],button.home-activity-day[data-level="4"]{background:var(--activity-level-4)}button.home-activity-day:hover,.home-activity-day.selected,button.home-activity-day.selected{border-color:var(--activity-selected-border);box-shadow:0 0 0 2px var(--activity-selected-shadow)}.home-env-card{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));padding:12px}.home-env-card strong{margin-top:4px;font-family:Noto Serif SC,serif;font-size:28px;font-weight:700;line-height:1.05;display:block}.home-env-card strong.is-temp{font-family:var(--font-sans);align-items:baseline;gap:2px;display:flex}.home-env-temp-num{letter-spacing:-.01em;font-size:46px;font-weight:300;line-height:1}.home-env-temp-unit{color:var(--text-secondary);font-size:18px;font-weight:300}.home-env-card em{color:var(--text-muted);margin-top:4px;font-size:10px;font-style:normal;line-height:1.3;display:block}[data-theme=paper] .home-env-card em{color:var(--text-secondary);font-weight:600}.home-env-metrics{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px;display:grid}.home-env-metrics span{border:1px solid var(--surface-border);min-width:0;color:var(--text-secondary);background:#ffffff09;border-radius:7px;padding:6px 7px;font-size:10px;line-height:1.2}[data-theme=paper] .home-env-metrics span{border-color:color-mix(in srgb, var(--ink-stroke) 88%, transparent);background:color-mix(in srgb, var(--paper-wash) 78%, #fff);color:color-mix(in srgb, var(--text-primary) 72%, var(--text-secondary));font-weight:600}.home-env-card p{color:var(--text-secondary);margin-top:10px;font-size:11px;line-height:1.5}.home-forecast-list{gap:5px;margin-top:9px;display:grid}.home-forecast-list div{border:1px solid var(--surface-border);background:#ffffff09;border-radius:7px;grid-template-rows:auto auto;grid-template-columns:34px minmax(0,1fr);gap:2px 8px;min-width:0;padding:6px 7px;display:grid}[data-theme=paper] .home-forecast-list div{border-color:color-mix(in srgb, var(--ink-stroke) 88%, transparent);background:color-mix(in srgb, var(--paper-wash) 78%, #fff)}.home-forecast-list div[data-condition]{--cond:oklch(66% var(--cond-c) var(--cond-h));background:color-mix(in srgb, var(--surface) 82%, var(--cond));border-color:color-mix(in srgb, var(--surface-border) 62%, var(--cond))}.home-forecast-list div[data-condition=clear]{--cond-h:78;--cond-c:.1}.home-forecast-list div[data-condition=drizzle]{--cond-h:232;--cond-c:.07}.home-forecast-list div[data-condition=rain]{--cond-h:236;--cond-c:.12}.home-forecast-list div[data-condition=storm]{--cond-h:285;--cond-c:.11}.home-forecast-list div[data-condition=snow]{--cond-h:220;--cond-c:.05}.home-forecast-list strong{color:var(--accent);grid-row:1/span 2;align-self:center;font-size:11px;line-height:1.1}.home-forecast-list span{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2;overflow:hidden}.home-forecast-list em,.home-forecast-list p{color:var(--text-muted);font-size:10px;font-style:normal;line-height:1.25}.home-feed-shell{scrollbar-width:none;pointer-events:auto;overscroll-behavior:contain;align-self:stretch;width:100%;min-width:0;height:100%;min-height:0;max-height:none;padding:0 6px;position:relative;overflow:hidden auto}.home-feed-shell::-webkit-scrollbar{width:0;height:0}.home-search-controls{z-index:21;isolation:isolate;margin:0 6px 14px;padding:0 0 8px;position:sticky;top:0}.home-search-controls:before{content:"";z-index:-1;background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));pointer-events:none;position:absolute;inset:0 -6px;-webkit-mask-image:linear-gradient(#000 0% 62%,#0000 100%);mask-image:linear-gradient(#000 0% 62%,#0000 100%)}.home-search{z-index:6;margin:0 6px 12px;position:relative}.home-search-controls .home-search{margin:0}.home-mobile-filter{display:none}.home-feed-mode-switcher{min-width:0;height:var(--control-height);border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface);-webkit-backdrop-filter:blur(var(--elevation-1-blur));backdrop-filter:blur(var(--elevation-1-blur));grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:3px;display:grid}.home-search-controls .home-feed-mode-switcher{display:none}.home-feed-mode-block{margin-top:12px}.home-feed-mode-switcher button{min-width:0;color:var(--text-secondary);font:inherit;cursor:pointer;transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:600;line-height:1;display:flex}.home-feed-mode-switcher button:hover{color:var(--text-primary)}.home-feed-mode-switcher button.active{background:var(--active-bg);color:var(--text-primary)}.home-search-dismiss-layer{display:none}.home-search label{height:var(--control-height);border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-muted);-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));transition:border-color var(--transition-fast) ease, color var(--transition-fast) ease, background-color var(--transition-fast) ease;align-items:center;gap:0;padding:0 11px;display:flex}.home-search:focus-within label{border-color:var(--accent-dim);color:var(--search-accent);background:var(--input-bg-focus)}.home-search label>span{flex:none;place-items:center;width:18px;height:18px;display:grid}.home-search label>span svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}.home-search input{width:100%;min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;font-size:12px;font-weight:500}.home-search input::placeholder{color:var(--input-placeholder);font-weight:400}.home-search button{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 72%, transparent);width:24px;height:24px;color:var(--text-secondary);font:inherit;cursor:pointer;flex:none;font-size:17px;line-height:1}.home-search-empty{color:var(--text-secondary);padding:10px 11px;font-size:11px;line-height:1.45}.home-search-results{border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--result-bg);max-height:380px;color:var(--text-primary);-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));box-shadow:0 12px 32px var(--shadow-overlay);scrollbar-width:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto}.home-search-results::-webkit-scrollbar{width:0;height:0}.home-search-results button{border:0;border-bottom:1px solid var(--surface-border);width:100%;height:52px;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:0;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:7px 11px;display:grid}.home-search-results button:last-child{border-bottom:0}.home-search-results button:hover,.home-search-results button:focus-visible{background:var(--result-hover);box-shadow:inset 2px 0 0 var(--search-accent);outline:0}.home-search-thumb{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 74%, var(--accent-dim));width:34px;height:34px;overflow:hidden}.home-search-thumb img{object-fit:cover;width:100%;height:100%;display:block}.home-search-result-text{grid-template-rows:18px 14px;gap:2px;min-width:0;display:grid}.home-search-line{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:10px;min-width:0;display:grid}.home-search-path{align-items:baseline;gap:5px;min-width:0;display:inline-flex;overflow:hidden}.home-search-path>span,.home-search-latin,.home-search-result-text>em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-search-path>span,.home-search-latin{min-width:0;font-family:var(--font-serif);font-size:13px;line-height:18px}.home-search-latin{color:var(--text-secondary)}.home-search-path strong,.home-search-latin strong{color:var(--query-match);font-weight:600}.home-search-path i{color:var(--text-muted);margin-right:5px;font-family:Noto Sans SC,sans-serif;font-style:normal}.home-search-result-text>em{color:var(--text-secondary);font-size:10px;line-height:14px}.home-feed-grid{padding-bottom:calc(var(--dock-height) + 2 * var(--dock-bottom));grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:12px;display:grid}.home-feed-grid[data-feed-mode=records] .home-feed-card.species,.home-feed-grid[data-feed-mode=collect] .home-feed-card.observation{display:none}.home-feed-grid[data-feed-mode=records]{display:block}.home-feed-masonry{align-items:flex-start;gap:12px;display:flex}.home-feed-masonry-col{flex-direction:column;flex:1 1 0;gap:12px;min-width:0;display:flex}.home-feed-sentinel{width:100%;height:1px}.home-feed-empty{width:min(620px,100% - 32px);min-width:0;margin:0 auto}.root-empty-cover{z-index:50;width:min(620px,100vw - 48px);margin:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.root-empty-layer{z-index:72;background:color-mix(in srgb, var(--bg) 34%, transparent);-webkit-backdrop-filter:blur(var(--elevation-1-blur)) saturate(.92);pointer-events:auto;cursor:default;justify-content:center;align-items:center;padding:24px 24px 108px;display:flex;position:fixed;inset:0}[data-theme=paper] .root-empty-layer{background:#f6f8f257}.root-empty-layer .root-empty-cover{width:min(620px,100vw - 48px);position:relative;top:auto;left:auto;transform:none}.empty-state-blocked{pointer-events:none}.app-map-panel.empty-state-blocked .map-record-summary,.app-map-panel.empty-state-blocked .map-observation-sheet{z-index:40}.home-feed-empty .home-empty-collection{border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr) 220px;gap:18px;min-height:260px;padding:22px 24px;box-shadow:0 14px 34px #0000002e}[data-theme=paper] .home-feed-empty .home-empty-collection{box-shadow:0 18px 38px #2e322a1c}.home-feed-empty .home-empty-collection:after{opacity:.58;width:260px;height:calc(100% - 48px);top:24px;right:20px}.home-feed-empty .home-empty-copy{gap:9px}.home-feed-empty .home-empty-copy h2{font-size:30px}.home-feed-empty .home-empty-copy p{width:min(360px,100%);font-size:13px;line-height:1.55}.home-feed-empty .recognition-empty-button{min-width:132px;height:var(--control-height);border-radius:9px;padding:0 13px;font-size:11px}.home-feed-empty .home-empty-specimen{height:210px}.home-feed-empty .home-empty-photo-slot.primary{width:128px;top:14px}.home-feed-empty .home-empty-photo-slot.leaf{width:82px;top:42px}.home-feed-empty .home-empty-photo-slot.note{width:118px;bottom:10px;left:44px}.home-feed-empty .home-empty-path-line.a{width:132px;top:132px;left:28px}.home-feed-empty .home-empty-path-line.b{width:58px;top:82px;left:154px}.home-feed-empty .home-empty-path-line.c{width:78px;top:166px;left:126px}.home-feed-card{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 92%, transparent);width:100%;min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));transition:transform var(--transition-fast) ease, border-color var(--transition-fast) ease, background-color var(--transition-fast) ease;grid-template-rows:auto minmax(72px,auto);margin:0;display:grid;overflow:hidden}.home-feed-card:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--surface-border));background:color-mix(in srgb, var(--surface) 88%, var(--accent) 4%);transform:translateY(-2px)}.home-feed-loading-copy,.home-feed-loading-specimen{z-index:2;min-width:0;position:relative}.home-feed-loading-copy{align-content:center;gap:10px;display:grid}.home-feed-loading-specimen{height:210px}.home-feed-loading-line{background:color-mix(in srgb, var(--surface-border) 58%, var(--surface));border-radius:999px;display:block;position:relative;overflow:hidden}.home-feed-loading-line.eyebrow{width:64px;height:13px}.home-feed-loading-line.heading{width:min(310px,86%);height:34px}.home-feed-loading-line.body{width:min(280px,76%);height:13px}.home-feed-loading-line.body.wide{width:min(360px,100%)}.home-feed-loading-line.action{width:132px;height:var(--control-height);border-radius:9px;margin-top:7px}.home-feed-loading-photo-slot,.home-feed-loading-path-line{background:color-mix(in srgb, var(--surface-border) 58%, var(--surface));display:block;position:absolute;overflow:hidden}.home-feed-loading-photo-slot{border:1px solid color-mix(in srgb, var(--surface-border) 78%, transparent);border-radius:var(--radius-md);box-shadow:0 10px 24px #0000001c}.home-feed-loading-photo-slot.primary{aspect-ratio:4/3;width:128px;top:14px;right:54px}.home-feed-loading-photo-slot.leaf{aspect-ratio:3/4;width:82px;top:42px;right:18px}.home-feed-loading-photo-slot.note{aspect-ratio:5/4;width:118px;bottom:10px;left:44px}.home-feed-loading-path-line{opacity:.78;border-radius:999px;height:2px}.home-feed-loading-path-line.a{width:132px;top:132px;left:28px}.home-feed-loading-path-line.b{width:58px;top:82px;left:154px}.home-feed-loading-path-line.c{width:78px;top:166px;left:126px}.home-feed-loading-line:after,.home-feed-loading-photo-slot:after,.home-feed-loading-path-line:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 16%, #ffffff3d), transparent);animation:1.35s ease-in-out infinite home-feed-loading-shimmer;position:absolute;inset:0;transform:translate(-100%)}.home-feed-load-error{break-inside:avoid;border:1px solid color-mix(in srgb, #d55e00 32%, var(--surface-border));border-radius:var(--radius-sm);background:color-mix(in srgb, #d55e00 8%, var(--surface));color:var(--text-secondary);margin:0 0 12px;padding:12px;font-size:12px;line-height:1.4}@keyframes home-feed-loading-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.home-feed-loading-line:after,.home-feed-loading-photo-slot:after,.home-feed-loading-path-line:after{animation:none}}.home-feed-card.species{--species-card-radius:8px;--species-card-gutter:4px;--species-card-inner-radius:calc(var(--species-card-radius) - var(--species-card-gutter));--species-card-frame-fill:color-mix(in srgb, var(--species-card-chrome,var(--surface)) 18%, var(--surface));isolation:isolate;border-radius:var(--species-card-radius);border-color:color-mix(in srgb, var(--species-card-border,var(--accent)) 42%, var(--surface-border));background:linear-gradient(180deg, color-mix(in srgb, var(--species-card-fill,var(--accent-dim)) 12%, transparent), transparent 52%), var(--species-card-frame-fill);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--species-card-border,var(--accent)) 18%, transparent), var(--elevation-2-shadow);gap:0;padding:0;position:relative}.home-feed-card.species:before{content:"";inset:var(--species-card-gutter);z-index:5;border:1px solid color-mix(in srgb, var(--species-card-border,var(--accent)) 34%, transparent);border-radius:var(--species-card-inner-radius);pointer-events:none;position:absolute}.home-feed-card.species.is-classic:before{border-color:color-mix(in srgb, #6b6560 34%, var(--species-card-border));box-shadow:inset 0 0 0 2px #ffffff38,inset 0 0 0 3px #6b65602e}.home-feed-card.species:after{content:"";inset:var(--species-card-gutter);z-index:1;border-radius:var(--species-card-inner-radius);opacity:var(--species-card-shine,.12);pointer-events:none;background:linear-gradient(115deg,#0000 0 36%,#ffffff1a 46%,#0000 56% 100%);position:absolute}.home-feed-card.species:hover{--species-card-frame-fill:color-mix(in srgb, var(--species-card-chrome,var(--surface)) 24%, var(--surface));border-color:color-mix(in srgb, var(--species-card-border,var(--accent)) 74%, var(--surface-border));background:linear-gradient(180deg, color-mix(in srgb, var(--species-card-fill,var(--accent-dim)) 16%, transparent), transparent 54%), var(--species-card-frame-fill)}.home-feed-card.species.rarity-common{--species-card-border:#56b4e9;--species-card-fill:#0072b2;--species-card-chrome:#eaf6fc;--species-card-shine:.12}.home-feed-card.species.rarity-uncommon{--species-card-border:#009e73;--species-card-fill:#009e73;--species-card-chrome:#ddf3ec;--species-card-shine:.12}.home-feed-card.species.rarity-rare{--species-card-border:#0072b2;--species-card-fill:#56b4e9;--species-card-chrome:#e1f1fa;--species-card-shine:.14}.home-feed-card.species.rarity-epic{--species-card-border:#cc79a7;--species-card-fill:#cc79a7;--species-card-chrome:#f6e5ef;--species-card-shine:.14}.home-feed-card.species.rarity-legendary{--species-card-border:#e69f00;--species-card-fill:#f0e442;--species-card-chrome:#fff5bf;--species-card-shine:.16}.home-feed-card.species.rarity-mythic{--species-card-border:#d55e00;--species-card-fill:#e69f00;--species-card-chrome:#fce7d8;--species-card-shine:.16}.home-feed-card.species .home-card-image{width:100%;box-shadow:none;border:0;border-radius:0}.home-feed-card.species .home-card-image:before{content:"";left:var(--species-card-gutter);right:var(--species-card-gutter);top:var(--species-card-gutter);bottom:calc(-1 * var(--species-card-gutter));z-index:4;border-radius:var(--species-card-inner-radius) var(--species-card-inner-radius) 0 0;box-shadow:0 0 0 999px var(--species-card-frame-fill);pointer-events:none;position:absolute}.home-card-image{--home-card-image-ratio:4 / 3;z-index:2;width:100%;aspect-ratio:var(--home-card-image-ratio);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, transparent), color-mix(in srgb, var(--field-warm) 11%, transparent)), var(--accent-dim);display:block;position:relative;overflow:hidden}.home-card-image.is-landscape{--home-card-image-ratio:4 / 3}.home-card-image.is-portrait{--home-card-image-ratio:3 / 4}.home-card-image img{object-fit:cover;width:100%;height:100%;display:block}.home-card-image:after{content:"";pointer-events:none;background:linear-gradient(#0000 48%,#00000047);position:absolute;inset:0}.home-card-image b{z-index:6;color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 16px);-webkit-backdrop-filter:blur(var(--elevation-1-blur));backdrop-filter:blur(var(--elevation-1-blur));background:#06080c94;border:1px solid #ffffff3d;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:600;line-height:1;position:absolute;bottom:8px;right:8px;overflow:hidden}.home-feed-card.species.rarity-common .home-card-image b{background:#56b4e9c7}.home-feed-card.species.rarity-uncommon .home-card-image b{background:#009e73c7}.home-feed-card.species.rarity-rare .home-card-image b{background:#0072b2c7}.home-feed-card.species.rarity-epic .home-card-image b{background:#cc79a7c7}.home-feed-card.species.rarity-legendary .home-card-image b{background:#e69f00c7}.home-feed-card.species.rarity-mythic .home-card-image b{background:#d55e00c7}.home-feed-card.species .home-card-image b{max-width:calc(100% - 16px)}.species-card-rarity{--r:var(--species-card-border,var(--accent));z-index:6;color:color-mix(in srgb, var(--r) 74%, #241f1a);background:linear-gradient(180deg, #ffffffb3, transparent 46%), color-mix(in srgb, var(--r) 15%, #fff);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--r) 46%, transparent), 0 3px 8px #00000047;border-radius:8px;align-items:center;gap:5px;padding:4px 9px 4px 7px;display:inline-flex;position:absolute;top:7px;right:7px;overflow:hidden}.species-card-rarity>*{z-index:1;position:relative}.species-card-rarity strong{font-family:Noto Serif SC,serif;font-size:14px;font-weight:700;line-height:1}.species-card-rarity small{letter-spacing:.04em;font-size:10px;font-weight:700;line-height:1}.rarity-legendary .species-card-rarity{color:#3a2f12;background:linear-gradient(135deg,#fff6da,#e9c257 40%,#b98a1e 70%,#f4dd96);box-shadow:inset 0 0 0 1px #fff9,0 3px 9px #78500066}.rarity-mythic .species-card-rarity{color:#2a1420;background:conic-gradient(from 200deg,#ffd1e8,#c6f0ff,#d6ffd9,#fff2c2,#ffd1e8);box-shadow:inset 0 0 0 1px #ffffffb3,0 3px 10px #b43c0066}.species-card-rarity.classic:before{content:"";z-index:0;opacity:.8;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:linear-gradient(135deg,#fff,#c8ccd2 55%,#8f9298);width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.species-card-source-list{flex-wrap:wrap;gap:5px;display:flex}.species-card-tier{border:1px solid color-mix(in srgb, var(--source-color,var(--species-card-border)) 30%, var(--surface-border));background:color-mix(in srgb, var(--source-tint,var(--surface)) 44%, transparent);width:max-content;max-width:100%;color:color-mix(in srgb, var(--source-color,var(--species-card-border)) 72%, var(--text-secondary));border-radius:999px;align-items:center;gap:5px;padding:3px 6px;font-size:10px;font-weight:600;line-height:1.2;display:flex}.species-card-tier i{background:var(--source-color,var(--species-card-border));width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--source-color,var(--species-card-border)) 16%, transparent);border-radius:50%}.species-card-tier.source-nearby{--source-color:#009e73;--source-tint:#ddf3ec}.species-card-tier.source-seasonal{--source-color:#e69f00;--source-tint:#fff4c7}.species-card-facts{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.species-card-fam{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);font-size:10px;line-height:1.35;overflow:hidden}.species-card-no{letter-spacing:.02em;color:var(--text-secondary);flex:none;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10px;font-weight:600}.species-card-rule{display:none}.home-card-image-empty{width:100%;height:100%;display:block}.home-card-copy{z-index:2;align-content:start;gap:5px;min-width:0;padding:10px;display:grid;position:relative}.home-feed-card.species .home-card-copy{padding:10px 10px 9px}.home-card-copy>span:last-child{color:var(--text-muted);font-size:10px;line-height:1.35}@media (width>=769px){.home-feed-card.observation{display:block;position:relative}.home-feed-card.observation .home-card-image img{transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.home-feed-card.observation:hover .home-card-image img{transform:scale(1.045)}.home-feed-card.observation .home-card-image:after{background:linear-gradient(#0000 34%,#00000057 64%,#000c)}.home-feed-card.observation .home-card-copy{z-index:5;gap:3px;padding:12px 13px 11px;position:absolute;inset:auto 0 0}.home-feed-card.observation .record-name strong{color:#fff;text-shadow:0 1px 3px #0006}.home-feed-card.observation .home-card-copy .record-name em{color:color-mix(in oklab, var(--field-green) 58%, white)}.home-feed-card.observation .home-card-copy>span:last-child{color:#ffffffbd}.home-feed-grid[data-feed-mode=collect]{column-count:initial;grid-template-columns:repeat(auto-fill,minmax(188px,1fr));align-items:start;gap:18px;display:grid}.home-feed-grid[data-feed-mode=collect] .home-feed-card.species{margin:0}.home-feed-card.species:before,.home-feed-card.species:after,.home-feed-card.species .home-card-image:before,.home-feed-card.species .home-card-image:after{content:none}.home-feed-card.species{--r:var(--species-card-border,var(--accent));aspect-ratio:5/7;background:linear-gradient(180deg, color-mix(in oklab, var(--r) 7%, transparent), transparent 34%), var(--surface);width:100%;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--surface-border) 85%, transparent), inset 0 0 0 var(--fw,3px) color-mix(in oklab, var(--r) 28%, var(--surface)), inset 0 0 0 calc(var(--fw,3px) + 1px) color-mix(in oklab, var(--r) 52%, var(--surface-border)), 0 14px 30px -18px color-mix(in oklab, var(--r) var(--glow,48%), #000), var(--elevation-2-shadow);transition:transform var(--transition-fast) ease;border:0;border-radius:15px;flex-direction:column;gap:8px;padding:9px;display:flex;overflow:hidden}.home-feed-card.species:hover{transform:translateY(-4px)}.home-feed-card.species.is-classic{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--surface-border) 85%, transparent), inset 0 0 0 var(--fw,3px) color-mix(in oklab, var(--r) 28%, var(--surface)), inset 0 0 0 calc(var(--fw,3px) + 1px) color-mix(in oklab, var(--r) 52%, var(--surface-border)), inset 0 0 0 calc(var(--fw,3px) + 3px) #ffffff80, inset 0 0 0 calc(var(--fw,3px) + 4px) #c2c5cb, 0 14px 30px -18px color-mix(in oklab, var(--r) var(--glow,48%), #000), var(--elevation-2-shadow)}.home-feed-card.species .home-card-image{aspect-ratio:auto;border-radius:9px;flex:none;width:100%;height:56%;overflow:hidden;box-shadow:inset 0 0 0 1px #0000003d}.home-feed-card.species .home-card-image img{transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.home-feed-card.species:hover .home-card-image img{transform:scale(1.05)}.home-feed-card.species .home-card-copy{flex-direction:column;flex:1;gap:3px;min-height:0;padding:2px 4px 3px;display:flex}.home-feed-card.species .record-name strong{font-size:14px}.home-feed-card.species .species-card-rule{background:repeating-linear-gradient(90deg, var(--surface-border) 0 5px, transparent 5px 9px);height:1px;margin:5px 0 4px;display:block}.home-feed-card.species .species-card-no{color:color-mix(in oklab, var(--r) 48%, var(--text-secondary))}.home-feed-card.species .species-card-source-list{margin-top:auto}.home-feed-card.species.rarity-common{--fw:2px;--glow:24%}.home-feed-card.species.rarity-uncommon{--fw:3px;--glow:34%}.home-feed-card.species.rarity-rare{--fw:3px;--glow:46%}.home-feed-card.species.rarity-epic{--fw:4px;--glow:58%}.home-feed-card.species.rarity-legendary{--fw:4px;--glow:70%}.home-feed-card.species.rarity-mythic{--fw:5px;--glow:82%}}.species-detail-backdrop{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.species-detail-shell{z-index:114;scrollbar-width:none;flex-direction:column;gap:12px;width:min(480px,100vw - 48px);max-height:min(680px,100vh - 120px);display:flex;position:fixed;bottom:86px;left:50%;overflow:auto;transform:translate(-50%)}.species-detail-shell::-webkit-scrollbar{width:0}.app-overlay-panel.species-record-detail{z-index:auto;-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;max-height:none;box-shadow:none;animation:none;position:static;transform:none}@media (width<=768px){.species-detail-shell{width:auto;left:10px;right:10px;bottom:calc(68px + var(--safe-bottom));max-height:min(82vh,720px);transform:none}}.species-holo-stage{perspective:1100px;place-items:center;padding:4px 0 8px;display:grid}.species-holo-card{--r:var(--species-card-border,var(--accent));--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--bp:50% 50%;aspect-ratio:5/7;width:min(300px,78vw);transform:rotateX(var(--ry)) rotateY(var(--rx));box-shadow:inset 0 0 0 1px #d9d2c0, inset 0 0 0 var(--fw,4px) color-mix(in oklab, var(--r) 30%, #f4f0e6), inset 0 0 0 calc(var(--fw,4px) + 1px) color-mix(in oklab, var(--r) 55%, #d9d2c0);background:#f4f0e6;border-radius:18px;transition:transform .25s;position:relative;overflow:hidden}.species-holo-card .hc-art{background:var(--accent-dim);border-radius:11px;height:58%;position:absolute;top:9px;left:9px;right:9px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000038}.species-holo-card .hc-art img{object-fit:cover;width:100%;height:100%;display:block}.species-holo-card .hc-holo,.species-holo-card .hc-glare{pointer-events:none;border-radius:14px;position:absolute;inset:5px}.species-holo-card .hc-holo{z-index:2;background-position:var(--bp)}.species-holo-card .hc-glare{z-index:4;background:radial-gradient(circle at var(--mx) var(--my), #ffffff6b, transparent 44%);mix-blend-mode:soft-light}.species-holo-card.rarity-common .hc-holo{background:linear-gradient(115deg,#beeff98c,#e8cbf68c 28%,#faf0c68c 54%,#c2f4db8c 80%,#beeff98c) 0 0/220% 220%;background-position:var(--bp);mix-blend-mode:soft-light;opacity:.8}.species-holo-card.rarity-uncommon .hc-holo{background:linear-gradient(125deg,#fb60d48c 0%,#a76ef780 30%,#4cecfa8c 55%,#fb60fb80 85%,#fb60d48c 100%) 0 0/300% 300%;background-position:var(--bp);mix-blend-mode:overlay;opacity:.5}.species-holo-card.rarity-rare .hc-holo{background:linear-gradient(110deg,#0000 40%,#fff9 48%,#0000 56%) 0 0/240% 240%,linear-gradient(110deg,#0000 38%,#ff80ff59 47%,#66e6ff59 50%,#0000 60%) 0 0/240% 240%;background-position:var(--bp), var(--bp);mix-blend-mode:overlay;opacity:.9}.species-holo-card.rarity-epic .hc-holo{background-color:#0000;background-image:linear-gradient(56deg,#0000 46%,#ffffff80 48%,#0000 50%),linear-gradient(-38deg,#0000 60%,#d580ff80 62%,#0000 64%),linear-gradient(120deg,#0000 30%,#70ffff80 33%,#0000 36%),conic-gradient(from 140deg at 60% 35%,#ff707066,#ffff7066,#5cffad66,#70a0ff66,#ff7aff66,#ff707066);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;background-position:var(--bp);mix-blend-mode:color-dodge;opacity:.34}.species-holo-card.rarity-legendary .hc-holo{background:conic-gradient(from 90deg at 42% 38%, #fff2be8c, #c696344d 20%, #ffe4968c 42%, #b080244d 66%, #fff2be8c 100%), radial-gradient(circle at var(--mx) var(--my), #ffeca88c, transparent 48%);background-size:200% 200%,100% 100%;background-position:var(--bp), 0 0;mix-blend-mode:overlay;opacity:.72}.species-holo-card.rarity-mythic .hc-holo{background:repeating-linear-gradient(112deg,#ff5252 0%,#ffdc52 7%,#47ff47 14%,#52e2ff 21%,#c95cff 28%,#ff5252 35%) 0 0/240% 240%;background-position:var(--bp);mix-blend-mode:overlay;opacity:.42;filter:saturate(1.4)}.species-holo-card .species-card-rarity{top:15px;right:15px}.species-holo-card .hc-plate{z-index:6;position:absolute;top:calc(58% + 20px);left:16px;right:16px}.species-holo-card .hc-cn{color:#1c211a;font-family:Noto Serif SC,serif;font-size:21px;font-weight:700;line-height:1.1;display:block}.species-holo-card .hc-sci{color:color-mix(in srgb, var(--field-green) 60%, #59604f);margin-top:2px;font-family:Noto Serif SC,serif;font-size:13px;font-style:italic;display:block}.species-holo-card .hc-rule{background:repeating-linear-gradient(90deg,#cfc8b4 0 5px,#0000 5px 9px);height:1px;margin:9px 0 7px;display:block}.species-holo-card .hc-foot{color:#8a8f7f;justify-content:space-between;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10px;display:flex}.species-holo-card .hc-foot .hc-no{color:color-mix(in srgb, var(--r) 48%, #59604f);font-weight:600}.species-holo-card.rarity-common{--species-card-border:#56b4e9;--fw:3px}.species-holo-card.rarity-uncommon{--species-card-border:#009e73;--fw:4px}.species-holo-card.rarity-rare{--species-card-border:#0072b2;--fw:4px}.species-holo-card.rarity-epic{--species-card-border:#cc79a7;--fw:5px}.species-holo-card.rarity-legendary{--species-card-border:#e69f00;--fw:5px}.species-holo-card.rarity-mythic{--species-card-border:#d55e00;--fw:6px}.species-detail-actions{justify-content:center;margin:4px 0 2px;display:flex}.species-detail-actions .record-tree-focus{border-radius:999px;align-items:center;gap:7px;width:auto;height:auto;padding:8px 14px;font-size:12px;display:inline-flex}.species-attrs{flex-wrap:wrap;gap:8px;display:flex}.species-attrs>div{border:1px solid var(--surface-border);background:color-mix(in srgb, var(--surface) 60%, transparent);border-radius:9px;gap:2px;padding:7px 11px;display:grid}.species-attrs b{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:9px;font-weight:600}.species-attrs span{color:var(--text-primary);font-size:12.5px;font-weight:500}.species-attrs .mono{font-family:ui-monospace,Menlo,Consolas,monospace}@media (prefers-reduced-motion:reduce){.species-holo-card{transition:none}}.species-detail-image{aspect-ratio:4/3;border-radius:var(--radius-sm);background:var(--accent-dim);position:relative;overflow:hidden}.species-detail-image img{object-fit:cover;width:100%;height:100%;display:block}.species-detail-image span{color:#fff;-webkit-backdrop-filter:blur(var(--elevation-1-blur));backdrop-filter:blur(var(--elevation-1-blur));background:#06080c94;border-radius:999px;padding:4px 7px;font-size:10px;line-height:1;position:absolute;bottom:8px;right:8px}.species-card-summary{color:var(--text-secondary);margin-top:7px;font-size:11px;line-height:1.55}.widget-grip{height:12px;margin:0 0 10px;position:relative}.widget-grip:before{content:"";background:var(--surface-border);border-radius:999px;width:44px;height:3px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.map-widget-grip{margin:0}.app-panel-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.app-panel-header h2{flex:1;font-family:Noto Serif SC,serif;font-size:16px;font-weight:700;line-height:1.2}.app-panel-header button{border:1px solid var(--surface-border);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;font-size:20px;line-height:1}.map-close-button{z-index:4;border:1px solid var(--surface-border);background:var(--surface);width:34px;height:34px;color:var(--text-primary);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));border-radius:9px;font-size:22px;line-height:1;position:fixed;top:10px;right:10px}.map-theme-switcher{z-index:4;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface);max-width:min(420px,100vw - 58px);-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));flex-wrap:wrap;gap:4px;padding:4px;display:flex;position:fixed;top:10px;left:10px}.map-theme-switcher button{height:26px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:0 9px;font-size:11px}.map-theme-switcher button.active{border-color:var(--active-border);background:var(--active-bg);color:var(--text-primary)}.map-detail-backdrop{z-index:113}.map-canvas{background:var(--map-canvas-bg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.map-canvas:active{cursor:grabbing}.map-canvas:after{content:"";pointer-events:none;background:var(--map-atmosphere);position:absolute;inset:0}.map-canvas>img{width:256px;height:256px;transform:translate(var(--map-x,0px), var(--map-y,0px));-webkit-user-select:none;user-select:none;-webkit-user-drag:none;position:absolute;top:50%;left:50%}.map-theme-standard>img{filter:saturate(.98) contrast(.96) brightness(.98) var(--map-tile-adjust, )}.map-theme-cyclosm>img{filter:saturate(1.12) contrast(1.02) brightness(.99) var(--map-tile-adjust, )}.map-theme-humanitarian>img{filter:saturate(1.04) contrast(1) brightness(.99) var(--map-tile-adjust, )}.map-point{z-index:2;width:48px;height:78px;transform:translate(calc(var(--map-x,0px) - 50%), calc(var(--map-y,0px) - 100%));cursor:pointer;background:0 0;border:0;padding:0;position:absolute;top:50%;left:50%}.map-point-connector{pointer-events:none;position:absolute;inset:0;overflow:visible}.map-point-connector-fill{fill:color-mix(in srgb, var(--field-warm) 8%, transparent)}.map-point-connector-line{fill:none;stroke:var(--field-warm);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.map-point-anchor{background:var(--field-warm);border:0;border-radius:50%;width:5px;height:5px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #00000052}.map-point-photo{left:50%;top:var(--map-bubble-top,14px);border:2px solid var(--field-warm);background:var(--accent-dim);border-radius:50%;width:42px;height:42px;display:block;position:absolute;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 22px #00000059}.map-point-photo img{object-fit:cover;width:100%;height:100%;display:block}.map-empty{z-index:2;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface);text-align:center;width:min(320px,100vw - 40px);-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));gap:4px;padding:14px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-empty strong{font-family:Noto Serif SC,serif;font-size:15px}.map-empty span{color:var(--text-secondary);font-size:11px;line-height:1.45}.map-record-summary{z-index:9;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface);width:340px;max-width:calc(100% - 24px);color:var(--text-primary);-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));gap:8px;padding:0;display:grid;position:absolute;top:12px;left:12px;box-shadow:0 10px 28px #0003}.map-place-search{z-index:2;padding:8px 8px 0;position:relative}.map-record-summary.no-visible-records .map-place-search{padding-bottom:8px}.map-place-search label{height:var(--control-height);border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-muted);-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));transition:border-color var(--transition-fast) ease, color var(--transition-fast) ease, background-color var(--transition-fast) ease;align-items:center;gap:8px;padding:0 11px 0 8px;display:flex}.map-place-search:focus-within label{border-color:var(--accent-dim);color:var(--search-accent);background:var(--input-bg-focus)}.map-place-search label>span{flex:none;place-items:center;width:18px;height:18px;display:grid}.map-place-search label>span svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}.map-place-search input{width:100%;min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;font-size:12px;font-weight:500}.map-place-search input::placeholder{color:var(--input-placeholder);font-weight:400}.map-place-results{z-index:4;overscroll-behavior:contain;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--result-bg);max-height:260px;-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));box-shadow:0 12px 32px var(--shadow-overlay);scrollbar-width:thin;position:absolute;top:calc(100% + 6px);left:8px;right:8px;overflow:hidden auto}.map-place-results.history{max-height:150px}.map-place-results button{border:0;border-bottom:1px solid var(--surface-border);width:100%;min-width:0;height:42px;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.map-place-results button:last-child{border-bottom:0}.map-place-results button:hover,.map-place-results button:focus-visible{background:color-mix(in srgb, var(--result-bg) 82%, var(--search-accent) 12%);box-shadow:inset 2px 0 0 var(--search-accent);outline:0}.map-place-results button span,.map-place-results button em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.map-place-results button span{font-size:12px;font-weight:600}.map-place-results button em{color:var(--text-muted);font-size:10px;font-style:normal}.map-place-empty{color:var(--text-secondary);padding:10px;font-size:11px;line-height:1.45}.map-record-list{display:grid;overflow:hidden}.map-record-list.search-active{pointer-events:none}.map-record-row{border:0;border-bottom:1px solid var(--surface-border);width:100%;min-width:0;height:52px;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:0;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:7px 11px;display:grid}.map-record-row:last-child{border-bottom:0}.map-record-row:hover,.map-record-row:focus-visible{background:var(--active-bg);outline:0}.map-record-text{grid-template-rows:18px 14px;gap:2px;min-width:0;display:grid}.map-record-taxonomy{align-items:baseline;gap:5px;min-width:0;display:inline-flex;overflow:hidden}.map-record-taxonomy>span,.map-record-meta em,.map-record-meta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.map-record-taxonomy>span{font-family:Noto Serif SC,serif;font-size:13px;line-height:18px}.map-record-taxonomy i{color:var(--text-muted);margin-right:5px;font-family:Noto Sans SC,sans-serif;font-style:normal}.map-record-meta{min-width:0;color:var(--text-secondary);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;font-size:10px;line-height:14px;display:grid}.map-record-meta em{font-style:italic}.map-record-meta span{color:var(--text-muted)}.map-record-summary img{object-fit:cover;width:100%;height:100%;display:block}.map-observation-sheet{display:none}.map-attribution{z-index:9;border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);-webkit-backdrop-filter:blur(var(--elevation-1-blur));backdrop-filter:blur(var(--elevation-1-blur));box-shadow:var(--elevation-1-shadow);padding:3px 6px;font-size:9px;position:absolute;bottom:10px;right:10px}.records-list,.location-list{gap:8px;display:grid}.record-row,.location-row{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-inset);grid-template-columns:54px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:8px;display:grid}.record-row{border-color:var(--surface-border);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}.record-row:hover{border-color:var(--active-border);background:var(--active-bg)}.record-thumb-stack,.record-thumb-placeholder{flex:none;width:54px;height:46px;position:relative}.record-thumb-placeholder{background:var(--accent-dim);border:1px solid var(--surface-border);border-radius:7px}.record-thumb-stack img{object-fit:cover;width:46px;height:46px;transform:translate(calc(var(--stack-index) * 3px), calc(var(--stack-index) * -3px)) rotate(calc((var(--stack-index) - 1) * 2deg));border:1px solid #ffffff38;border-radius:7px;position:absolute;top:0;left:0;box-shadow:0 5px 12px #0000002e}.record-thumb-stack.stacked{margin-right:0}.record-detail-panel{width:min(520px,100vw - 48px);max-height:min(760px,100vh - 124px)}.map-record-detail{z-index:114;width:min(480px,100vw - 48px)}.record-photo-stack{aspect-ratio:16/10;border-radius:var(--radius-md);background:#ffffff0a;align-items:stretch;width:100%;display:grid;position:relative;overflow:hidden}.record-detail-image{z-index:2;border-radius:var(--radius-md);cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.record-detail-image img{object-fit:cover;width:100%;height:100%}.record-photo-stack.has-multiple .record-detail-image{width:78%;box-shadow:0 0 0 1px var(--surface-border), 0 10px 28px #00000047;justify-self:center}.record-photo-side{z-index:1;opacity:.48;filter:blur(1.4px)saturate(.9);cursor:pointer;background:0 0;border:0;width:31%;padding:0;position:absolute;top:0;bottom:0}.record-photo-side.previous{left:-7%}.record-photo-side.next{right:-7%}.record-photo-side img{object-fit:cover;width:100%;height:100%}.record-photo-count{z-index:3;color:#fff;-webkit-backdrop-filter:blur(var(--elevation-1-blur));backdrop-filter:blur(var(--elevation-1-blur));background:#0000007a;border-radius:999px;padding:4px 7px;font-size:10px;line-height:1;position:absolute;bottom:8px;right:8px}.record-photo-actions{z-index:4;gap:6px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.record-photo-action{color:#fff;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(var(--elevation-1-blur));backdrop-filter:blur(var(--elevation-1-blur));transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, opacity var(--transition-fast) ease;background:#00000080;border:1px solid #ffffff6b;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:600;line-height:1}.record-photo-action:hover{background:#000000ad}.record-photo-action.delete{border-color:color-mix(in srgb, var(--status-danger) 62%, transparent);color:color-mix(in srgb, var(--status-danger) 30%, #fff)}.record-photo-action.delete:hover{background:color-mix(in srgb, var(--status-danger) 42%, #00000080)}.record-photo-action:disabled{opacity:.5;cursor:default}.record-image-close{z-index:2;color:#fff;width:30px;height:30px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(var(--elevation-1-blur));backdrop-filter:blur(var(--elevation-1-blur));background:#00000075;border:1px solid #ffffff6b;border-radius:50%;place-items:center;font-size:20px;line-height:1;display:grid;position:absolute;top:8px;right:8px}.record-detail-title{justify-content:space-between;align-items:start;gap:14px;margin-top:14px;display:flex}.record-detail-title div{min-width:0}.record-detail-title strong{color:var(--text-primary);font-family:Noto Serif SC,serif;font-size:20px;line-height:1.25;display:block}.record-detail-title em,.record-name em{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;font-style:italic;line-height:normal;display:block;overflow:hidden}.home-card-copy .record-name em{font-family:var(--font-serif);color:var(--field-green)}.record-detail-title span{color:var(--text-muted);margin-top:5px;font-size:12px;display:block}.record-detail-actions{z-index:10;flex:none;align-items:center;gap:8px;display:flex;position:relative}.record-taxonomy-card,.record-candidates,.record-wiki-card{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-inset);margin-top:14px;padding:10px}.record-detail-action{width:36px;height:var(--control-height);border:1px solid color-mix(in srgb, var(--field-warm) 28%, transparent);background:color-mix(in srgb, var(--surface) 78%, var(--accent-dim));color:color-mix(in srgb, var(--accent) 72%, var(--text-muted));font:inherit;cursor:pointer;transition:border-color var(--transition-fast) ease, color var(--transition-fast) ease, background-color var(--transition-fast) ease, transform var(--transition-fast) ease;border-radius:50%;place-items:center;margin-top:1px;padding:0;display:grid;box-shadow:0 5px 14px #0000001f,inset 0 1px #ffffff14}.record-tree-focus{color:color-mix(in srgb, var(--accent) 64%, var(--text-muted));border-color:#7aa5ff47}.record-photo-add{border-color:color-mix(in srgb, var(--field-green) 32%, transparent);color:color-mix(in srgb, var(--field-green) 74%, var(--text-muted))}.record-supplement-input{display:none}.record-detail-status{color:var(--status-danger)}.record-detail-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;display:block}.record-detail-action:hover{border-color:var(--active-border);color:var(--accent);background:var(--active-bg);transform:translateY(-1px)}.record-detail-action:disabled{opacity:.34;cursor:default;transform:none}.record-detail-action[data-tooltip]{position:relative}@media (hover:hover){.record-detail-action[data-tooltip]:after{content:attr(data-tooltip);border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);white-space:nowrap;pointer-events:none;opacity:0;box-shadow:var(--elevation-2-shadow);-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));transition:opacity var(--transition-fast) ease, transform var(--transition-fast) ease;z-index:6;padding:5px 9px;font-size:11px;font-weight:600;line-height:1;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(3px)}.record-detail-action[data-tooltip]:hover:after,.record-detail-action[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}}.record-danger-zone{border-top:1px solid var(--surface-border);justify-content:center;margin-top:16px;padding-top:14px;display:flex}.record-delete-button{border:1px solid color-mix(in srgb, var(--status-danger) 32%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--status-danger) 8%, transparent);height:34px;color:var(--status-danger);font:inherit;cursor:pointer;transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease;align-items:center;gap:7px;padding:0 16px;font-size:12px;font-weight:600;display:inline-flex}.record-delete-button:hover{background:color-mix(in srgb, var(--status-danger) 16%, transparent);border-color:color-mix(in srgb, var(--status-danger) 50%, transparent)}.record-delete-button:disabled{opacity:.5;cursor:default}.record-delete-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.record-confirm-layer{z-index:200;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.record-confirm-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#00000080;border:0;padding:0;position:absolute;inset:0}.record-confirm-card{z-index:1;border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface);width:min(340px,100%);box-shadow:var(--elevation-3-shadow,0 24px 60px #0006);-webkit-backdrop-filter:blur(var(--elevation-3-blur));backdrop-filter:blur(var(--elevation-3-blur));flex-direction:column;gap:8px;padding:20px;display:flex;position:relative}.record-confirm-card strong{color:var(--text-primary);font-size:15px}.record-confirm-card p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.record-confirm-error{color:var(--status-danger);font-size:11px}.record-confirm-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.record-confirm-cancel,.record-confirm-danger{border-radius:var(--radius-sm);height:34px;font:inherit;cursor:pointer;transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease;padding:0 16px;font-size:12px;font-weight:600}.record-confirm-cancel{border:1px solid var(--surface-border);color:var(--text-secondary);background:0 0}.record-confirm-cancel:hover{color:var(--text-primary);border-color:var(--active-border)}.record-confirm-danger{background:var(--status-danger);color:#fff;border:1px solid #0000}.record-confirm-danger:hover{background:color-mix(in srgb, var(--status-danger) 85%, #000)}.record-confirm-cancel:disabled,.record-confirm-danger:disabled{opacity:.55;cursor:default}.record-taxonomy-card>span,.record-candidates>span,.record-wiki-card>span,.external-databases-title{color:var(--text-muted);font-size:10px;line-height:1.2;display:block}.record-wiki-card .wiki-preview{border-top:0;margin-top:8px;padding-top:0}.record-taxonomy-graph{gap:8px;margin-top:8px;display:grid}.record-taxonomy-graph div{border:1px dashed var(--surface-border);border-radius:var(--radius-sm);gap:2px;padding:8px 10px;display:grid;position:relative}.record-taxonomy-graph div+div:before{content:"";background:var(--surface-border);width:1px;height:8px;position:absolute;top:-9px;left:20px}.record-taxonomy-graph div.matched{border-style:solid;border-color:var(--active-border)}.record-taxonomy-summary{width:100%;min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:0;display:flex}.record-taxonomy-summary:disabled{cursor:default}.record-taxonomy-summary.loading b{color:var(--text-muted)}.record-taxonomy-summary span{gap:2px;min-width:0;display:grid}.record-taxonomy-summary strong{color:var(--accent);flex:none;font-size:10px;font-weight:600}.record-taxonomy-graph small,.record-taxonomy-summary small{color:var(--text-muted);letter-spacing:0;font-size:9px}.record-taxonomy-graph ol{gap:0;margin:6px 0 0;list-style:none;display:grid}.record-taxonomy-graph li{gap:1px;min-width:0;padding:0 0 8px 15px;display:grid;position:relative}.record-taxonomy-graph li:before{content:"";border:1px solid var(--accent);background:var(--surface);border-radius:50%;width:6px;height:6px;position:absolute;top:5px;left:2px}.record-taxonomy-graph li:after{content:"";background:var(--surface-border);width:1px;position:absolute;top:13px;bottom:0;left:5px}.record-taxonomy-graph li:last-child{padding-bottom:0}.record-taxonomy-graph li:last-child:after{display:none}.record-taxonomy-graph b,.record-taxonomy-summary b{color:var(--text-primary);overflow-wrap:anywhere;font-size:11px;line-height:1.3}.record-taxonomy-summary b{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.record-taxonomy-graph em,.record-taxonomy-summary em{color:var(--text-muted);overflow-wrap:anywhere;font-size:10px;font-style:normal;line-height:1.25}.record-candidates{gap:9px;display:grid}.record-candidates div{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.record-candidate-name{flex:auto;min-width:0;display:block}.record-candidates b,.record-candidate-name b{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3;display:block;overflow:hidden}.record-candidates em,.record-candidate-name em{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;padding-right:.22em;font-size:10px;font-style:italic;line-height:1.25;display:block;overflow:hidden}.record-row-text,.location-row{min-width:0}.record-name,.record-row strong,.location-row strong{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:12px;line-height:1.35;display:block;overflow:hidden}.record-name strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.record-row span,.location-row span,.map-placeholder span{color:var(--text-muted);margin-top:2px;font-size:10px;line-height:1.35;display:block}.map-placeholder{border:1px dashed var(--surface-border);border-radius:var(--radius-sm);height:170px;color:var(--text-secondary);text-align:center;place-content:center;gap:4px;margin-bottom:10px;display:grid}.map-placeholder div{font-family:Noto Serif SC,serif;font-size:16px}.app-empty{color:var(--text-muted);text-align:center;padding:22px 8px;font-size:12px}.app-login-card{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-inset);align-items:center;gap:10px;margin-bottom:14px;padding:10px;display:flex;position:relative}.app-avatar{border:1px solid var(--active-border);background:var(--active-bg-strong);width:38px;height:38px;color:var(--text-primary);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid;position:relative;overflow:hidden}.app-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.app-login-card div:last-child{min-width:0}.app-login-card span,.app-login-card code{color:var(--text-muted);font-size:10px;line-height:1.3;display:block}.app-login-card strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:1px 0;font-size:14px;line-height:1.25;display:block;overflow:hidden}.app-profile-body{flex:1;min-width:0}.app-profile-name-row{align-items:center;gap:8px;min-width:0;height:19px;margin:1px 0;display:flex}.app-profile-name-row strong{flex:1;margin:0;line-height:19px}.app-profile-name-row input{background:color-mix(in srgb, var(--input-bg) 68%, transparent);width:100%;min-width:0;height:19px;box-shadow:inset 0 -1px 0 var(--active-border);color:var(--text-primary);font:inherit;border:0;border-radius:4px;outline:0;flex:1;padding:0;font-size:14px;font-weight:600;line-height:19px}.app-profile-name-row button{border:1px solid var(--surface-border);width:32px;height:19px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:0;font-size:10px;line-height:17px}.app-profile-name-row button:disabled{cursor:wait;opacity:.65}.app-login-card code{text-overflow:ellipsis;white-space:nowrap;font-family:inherit;overflow:hidden}.app-login-toast-stack{display:contents}.app-login-toast{z-index:3;border:1px solid var(--surface-border);background:var(--surface);min-width:58px;max-width:calc(100% - 20px);color:var(--text-primary);pointer-events:none;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:600;line-height:1.1;animation:1.6s forwards app-login-toast-float;position:absolute;top:calc(100% - 2px);left:50%;overflow:hidden;box-shadow:0 10px 28px #0000002e}.app-login-toast.saving{animation:app-login-toast-enter var(--transition-panel) ease forwards}.app-login-toast.error{border-color:color-mix(in srgb, var(--status-danger) 45%, transparent);color:var(--status-danger)}@keyframes app-login-toast-float{0%{opacity:0;transform:translate(-50%,-8px)}16%,76%{opacity:1;transform:translate(-50%,6px)}to{opacity:0;transform:translate(-50%,-2px)}}@keyframes app-login-toast-enter{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,6px)}}.app-progress-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 14px;display:grid}.app-progress-grid div{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-inset);text-align:center;gap:2px;min-width:0;padding:8px 6px;display:grid}.app-progress-grid span{color:var(--text-muted);font-size:9px;line-height:1.1}.app-progress-grid strong{color:var(--text-primary);font-size:14px;line-height:1.15}.settings-backdrop{z-index:88}.app-setting-block+.app-setting-block{margin-top:14px}.app-setting-block label{color:var(--text-secondary);margin-bottom:7px;font-size:11px;font-weight:600;display:block}.app-setting-block select{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--input-bg);width:100%;height:34px;color:var(--text-primary);font:inherit;padding:0 9px;font-size:12px}.app-setting-block select:focus-visible{border-color:var(--accent-dim);background:var(--input-bg-focus);outline:0}.app-segment-grid,.app-language-grid{gap:6px;display:grid}.app-auth-actions{margin:10px 0 14px}.app-auth-actions button{border:1px solid var(--active-border);border-radius:var(--radius-sm);background:var(--active-bg);width:100%;height:34px;color:var(--text-primary);font:inherit;cursor:pointer;font-size:12px;font-weight:600}.app-auth-actions button:disabled{cursor:wait;opacity:.7}.app-segment-grid{grid-template-columns:repeat(3,1fr)}.app-segment-grid.compact{grid-template-columns:repeat(2,1fr)}.app-language-grid{grid-template-columns:repeat(3,1fr)}.app-segment-grid button,.app-language-grid button{border:1px solid var(--surface-border);border-radius:var(--radius-sm);min-width:0;height:32px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;font-size:11px}.app-segment-grid button.active,.app-language-grid button.active{background:var(--active-bg);border-color:var(--active-border);color:var(--text-primary)}canvas{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;display:block}canvas:active{cursor:grabbing}.loading,.error{color:var(--accent);background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-md);z-index:20;pointer-events:none;padding:10px 18px;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error{color:var(--status-danger);pointer-events:auto}.breadcrumb{z-index:10;flex-wrap:wrap;align-items:center;gap:2px;max-width:min(520px,100vw - 330px);display:flex;position:absolute;top:54px;left:14px}.breadcrumb button{background:var(--surface);border:1px solid var(--surface-border);color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;padding:3px 8px;font-family:inherit;font-size:12px;transition:color .2s,background-color .2s}.breadcrumb button:hover,.breadcrumb button.active{color:var(--text-primary)}.breadcrumb .sep{color:var(--text-muted);padding:0 2px;font-size:11px}.global-search{z-index:35;width:340px;max-width:calc(100vw - 330px);position:absolute;top:12px;left:14px}.global-search-label{height:var(--control-height);background:var(--input-bg);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-muted);-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));transition:border-color var(--transition-fast) ease, color var(--transition-fast) ease, background-color var(--transition-fast) ease;align-items:center;gap:8px;padding:0 11px 0 8px;display:flex}.global-search:focus-within .global-search-label{border-color:var(--accent-dim);color:var(--search-accent);background:var(--input-bg-focus)}.global-search.needs-more-input .global-search-label{border-color:color-mix(in srgb, var(--field-warm) 55%, transparent);color:var(--field-warm)}.global-search-label span{flex:none;place-items:center;width:18px;height:18px;display:grid}.global-search-label span svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}.global-search input{width:100%;min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;font-size:12px;font-weight:500}.global-search input::placeholder{color:var(--input-placeholder);font-weight:400}.global-search-results{background:var(--result-bg);border:1px solid var(--surface-border);border-radius:var(--radius-md);max-height:408px;-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));scrollbar-width:thin;margin-top:6px;overflow:hidden auto;box-shadow:0 12px 32px #00000047}.global-search-results button{border:0;border-bottom:1px solid var(--surface-border);width:100%;height:52px;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:7px 11px;font-family:inherit;display:grid}.global-search-spacer{flex:none}.global-search-results button:last-child{border-bottom:0}.global-search-results button:hover,.global-search-results button.active{background:var(--result-hover);box-shadow:inset 2px 0 0 var(--search-accent)}.global-search-thumb{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 74%, var(--accent-dim));place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.global-search-thumb img{object-fit:cover;width:100%;height:100%;display:block}.global-search-leaf{background:color-mix(in srgb, var(--field-green) 84%, var(--accent));border-radius:100% 0;width:17px;height:24px;display:block;transform:rotate(42deg)}.global-search-row-text{grid-template-rows:18px 14px;gap:2px;min-width:0;display:grid}.global-search-path{align-items:baseline;gap:5px;min-width:0;display:inline-flex;overflow:hidden}.global-search-path>span,.global-search-latin-detail{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.global-search-path>span{font-family:var(--font-serif);font-size:13px;font-weight:600;line-height:18px}.global-search-latin-detail{color:var(--text-secondary);font-size:10px;line-height:14px}.global-search-latin-detail span{font-family:var(--font-serif)}.global-search-path i{color:var(--text-muted);margin-right:5px;font-family:Noto Sans SC,sans-serif;font-style:normal}.global-search-synonym{font-family:var(--font-sans);font-size:12px}.global-search-match{color:var(--query-match);font-weight:600}.global-search-detail{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:10px;line-height:14px;overflow:hidden}.global-search-empty{color:var(--text-secondary);padding:10px 11px;font-size:11px;line-height:1.45}.global-search-loading-more{color:var(--text-muted);text-align:center;padding:8px 11px;font-size:11px}.global-search-hint{color:var(--text-secondary);padding:10px 11px;font-size:11px;line-height:1.45}.stats-panel{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-md);z-index:10;-webkit-backdrop-filter:blur(var(--elevation-1-blur));backdrop-filter:blur(var(--elevation-1-blur));width:min(310px,100vw - 28px);padding:10px 14px;font-size:11px;line-height:1.7;position:absolute;top:12px;right:14px}.stats-title{color:var(--text-primary);margin-bottom:2px;font-family:Noto Serif SC,serif;font-size:13px}.stats-user{color:var(--text-secondary);margin-bottom:2px;font-size:10px}.stats-header{justify-content:space-between;align-items:start;gap:10px;display:flex}.stats-panel-grip,.stats-panel-blank,.mobile-details-toggle,.mobile-details-backdrop{display:none}.stats-collected{color:var(--field-green)}.stats-total{color:var(--text-muted)}.stats-sep{color:var(--text-muted);margin:0 2px}.stats-muted{color:var(--text-muted)}.stats-collection-mobile{grid-template-columns:max-content minmax(0,1fr);align-items:start;column-gap:8px;margin-top:6px;line-height:1.35;display:grid}.stats-collection-prefix{color:var(--text-secondary);white-space:nowrap;padding-top:5px}.stats-collection-grid{grid-template-columns:repeat(2,minmax(0,max-content));gap:5px 6px;min-width:0;display:grid}.stats-collection-item{--rank-bg:color-mix(in srgb, var(--surface) 86%, var(--accent) 14%);--rank-border:color-mix(in srgb, var(--surface-border) 72%, var(--accent) 28%);border:1px solid var(--rank-border);border-radius:var(--radius-sm);background:var(--rank-bg);white-space:nowrap;align-items:center;width:max-content;max-width:100%;min-height:24px;padding:3px 7px;font-size:10px;line-height:1.25;display:inline-flex}.stats-collection-order{--rank-bg:color-mix(in srgb, var(--surface) 82%, #4f8cff 18%);--rank-border:color-mix(in srgb, var(--surface-border) 68%, #4f8cff 32%)}.stats-collection-family{--rank-bg:color-mix(in srgb, var(--surface) 82%, #2fbf71 18%);--rank-border:color-mix(in srgb, var(--surface-border) 68%, #2fbf71 32%)}.stats-collection-genus{--rank-bg:color-mix(in srgb, var(--surface) 82%, #c47a2c 18%);--rank-border:color-mix(in srgb, var(--surface-border) 68%, #c47a2c 32%)}.stats-collection-species{--rank-bg:color-mix(in srgb, var(--surface) 82%, #b067d1 18%);--rank-border:color-mix(in srgb, var(--surface-border) 68%, #b067d1 32%)}.stats-rank-label{color:var(--text-primary);margin-right:2px;font-weight:600}.wiki-preview{border-top:1px solid var(--surface-border);margin-top:9px;padding-top:9px;line-height:1.45}.wiki-preview-title{color:var(--accent);text-underline-offset:2px;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;font-family:Noto Serif SC,serif;font-size:12px;text-decoration:underline;display:flex}.wiki-preview-title span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wiki-preview-title em{border:1px solid var(--surface-border);color:var(--text-muted);border-radius:999px;flex:none;padding:3px 6px;font-family:Noto Sans SC,Segoe UI,sans-serif;font-size:9px;font-style:normal;line-height:1;text-decoration:none}.wiki-preview-title:hover{filter:brightness(.92)}.wiki-preview-image{aspect-ratio:16/9;cursor:zoom-in;background:#0000000d;border:0;border-radius:7px;width:100%;margin-top:7px;padding:0;display:block;overflow:hidden}.wiki-preview-image img{object-fit:cover;width:100%;height:100%;display:block}.wiki-preview-extract{color:var(--text-secondary);-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:7px 0 0;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.wiki-preview-extract.expanded{-webkit-line-clamp:unset;display:block;overflow:visible}.wiki-preview-expand{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;margin-top:4px;padding:0;font-size:10px;line-height:1.4;display:inline-flex}.wiki-preview-expand:hover{text-underline-offset:2px;text-decoration:underline}.wiki-preview-muted{color:var(--text-muted);margin-top:7px;font-size:10px}.external-databases{border-top:1px solid var(--surface-border);margin-top:9px;padding-top:8px}.external-databases-title{font-weight:400}.external-databases-list{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.external-database-link{border:1px solid var(--surface-border);min-width:0;max-width:100%;color:var(--accent);background:var(--surface-inset);border-radius:7px;align-items:center;gap:5px;padding:3px 6px;font-size:10px;line-height:1.3;text-decoration:none;display:inline-flex}.external-database-link:hover{border-color:var(--accent-dim);background:#ffffff0f}.external-database-link span{flex:none}.external-database-link code{text-overflow:ellipsis;min-width:0;color:var(--text-secondary);font-family:Segoe UI Mono,SFMono-Regular,Consolas,monospace;font-size:9px;overflow:hidden}.wiki-image-lightbox{z-index:var(--z-overlay-top);background:var(--overlay-dim);-webkit-backdrop-filter:blur(var(--elevation-3-blur));backdrop-filter:blur(var(--elevation-3-blur));cursor:zoom-out;justify-content:center;align-items:center;padding:38px 18px;display:flex;position:fixed;inset:0}.wiki-image-lightbox-portal{width:100vw;height:100vh}.wiki-image-lightbox img{border-radius:var(--radius-sm);object-fit:contain;cursor:default;max-width:min(880px,92vw);max-height:min(76vh,720px);display:block;box-shadow:0 18px 55px #00000047}.wiki-image-lightbox-close{color:#fff;cursor:pointer;background:#ffffff29;border:1px solid #ffffff59;border-radius:50%;width:34px;height:34px;font-size:24px;line-height:1;position:fixed;top:18px;right:20px}.wiki-image-lightbox-caption{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100vw - 40px);font-size:12px;text-decoration:none;position:fixed;bottom:22px;left:50%;overflow:hidden;transform:translate(-50%)}.wiki-image-lightbox-caption:hover{text-underline-offset:3px;text-decoration:underline}.tooltip{z-index:100;background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-sm);pointer-events:none;max-width:200px;-webkit-backdrop-filter:blur(var(--elevation-1-blur));backdrop-filter:blur(var(--elevation-1-blur));padding:8px 12px;font-size:11px;line-height:1.5;position:absolute}@media (hover:none){.tooltip{display:none}}.tooltip-name{color:var(--text-primary);font-family:Noto Serif SC,serif;font-size:13px}.tooltip-latin{color:var(--text-secondary);margin-bottom:4px;font-size:10px;font-style:italic}.tooltip-status{color:var(--field-green)}.tooltip-location{color:var(--text-muted);margin-top:3px;font-size:10px}.hint{color:var(--text-muted);background:var(--surface);border:1px solid var(--surface-border);z-index:10;border-radius:6px;padding:4px 10px;font-size:10px;position:absolute;bottom:12px;right:78px}.topology-switcher{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-md);z-index:30;-webkit-backdrop-filter:blur(var(--elevation-1-blur));backdrop-filter:blur(var(--elevation-1-blur));letter-spacing:.5px;padding:3px;font-size:11px;display:flex;position:fixed;top:12px;right:14px}.topology-switcher button{color:var(--text-secondary);font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 12px;transition:all .15s}.topology-switcher button:hover{color:var(--text-primary)}.topology-switcher button.active{background:var(--active-bg);color:var(--text-primary)}.user-switcher{z-index:30;position:fixed;top:12px;right:116px}.user-switcher select{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-md);min-width:88px;height:30px;color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(var(--elevation-1-blur));backdrop-filter:blur(var(--elevation-1-blur));padding:0 26px 0 10px;font-family:inherit;font-size:11px}.user-switcher span{border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface);max-width:min(220px,100vw - 180px);height:30px;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(var(--elevation-1-blur));backdrop-filter:blur(var(--elevation-1-blur));align-items:center;padding:0 10px;font-size:11px;display:inline-flex;overflow:hidden}.stats-panel{top:50px}.stats-panel.shell-closed{display:none}.stats-panel.shell-open{display:block}@media (width>=769px){.global-search{max-width:calc(100vw - 330px);left:14px}.breadcrumb{max-width:min(520px,100vw - 330px);left:14px}.stats-panel{width:min(310px,100vw - 132px);position:fixed;right:14px}}@media (width>=769px) and (width<=1320px){.home-workbench{grid-template-columns:minmax(0, var(--app-page-width));width:min(var(--app-page-width), calc(100vw - 36px))}.home-side-panel{display:none}}@media (width>=769px) and (width<=1120px){.home-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.topology-switcher{height:var(--control-height);border-radius:var(--radius-md);letter-spacing:0;padding:2px;font-size:10px;top:8px;right:8px}.topology-switcher button{border-radius:var(--radius-sm);height:30px;padding:0 9px;line-height:30px}.user-switcher{top:44px;right:8px}.user-switcher select{min-width:82px;height:28px;font-size:10px}.stats-panel{top:78px}}.settings-fab{background:var(--surface);border:1px solid var(--surface-border);width:44px;height:44px;color:var(--text-primary);cursor:pointer;z-index:50;-webkit-backdrop-filter:blur(var(--elevation-1-blur));backdrop-filter:blur(var(--elevation-1-blur));border-radius:22px;justify-content:center;align-items:center;transition:transform .15s,background-color .2s;display:flex;position:fixed;bottom:20px;right:20px}.settings-fab:hover{transform:translateY(-1px)}.settings-fab:active{transform:translateY(0)}.settings-fab svg{width:20px;height:20px}.settings-panel{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);z-index:60;width:280px;max-width:calc(100vw - 40px);-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));animation:panel-fade-in var(--transition-panel) ease;padding:16px 16px 12px;position:fixed;bottom:76px;right:20px;box-shadow:0 12px 32px #00000059}@keyframes panel-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.settings-panel h3{color:var(--text-secondary);letter-spacing:.5px;margin-bottom:10px;font-family:Noto Serif SC,serif;font-size:13px;font-weight:600}.settings-section+.settings-section{margin-top:14px}.settings-options{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.settings-options button{border:1px solid var(--surface-border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:8px 6px;font-family:inherit;font-size:11px;transition:all .15s}.settings-options button:hover{border-color:var(--accent-dim);color:var(--text-primary)}.settings-options button.active{background:var(--active-bg);border-color:var(--active-border);color:var(--text-primary)}.settings-backdrop{z-index:55;background:0 0;position:fixed;inset:0}.recognition-fab{background:var(--surface);border:1px solid var(--surface-border);min-width:112px;height:44px;color:var(--text-primary);cursor:pointer;z-index:50;-webkit-backdrop-filter:blur(var(--elevation-1-blur));backdrop-filter:blur(var(--elevation-1-blur));border-radius:22px;justify-content:center;align-items:center;gap:7px;padding:0 18px;font-family:inherit;font-size:12px;transition:transform .15s,background-color .2s,opacity .2s;display:flex;position:fixed;bottom:20px;left:50%;right:auto;transform:translate(-50%)}.recognition-fab:hover{transform:translate(-50%)translateY(-1px)}.recognition-fab:active{transform:translate(-50%)}.recognition-fab:disabled{opacity:.58;cursor:progress}.recognition-fab svg{width:19px;height:19px}.recognition-input,.recognition-label-mobile{display:none}.recognition-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:15px;height:15px;animation:.72s linear infinite recognition-spin;display:inline-block}@keyframes recognition-spin{to{transform:rotate(360deg)}}.recognition-toast-stack{left:50%;bottom:calc(92px + var(--safe-bottom));width:min(340px,100vw - 36px);z-index:var(--toast-z);gap:var(--toast-stack-gap);pointer-events:none;display:grid;position:fixed;transform:translate(-50%)}.recognition-toast-stack.debug{outline:1px dashed color-mix(in srgb, var(--field-warm) 28%, transparent);outline-offset:6px}.recognition-toast{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);width:100%;min-height:52px;color:var(--text-primary);text-align:left;-webkit-backdrop-filter:blur(var(--elevation-3-blur));backdrop-filter:blur(var(--elevation-3-blur));box-shadow:var(--toast-shadow);animation:recognition-toast-in var(--transition-panel) ease;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;padding:12px 14px;display:grid;position:relative}.recognition-toast-copy{text-align:left;min-width:0}.recognition-toast strong,.recognition-toast span{display:block}.recognition-toast strong{color:var(--text-primary);font-family:Noto Serif SC,serif;font-size:15px;line-height:1.18}.recognition-toast div>span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;line-height:1.35;overflow:hidden}@keyframes recognition-toast-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)}}.recognition-toast.success{border-color:color-mix(in srgb, var(--field-green) 55%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--field-green) 16%, transparent), transparent 52%), var(--surface);box-shadow:0 18px 48px color-mix(in srgb, var(--field-green) 16%, transparent), 0 16px 42px #00000052}.recognition-toast.success div>span{color:var(--text-muted)}.recognition-toast.error{border-color:color-mix(in srgb, var(--status-danger) 55%, transparent)}.recognition-status-icon{flex:none;place-items:center;width:24px;height:24px;display:grid}.recognition-status-icon .recognition-spinner{border-width:1.8px;width:15px;height:15px}.recognition-loading-mark{color:var(--accent);background:#7aa5ff1f;border:1px solid #7aa5ff9e;border-radius:50%;position:relative}.recognition-loading-mark:before{content:"";border:2px solid;border-right-color:#0000;border-bottom-color:color-mix(in srgb, currentColor 38%, transparent);border-radius:50%;width:12px;height:12px;animation:.82s linear infinite recognition-loading-mark-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes recognition-loading-mark-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.recognition-success-mark{border:1px solid color-mix(in srgb, var(--field-green) 78%, transparent);background:color-mix(in srgb, var(--field-green) 16%, transparent);color:var(--field-green);border-radius:50%;position:relative}.recognition-success-mark:before{content:"";transform-origin:50%;border-bottom:2px solid;border-left:2px solid;width:8px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-62%)rotate(-45deg)}.recognition-error-mark{border:1px solid color-mix(in srgb, var(--status-danger) 72%, transparent);background:color-mix(in srgb, var(--status-danger) 13%, transparent);color:var(--status-danger);border-radius:50%;position:relative}.recognition-error-mark:before,.recognition-error-mark:after{content:"";transform-origin:50%;background:currentColor;border-radius:999px;width:2px;height:11px;position:absolute;top:50%;left:50%}.recognition-error-mark:before{transform:translate(-50%,-50%)rotate(45deg)}.recognition-error-mark:after{transform:translate(-50%,-50%)rotate(-45deg)}form[data-accent]{--search-accent:var(--accent)}form[data-accent=field-warm]{--search-accent:var(--field-warm)}.search-box{position:relative}.search-box>label{height:var(--control-height);border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-muted);-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));transition:border-color var(--transition-fast) ease, color var(--transition-fast) ease, background-color var(--transition-fast) ease;align-items:center;gap:0;padding:0 11px;display:flex}.search-box:focus-within>label{border-color:var(--accent-dim);color:var(--search-accent);background:var(--input-bg-focus)}.search-box label>span{flex:none;place-items:center;width:18px;height:18px;display:grid}.search-box label>span svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}.search-box input{width:100%;min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;font-size:12px;font-weight:500}.search-box input::placeholder{color:var(--input-placeholder);font-weight:400}.search-box label>button{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 72%, transparent);width:24px;height:24px;color:var(--text-secondary);font:inherit;cursor:pointer;flex:none;font-size:17px;line-height:1}.result-list{border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--result-bg);max-height:380px;color:var(--text-primary);-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));box-shadow:0 12px 32px var(--shadow-overlay);scrollbar-width:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto}.result-list::-webkit-scrollbar{width:0;height:0}.result-list button:hover,.result-list button:focus-visible{background:var(--result-hover);box-shadow:inset 2px 0 0 var(--search-accent);outline:0}.overlay-backdrop{z-index:var(--z-overlay-base);background:0 0;border:0;padding:0;position:fixed;inset:0}.overlay-backdrop--dim{background:var(--overlay-dim);-webkit-backdrop-filter:blur(var(--elevation-2-blur))}.segmented-control{border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--chip-bg);min-width:0;-webkit-backdrop-filter:blur(var(--elevation-1-blur));backdrop-filter:blur(var(--elevation-1-blur));gap:4px;padding:3px;display:inline-flex}.segmented-control--popup{grid-template-columns:repeat(var(--segmented-columns,3), minmax(0, 1fr));-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;gap:6px;padding:0;display:grid}.segmented-control>button{min-width:0;height:var(--control-height);border-radius:var(--radius-sm);color:var(--text-secondary);font:inherit;cursor:pointer;transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease;background:0 0;border:1px solid #0000;padding:0 10px;font-size:11px}.segmented-control--popup>button{border-color:var(--surface-border)}.segmented-control>button:hover{color:var(--text-primary);border-color:var(--surface-border)}.segmented-control>button.active{border-color:var(--active-border);background:var(--active-bg);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--active-shadow)}@media (width<=768px){:root{--dock-height:50px;--dock-bottom:calc(8px + var(--safe-bottom))}.app-dock{z-index:100;border:1px solid var(--surface-border);background:var(--surface);width:auto;-webkit-backdrop-filter:blur(var(--elevation-3-blur));backdrop-filter:blur(var(--elevation-3-blur));border-radius:16px;grid-template-columns:1fr 1fr 1.15fr 1fr 1fr;gap:5px;padding:5px;display:grid;left:8px;right:8px;transform:none;box-shadow:0 12px 34px #00000042}.app-dock button,.app-dock .recognition-nav-button{width:100%;min-width:0;height:38px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.app-dock button.active{background:var(--active-bg-strong);border-color:var(--active-border);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--active-shadow)}.app-dock .recognition-nav-button{background:var(--active-bg-strong);border-color:var(--active-border);height:38px;color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--active-shadow);border-radius:11px;flex-direction:column;gap:1px;margin-top:0}.app-dock .recognition-nav-button svg{width:16px;height:16px}.app-dock .recognition-label{font-size:10px;line-height:1}.app-overlay-backdrop{z-index:82;background:0 0}.home-workbench{width:auto;padding:0 10px;padding-top:env(safe-area-inset-top,0px);display:block;inset:0;overflow:hidden auto;transform:none}.home-empty-workbench{width:auto;padding:0 10px calc(82px + var(--safe-bottom));align-items:start;inset:52px 0 0;overflow:hidden auto;transform:none}.home-empty-collection{border-radius:var(--radius-lg);grid-template-columns:1fr;gap:18px;min-height:auto;padding:22px 18px}.home-empty-collection:after{opacity:.7;width:70%;height:42%;top:46%;right:18px}.home-empty-copy{gap:10px}.home-empty-copy h2{font-size:clamp(28px,10vw,42px)}.home-empty-copy p{font-size:14px;line-height:1.65}.home-empty-specimen{height:218px}.home-empty-photo-slot.primary{width:150px;top:10px}.home-empty-photo-slot.leaf{width:92px;top:44px}.home-empty-photo-slot.note{width:138px;bottom:8px;left:54px}.home-empty-path-line.a{width:142px;top:148px;left:28px}.home-empty-path-line.b{width:68px;top:86px;left:172px}.home-empty-path-line.c{width:92px;top:178px;left:146px}.home-feed-empty .home-empty-collection,.home-feed-loading-cover .home-feed-loading-collection{border-radius:var(--radius-md);grid-template-columns:1fr;gap:10px;min-height:auto;padding:18px 16px}.home-feed-empty .home-empty-collection:after,.home-feed-loading-cover .home-feed-loading-collection:after,.home-feed-empty .home-empty-specimen,.home-feed-loading-specimen{display:none}.home-feed-empty .home-empty-copy h2{font-size:26px}.home-feed-empty .home-empty-copy p{font-size:13px;line-height:1.55}.home-feed-empty{width:min(420px,100vw - 28px)}.root-empty-layer{padding:16px 14px calc(82px + var(--safe-bottom))}.root-empty-layer .root-empty-cover{width:min(420px,100vw - 28px)}.home-feed-shell{z-index:34;width:auto;min-width:0;max-height:none;padding:0;overflow:visible}.home-side-panel{display:none}.home-search-controls{z-index:45;grid-template-columns:36px minmax(0,1fr) 36px;align-items:start;gap:8px;width:auto;max-width:none;margin:8px 0 10px;display:grid;position:sticky;top:8px}.home-search{z-index:10;width:36px;min-width:0;max-width:100%;transition:width var(--transition-panel) ease;grid-area:1/1;justify-self:start;margin:0}.home-search:focus-within,.home-search.is-expanded{grid-column:1/3;width:100%}.home-search label{width:100%;height:var(--control-height);cursor:text;justify-content:center;padding:0;overflow:hidden}.home-search:focus-within label,.home-search.is-expanded label{justify-content:flex-start;padding:0 11px}.home-search:not(:focus-within):not(.is-expanded) label>span{width:100%;height:100%}.home-search:not(:focus-within):not(.is-expanded) input,.home-search:not(:focus-within):not(.is-expanded) button{opacity:0;pointer-events:none;flex:0 0 0;width:0;min-width:0}.home-search-dismiss-layer{z-index:9;cursor:default;touch-action:manipulation;background:0 0;display:block;position:fixed;inset:0}.home-search-controls .home-feed-mode-switcher{z-index:6;grid-area:1/2;display:grid}.home-mobile-filter{z-index:8;grid-area:1/3;display:block;position:relative}.home-mobile-filter-button{width:36px;height:var(--control-height);border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-secondary);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(var(--elevation-2-blur));backdrop-filter:blur(var(--elevation-2-blur));place-items:center;display:grid;position:relative}.home-mobile-filter-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}.home-mobile-filter-button.active,.home-mobile-filter-button[aria-expanded=true]{border-color:var(--active-border);background:var(--active-bg);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--active-shadow)}.home-mobile-filter-panel{border:1px solid var(--surface-border);background:var(--result-bg);width:calc(100vw - 16px);max-height:min(72vh,100vh - 184px);color:var(--text-primary);-webkit-backdrop-filter:blur(var(--elevation-3-blur));backdrop-filter:blur(var(--elevation-3-blur));scrollbar-width:none;border-radius:12px;gap:0;padding:0 12px 12px;display:grid;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden auto;box-shadow:0 14px 38px #00000047}.home-mobile-filter-panel::-webkit-scrollbar{width:0;height:0}.home-mobile-filter-head{border-bottom:1px solid var(--surface-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;height:42px;display:grid}.home-mobile-filter-head span,.home-mobile-filter-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.home-mobile-filter-head span{color:var(--text-muted);font-size:10px;font-weight:600}.home-mobile-filter-head strong{color:var(--text-primary);font-size:12px;font-weight:600}.home-mobile-filter-head button{border:1px solid var(--surface-border);border-radius:var(--radius-sm);height:26px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;padding:0 9px;font-size:10px}.home-mobile-filter-actions{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.home-mobile-filter-actions .primary{border-color:var(--active-border);background:var(--active-bg-strong);color:var(--text-primary)}.home-mobile-filter-head button:hover{border-color:var(--active-border);background:var(--active-bg);color:var(--text-primary)}.home-mobile-calendar{border-bottom:1px solid var(--surface-border);padding:10px 0 11px}.home-mobile-calendar-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.home-mobile-calendar-head span,.home-mobile-calendar-head em{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-style:normal;overflow:hidden}.home-mobile-calendar-head span{color:var(--text-primary);font-size:11px;font-weight:600}.home-mobile-calendar-head em{color:var(--text-muted);font-size:10px}.home-mobile-calendar-weekdays,.home-mobile-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.home-mobile-calendar-weekdays{margin-bottom:3px}.home-mobile-calendar-weekdays span{color:var(--text-muted);text-align:center;font-size:8px;line-height:1}.home-mobile-calendar-empty,.home-mobile-calendar-day{justify-self:center;width:24px;height:24px}.home-mobile-calendar-day{border:1px solid var(--activity-empty-border);background:var(--activity-empty-bg);color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:7px;place-items:center;font-size:9px;line-height:1;display:grid;position:relative}.home-mobile-calendar-day:disabled{cursor:default;opacity:.34}.home-mobile-calendar-day[data-level="1"]{border-color:var(--activity-recorded-border);background:var(--activity-level-1)}.home-mobile-calendar-day[data-level="2"]{border-color:var(--activity-recorded-border);background:var(--activity-level-2)}.home-mobile-calendar-day[data-level="3"]{border-color:var(--activity-recorded-border);background:var(--activity-level-3)}.home-mobile-calendar-day[data-level="4"]{border-color:var(--activity-recorded-border);background:var(--activity-level-4);color:var(--activity-level-4-text)}.home-mobile-calendar-day.current{border-color:var(--activity-current-border)}.home-mobile-calendar-day.selected{border-color:var(--activity-selected-border);box-shadow:0 0 0 2px var(--activity-selected-shadow)}.home-mobile-filter-sections{gap:10px;padding-top:11px;display:grid}.home-mobile-filter-section{gap:6px;min-width:0;display:grid}.home-mobile-filter-section>span{color:var(--text-muted);font-size:10px;font-weight:600;line-height:1.2}.home-mobile-filter-section>div{flex-wrap:wrap;gap:6px;display:flex}.home-mobile-filter-section button{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 54%, transparent);min-width:54px;height:30px;color:var(--text-secondary);font:inherit;cursor:pointer;padding:0 10px;font-size:11px}.home-mobile-filter-section button.active,.home-mobile-filter-section button:hover{border-color:var(--active-border);background:var(--active-bg);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--active-shadow)}.home-feed-grid{grid-template-columns:1fr;gap:10px}.home-feed-masonry,.home-feed-masonry-col{gap:10px}.home-feed-card{grid-template-rows:auto;grid-template-columns:144px minmax(0,1fr);min-height:104px}.home-feed-card:active{transform:scale(.985)}.home-feed-card.species{grid-template-columns:144px minmax(0,1fr);column-gap:2px}.home-feed-card.observation,.home-feed-card.species{height:108px;min-height:0}.home-card-image{aspect-ratio:auto;height:100%;min-height:104px}.home-feed-card.observation .home-card-image,.home-feed-card.species .home-card-image{aspect-ratio:auto;align-self:stretch;width:100%;height:100%;min-height:0}.home-feed-card.species:before,.home-feed-card.species:after,.home-feed-card.species .home-card-image:before{content:none}.home-card-copy{align-content:center;gap:5px;padding:10px 11px}.home-feed-card.species .home-card-copy{padding:10px}.app-overlay-panel{top:auto;left:10px;right:10px;bottom:calc(68px + var(--safe-bottom));z-index:90;border-radius:var(--radius-lg);width:auto;max-height:min(62vh,520px);animation:details-sheet-up var(--transition-panel) ease;padding:12px;transform:none}.app-widget-panel{border-radius:var(--radius-lg);padding:0}.record-detail-panel{border-radius:var(--radius-lg);width:auto;max-height:min(72vh,640px);padding:0 12px 12px}.map-record-detail{width:auto}.record-row{grid-template-columns:54px minmax(0,1fr)}.record-thumb-stack,.record-thumb-placeholder{width:54px;height:72px}.record-thumb-stack img{width:48px;height:64px;transform:translateX(calc(var(--stack-index) * 3px)) rotate(calc((var(--stack-index) - 1) * 2deg));top:4px}.record-photo-stack{aspect-ratio:4/3;border-radius:var(--radius-sm)}.record-detail-image{border-radius:var(--radius-sm)}.record-detail-title{gap:10px;margin-top:10px}.record-detail-title strong{font-size:17px}.record-detail-title em,.record-name em{font-size:10px}.record-detail-title span{margin-top:3px;font-size:11px}.record-detail-action{width:32px;height:32px}.record-taxonomy-card,.record-candidates{border-radius:var(--radius-sm);margin-top:10px;padding:10px}.record-taxonomy-graph{grid-template-columns:1fr;gap:8px;margin-top:8px}.app-widget-content{padding:0 12px 12px}.app-map-panel{border-radius:0;width:auto;height:auto;inset:0;transform:none}.app-panel-header{margin-bottom:10px}.app-panel-header h2{font-size:15px}.map-record-summary{z-index:112;width:auto;max-width:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;gap:0;top:8px;left:8px;right:8px}.map-place-search,.map-record-summary.no-visible-records .map-place-search{padding:0}.map-place-results{max-height:min(330px,100vh - 64px);top:calc(100% + 6px);left:0;right:0}.map-place-results.history{max-height:132px}.map-record-summary .map-record-list{display:none}.map-observation-sheet{z-index:105;height:calc(108px + var(--safe-bottom));padding:0 12px calc(12px + var(--safe-bottom));border:1px solid var(--surface-border);background:var(--surface);color:var(--text-primary);-webkit-backdrop-filter:blur(var(--elevation-3-blur));backdrop-filter:blur(var(--elevation-3-blur));transition:height var(--transition-panel) ease;border-bottom:0;border-radius:14px 14px 0 0;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:fixed;bottom:0;left:10px;right:10px;overflow:hidden;box-shadow:0 -18px 42px #00000052}.map-observation-sheet[data-state=expanded]{height:50dvh}.map-observation-sheet-grip{cursor:grab;touch-action:none;background:0 0;border:0;width:100%;height:12px;margin:0 0 10px;padding:0;display:block}.map-observation-sheet-grip:active{cursor:grabbing}.map-observation-sheet-head{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:baseline;gap:10px;min-width:0;height:30px;display:flex}.map-observation-sheet-head strong,.map-observation-sheet-head em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.map-observation-sheet-head strong{font-family:Noto Serif SC,serif;font-size:14px;line-height:1.2}.map-observation-sheet-head em{color:var(--text-muted);font-size:10px;font-style:normal}.map-observation-sheet-list{overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;align-content:start;min-height:0;display:grid;overflow:hidden auto}.map-observation-sheet-list::-webkit-scrollbar{width:0;height:0}.map-observation-sheet-list *{touch-action:pan-y}.map-observation-sheet .map-record-row{grid-template-columns:38px minmax(0,1fr);height:auto;min-height:56px;padding:8px 2px}.map-observation-sheet .home-search-thumb{width:38px;height:38px}.map-observation-sheet .map-record-text{grid-template-rows:19px 15px}.map-observation-sheet .map-record-taxonomy>span{font-size:13px}.map-observation-sheet-empty{border:0;border-bottom:1px solid var(--surface-border);min-width:0;min-height:96px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;font-size:11px}.map-observation-sheet-blank{cursor:pointer;background:0 0;border:0;height:18px}.map-placeholder{height:132px}.mobile-details-toggle{left:10px;bottom:calc(8px + var(--safe-bottom));z-index:50;border:1px solid var(--surface-border);background:var(--surface);min-width:64px;height:40px;color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(var(--elevation-1-blur));backdrop-filter:blur(var(--elevation-1-blur));border-radius:20px;justify-content:center;align-items:center;padding:0 12px;font-family:inherit;font-size:11px;font-weight:600;display:inline-flex;position:fixed}.mobile-details-backdrop{z-index:41;cursor:default;background:0 0;border:0;display:block;position:fixed;inset:0}.stats-panel{z-index:90;width:auto;height:calc(108px + var(--safe-bottom));max-height:calc(100dvh - 20px);-webkit-backdrop-filter:blur(var(--elevation-3-blur));backdrop-filter:blur(var(--elevation-3-blur));transition:height var(--transition-panel) ease, box-shadow var(--transition-panel) ease;border-bottom:0;border-radius:14px 14px 0 0;grid-template-rows:auto auto minmax(0,1fr) auto;padding:0 12px 12px;font-size:10px;animation:none;display:none;position:fixed;inset:auto 10px 0;overflow:hidden;box-shadow:0 -18px 42px #00000052}.stats-panel.mobile-open{display:grid}.stats-panel[data-state=peek]{cursor:pointer}.stats-panel[data-state=expanded]{height:min(62dvh,500px);padding-bottom:calc(70px + var(--safe-bottom))}.stats-panel-grip{cursor:pointer;touch-action:manipulation;background:0 0;border:0;width:100%;height:12px;margin:0 0 10px;padding:0;display:block}.stats-panel-head{border-bottom:1px solid var(--surface-border);grid-template-columns:minmax(0,1fr) max-content;align-items:baseline;gap:10px;min-width:0;height:30px;display:grid}.stats-panel-head .stats-header{grid-area:1/1;min-width:0;display:block}.stats-panel-head .stats-user{min-width:0;max-width:38vw;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;margin:0;overflow:hidden}.stats-panel-body{overscroll-behavior:contain;min-height:0;padding-top:8px;overflow:hidden}.stats-panel[data-state=expanded] .stats-panel-body{scrollbar-width:none;overflow:hidden auto}.stats-panel[data-state=expanded] .stats-panel-body::-webkit-scrollbar{width:0;height:0}.stats-panel[data-state=peek] .wiki-preview{display:none}.stats-panel-blank{cursor:pointer;background:0 0;border:0;height:16px;min-height:16px;display:block}.stats-title{text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;min-width:0;font-size:14px;line-height:1.35;overflow:hidden}@keyframes details-sheet-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wiki-preview{margin-top:6px;padding-top:6px}.wiki-preview-image{aspect-ratio:5/3;margin-top:5px}.wiki-preview-extract{-webkit-line-clamp:3}.wiki-image-lightbox{padding:50px 12px 58px}.wiki-image-lightbox img{max-width:calc(100vw - 24px);max-height:72vh}.breadcrumb{max-width:calc(100vw - 112px);top:42px;left:8px}.breadcrumb button{padding:2px 5px;font-size:10px}.global-search{width:260px;max-width:calc(100vw - 112px);top:8px;left:8px}.global-search-label{height:var(--control-height);border-radius:var(--radius-md);padding:0 11px 0 8px}.global-search input{font-size:12px}.global-search-results button{grid-template-columns:30px minmax(0,1fr);gap:8px;height:48px;padding:7px 9px}.global-search-thumb{width:30px;height:30px}.global-search-row-text{gap:2px}.global-search-path>span{font-size:12px}.global-search-results{max-height:330px}.hint{display:none}.settings-fab{bottom:calc(8px + var(--safe-bottom));border-radius:20px;width:40px;height:40px;right:10px}.settings-fab:hover{transform:translateY(-1px)}.settings-fab:active{transform:translateY(0)}.recognition-fab{bottom:calc(8px + var(--safe-bottom));border-radius:20px;min-width:92px;height:40px;padding:0 16px;font-size:11px}.recognition-fab:hover{transform:translate(-50%)translateY(-1px)}.recognition-fab:active{transform:translate(-50%)}.recognition-label-desktop{display:none}.recognition-label-mobile{display:inline}.recognition-toast-stack{bottom:calc(72px + var(--safe-bottom));width:calc(100vw - 36px);max-width:340px}.recognition-toast{font-size:11px}.settings-panel{bottom:calc(60px + var(--safe-bottom));width:calc(100vw - 20px);max-width:360px;animation:.22s panel-slide-up;right:50%;transform:translate(50%)}@keyframes panel-slide-up{0%{opacity:0;transform:translate(50%)translateY(12px)}to{opacity:1;transform:translate(50%)translateY(0)}}}