:root{--brand-50: #e6f1fa;--brand-100: #cfe3f4;--brand-200: #a8cdea;--brand-400: #4a96d6;--brand-500: #2481cc;--brand-600: #176ab0;--brand-700: #0f5489;--brand-on-tint: #0f5489;--bg: #ffffff;--surface: #ffffff;--surface-2: #f5f6f9;--secondary-bg: #f5f6f9;--page-bg: #eef1f5;--text: #15171c;--text-2: #4a4d55;--hint: #666b76;--border: #e4e7ec;--border-soft: #ecedf1;--button-bg: var(--brand-500);--button-text: #ffffff;--card: var(--surface);--status-yes: #22a06b;--status-yes-bg: #e6f5ec;--status-yes-fg: #15734a;--status-no: #e2483c;--status-no-bg: #fbe9e7;--status-no-fg: #a82a20;--status-mixed: #e89d1c;--status-mixed-bg: #fbf0d9;--status-mixed-fg: #8a5a0a;--status-unknown: #9ba1aa;--status-unknown-bg: #eef0f3;--status-unknown-fg: #5e6470;--shadow-color-rgb: 15, 23, 42;--shadow-xs: 0 1px 2px rgba(var(--shadow-color-rgb), .05);--shadow-sm: 0 1px 2px rgba(var(--shadow-color-rgb), .04), 0 2px 6px rgba(var(--shadow-color-rgb), .06);--shadow-md: 0 2px 6px rgba(var(--shadow-color-rgb), .06), 0 8px 24px rgba(var(--shadow-color-rgb), .1);--shadow-lg: 0 -12px 36px rgba(var(--shadow-color-rgb), .14);--ring-brand: 0 0 0 3px rgba(36, 129, 204, .22);--card-shadow: var(--shadow-xs);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--fs-xs: 11px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 17px;--fs-lg: 20px;--fs-xl: 28px;--lh-tight: 1.2;--lh-base: 1.45;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--ease-out: cubic-bezier(.32, .72, 0, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-base: .22s;--dur-slow: .32s;--header-h: 56px;--nav-h: 64px}@media (prefers-color-scheme: dark){:root:not(.tg-light){--bg: #16181d;--surface: #1f2127;--surface-2: #25282f;--secondary-bg: #25282f;--page-bg: #0e0f12;--text: #f3f5f8;--text-2: #c5c9d2;--hint: #8d929c;--border: #2f323a;--border-soft: #2a2d34;--brand-50: #1f4a72;--brand-100: #245a8a;--brand-200: #2c6ba8;--brand-400: #7ab6e3;--brand-500: #6ab3f3;--brand-600: #9cc7ee;--brand-700: #cfe3f4;--brand-on-tint: #cfe3f4;--button-bg: var(--brand-500);--button-text: #0a1a28;--card: var(--surface);--status-yes: #2bb574;--status-yes-bg: rgba(43, 181, 116, .16);--status-yes-fg: #6fdda5;--status-no: #ed5b50;--status-no-bg: rgba(237, 91, 80, .16);--status-no-fg: #f59389;--status-mixed: #f0a83a;--status-mixed-bg: rgba(240, 168, 58, .16);--status-mixed-fg: #f1c073;--status-unknown: #9ba1aa;--status-unknown-bg: rgba(155, 161, 170, .16);--status-unknown-fg: #b9bdc4;--shadow-color-rgb: 0, 0, 0;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .32);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .35);--shadow-md: 0 2px 6px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 -12px 36px rgba(0, 0, 0, .55);--ring-brand: 0 0 0 3px rgba(106, 179, 243, .32)}}:root.tg-dark{--bg: #16181d;--surface: #1f2127;--surface-2: #25282f;--secondary-bg: #25282f;--page-bg: #0e0f12;--text: #f3f5f8;--text-2: #c5c9d2;--hint: #8d929c;--border: #2f323a;--border-soft: #2a2d34;--brand-50: #1f4a72;--brand-100: #245a8a;--brand-200: #2c6ba8;--brand-400: #7ab6e3;--brand-500: #6ab3f3;--brand-600: #9cc7ee;--brand-700: #cfe3f4;--brand-on-tint: #cfe3f4;--button-bg: var(--brand-500);--button-text: #0a1a28;--card: var(--surface);--status-yes: #2bb574;--status-yes-bg: rgba(43, 181, 116, .16);--status-yes-fg: #6fdda5;--status-no: #ed5b50;--status-no-bg: rgba(237, 91, 80, .16);--status-no-fg: #f59389;--status-mixed: #f0a83a;--status-mixed-bg: rgba(240, 168, 58, .16);--status-mixed-fg: #f1c073;--status-unknown: #9ba1aa;--status-unknown-bg: rgba(155, 161, 170, .16);--status-unknown-fg: #b9bdc4;--shadow-color-rgb: 0, 0, 0;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .32);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .35);--shadow-md: 0 2px 6px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 -12px 36px rgba(0, 0, 0, .55);--ring-brand: 0 0 0 3px rgba(106, 179, 243, .32)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--fs-base);line-height:var(--lh-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font-family:inherit;-webkit-tap-highlight-color:transparent}#app-shell{position:relative;width:100%;height:100%;background:var(--bg);overflow:hidden;isolation:isolate}@media (min-width: 640px){body{display:flex;align-items:center;justify-content:center;background:var(--page-bg)}#app-shell{width:420px;height:min(100vh - 48px,880px);border-radius:var(--radius-xl);box-shadow:var(--shadow-md),0 0 0 1px var(--border-soft)}}#app-header{position:absolute;top:0;left:0;right:0;height:var(--header-h);background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);z-index:70;display:flex;align-items:center;padding:0 var(--space-4);padding-top:env(safe-area-inset-top,0);box-shadow:0 1px 0 var(--border-soft)}.app-header-inner{display:flex;flex-direction:column;justify-content:center;line-height:1.15}.app-header-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text);letter-spacing:-.1px}.app-header-sub{font-size:var(--fs-xs);color:var(--hint);margin-top:1px}#tabs{position:absolute;top:var(--header-h);left:0;right:0;bottom:var(--nav-h);z-index:1}.tab{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface-2);visibility:hidden;pointer-events:none;z-index:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.tab.tab-active{visibility:visible;pointer-events:auto;z-index:2}.tab-map{overflow:hidden;background:var(--bg)}#map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}#bottom-nav{position:absolute;left:0;right:0;bottom:0;height:var(--nav-h);z-index:80;display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 -1px 0 var(--border-soft);padding-bottom:env(safe-area-inset-bottom,0)}.nav-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;color:var(--hint);font-size:var(--fs-xs);font-weight:var(--fw-medium);cursor:pointer;padding:6px 0 8px;transition:color var(--dur-fast) var(--ease-out)}.nav-btn .nav-pill{display:none}.nav-btn:before{content:"";position:absolute;top:4px;left:50%;transform:translate(-50%) scale(.7);width:44px;height:28px;border-radius:var(--radius-pill);background:var(--brand-50);opacity:0;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);z-index:0;pointer-events:none}.nav-btn.nav-active:before{opacity:1;transform:translate(-50%) scale(1)}.nav-btn>svg,.nav-btn>span{position:relative;z-index:1}.nav-btn.nav-active{color:var(--brand-on-tint)}.nav-btn:active{opacity:.6}.loader{position:absolute;top:calc(var(--header-h) + 12px);left:50%;transform:translate(-50%);z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:var(--fs-sm);box-shadow:var(--shadow-sm);pointer-events:none;transition:opacity var(--dur-base) var(--ease-out)}.loader.hidden{opacity:0}#locate-me-btn{position:absolute;right:var(--space-4);bottom:var(--space-4);z-index:90;width:56px;height:56px;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 60%),var(--button-bg);color:var(--button-text);cursor:pointer;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;padding:0;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}#locate-me-btn:active{transform:scale(.94)}#locate-me-btn.loading .locate-icon{animation:locate-spin 1s linear infinite}@keyframes locate-spin{to{transform:rotate(360deg)}}#filter-btn{position:absolute;top:12px;left:12px;z-index:90;display:flex;align-items:center;justify-content:center;gap:6px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);color:var(--brand-600);border:1px solid var(--border-soft);border-radius:var(--radius-pill);padding:8px 14px;min-height:40px;font-size:var(--fs-sm);font-weight:var(--fw-semibold);font-family:inherit;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}#filter-btn:active{transform:scale(.96)}#filter-btn .filter-dot{display:none}#filter-btn.filters-active{background:var(--brand-50);color:var(--brand-on-tint);border-color:var(--brand-100)}#toast{position:absolute;top:calc(var(--header-h) + 12px);left:50%;transform:translate(-50%,-12px);z-index:200;padding:10px var(--space-4);border-radius:var(--radius-md);background:var(--text);color:var(--bg);font-size:var(--fs-base);font-weight:var(--fw-semibold);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);max-width:calc(100% - 32px)}#toast.toast-visible{opacity:.96;transform:translate(-50%)}#toast.toast-error{background:#b8362c;color:#fff}.sheet{position:absolute;left:0;right:0;bottom:var(--nav-h);z-index:85;max-height:60%;background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);transform:translateY(105%);transition:transform var(--dur-slow) var(--ease-out);display:flex;flex-direction:column}.sheet.sheet-open{transform:translateY(0)}.sheet-handle{width:36px;height:4px;border-radius:var(--radius-pill);background:var(--border);margin:var(--space-2) auto var(--space-1) auto;flex-shrink:0}.sheet-inner{padding:var(--space-2) var(--space-4) var(--space-6) var(--space-4)}.filter-sheet .sheet-inner{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-2) var(--space-4) var(--space-3) var(--space-4)}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.sheet-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0;flex:1;line-height:var(--lh-tight);letter-spacing:-.2px}.sheet-brand{color:var(--hint);font-size:var(--fs-sm);margin-bottom:var(--space-1)}.sheet-meta{color:var(--hint);font-size:var(--fs-sm);margin:var(--space-1) 0 var(--space-3) 0}.sheet-subtitle{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.3px;color:var(--hint);margin:var(--space-3) 0 var(--space-2) 0}.sheet-empty,.sheet-loading,.sheet-error{color:var(--hint);font-size:var(--fs-sm);margin:var(--space-2) 0}.sheet-error{color:var(--status-no)}.sheet-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}#sheet>.sheet-actions{flex-shrink:0;margin-top:0;background:var(--surface);border-top:1px solid var(--border-soft);padding:var(--space-3) var(--space-4) var(--space-4) var(--space-4)}.filter-sheet .sheet-actions{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--border-soft);padding:var(--space-3) 0 var(--space-2) 0;margin-top:var(--space-4);z-index:1}.filter-backdrop,.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:84;background:#0f172a00;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out)}.filter-backdrop.filter-backdrop-open,.sheet-backdrop.sheet-backdrop-open{opacity:1;pointer-events:auto;background:#0f172a5c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.filter-sheet{z-index:86}.status-pill{display:inline-block;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);white-space:nowrap;letter-spacing:.1px}.status-pill.status-yes{background:var(--status-yes-bg);color:var(--status-yes-fg)}.status-pill.status-no{background:var(--status-no-bg);color:var(--status-no-fg)}.status-pill.status-mixed{background:var(--status-mixed-bg);color:var(--status-mixed-fg)}.status-pill.status-unknown{background:var(--status-unknown-bg);color:var(--status-unknown-fg)}.reports-list{list-style:none;padding:0;margin:0}.report-item{padding:var(--space-3) 0;border-bottom:1px solid var(--border-soft)}.report-item:last-child{border-bottom:none}.report-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:2px}.report-status{font-weight:var(--fw-semibold);font-size:var(--fs-xs);padding:2px 8px;border-radius:var(--radius-pill)}.report-status.has{background:var(--status-yes-bg);color:var(--status-yes-fg)}.report-status.no{background:var(--status-no-bg);color:var(--status-no-fg)}.report-meta{color:var(--hint);font-size:var(--fs-sm)}.report-details{font-size:var(--fs-sm);color:var(--text-2);margin-top:2px}.report-comment{font-size:var(--fs-sm);color:var(--text);margin-top:var(--space-1);font-style:italic}.btn{display:inline-flex;align-items:center;justify-content:center;flex:1;padding:12px var(--space-4);border-radius:var(--radius-md);border:none;font-size:var(--fs-base);font-weight:var(--fw-semibold);cursor:pointer;font-family:inherit;transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--button-bg);color:var(--button-text);box-shadow:var(--shadow-xs)}@media (hover: hover){.btn-primary:hover:not(:disabled){background:var(--brand-600)}}.btn-secondary{background:var(--surface-2);color:var(--text)}@media (hover: hover){.btn-secondary:hover:not(:disabled){background:var(--border-soft)}}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:110;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out)}.modal-overlay.modal-open{opacity:1;pointer-events:auto}.modal{width:100%;background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-2) var(--space-4) var(--space-6) var(--space-4);max-height:92%;overflow-y:auto;transform:translateY(100%);transition:transform var(--dur-slow) var(--ease-out)}.modal-overlay.modal-open .modal{transform:translateY(0)}.modal-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin:var(--space-2) 0 var(--space-4) 0;letter-spacing:-.1px}.form-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);margin:var(--space-3) 0 var(--space-2) 0;color:var(--hint);text-transform:uppercase;letter-spacing:.3px}.fuel-toggle{display:flex;gap:var(--space-2);margin-bottom:var(--space-1)}.toggle-btn{flex:1;padding:13px var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface);color:var(--text);font-size:var(--fs-base);font-weight:var(--fw-semibold);cursor:pointer;font-family:inherit;transition:all var(--dur-base) var(--ease-out)}.toggle-btn.toggle-yes.active{background:var(--status-yes-bg);color:var(--status-yes-fg);border-color:var(--status-yes);box-shadow:inset 0 0 0 1px var(--status-yes)}.toggle-btn.toggle-no.active{background:var(--status-no-bg);color:var(--status-no-fg);border-color:var(--status-no);box-shadow:inset 0 0 0 1px var(--status-no)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{padding:8px 14px;border-radius:var(--radius-pill);border:1px solid transparent;background:var(--surface-2);color:var(--text-2);font-size:var(--fs-sm);min-height:36px;line-height:1.2;cursor:pointer;font-family:inherit;transition:all var(--dur-base) var(--ease-out)}.chip.active{background:var(--brand-50);color:var(--brand-on-tint);border-color:transparent;font-weight:var(--fw-semibold)}.chip-brand{max-width:calc(50% - 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 360px){.chip-brand{max-width:100%;flex-basis:100%}}.chip-status.chip-status-yes{background:var(--status-yes-bg);color:var(--status-yes-fg)}.chip-status.chip-status-no{background:var(--status-no-bg);color:var(--status-no-fg)}.chip-status.chip-status-mixed{background:var(--status-mixed-bg);color:var(--status-mixed-fg)}.chip-status.chip-status-unknown{background:var(--status-unknown-bg);color:var(--status-unknown-fg)}.chip-status.active.chip-status-yes{background:var(--status-yes-bg);color:var(--status-yes-fg);border:2px solid var(--status-yes);font-weight:var(--fw-bold)}.chip-status.active.chip-status-no{background:var(--status-no-bg);color:var(--status-no-fg);border:2px solid var(--status-no);font-weight:var(--fw-bold)}.chip-status.active.chip-status-mixed{background:var(--status-mixed-bg);color:var(--status-mixed-fg);border:2px solid var(--status-mixed);font-weight:var(--fw-bold)}.chip-status.active.chip-status-unknown{background:var(--status-unknown-bg);color:var(--status-unknown-fg);border:2px solid var(--status-unknown);font-weight:var(--fw-bold)}button:focus-visible,.chip:focus-visible,.toggle-btn:focus-visible,.queue-btn:focus-visible,.nav-btn:focus-visible,.list-item:focus-visible,.leaderboard-entry:focus-visible,[role=button]:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:var(--radius-md)}input:focus-visible,textarea:focus-visible{outline:none}.filter-sheet .form-label{text-transform:uppercase;letter-spacing:.3px}.filter-sheet .chips{margin-bottom:var(--space-1)}.queue-options{display:flex;gap:var(--space-2)}.queue-btn{flex:1;padding:10px;border-radius:var(--radius-md);border:1px solid transparent;background:var(--surface-2);color:var(--text-2);font-size:var(--fs-sm);cursor:pointer;font-family:inherit;transition:all var(--dur-base) var(--ease-out)}.queue-btn.active{background:var(--brand-50);color:var(--brand-on-tint);border-color:transparent;font-weight:var(--fw-semibold)}.comment-input{width:100%;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface);color:var(--text);font-size:var(--fs-base);font-family:inherit;resize:vertical;min-height:64px;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.comment-input::placeholder{color:var(--hint)}.comment-input:focus{border-color:var(--brand-500);box-shadow:var(--ring-brand);outline:none}.form-error{color:var(--status-no);font-size:var(--fs-sm);min-height:18px;margin:var(--space-2) 0}.modal-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}#list-view{padding:0 0 var(--space-6) 0}.list-search-bar{position:sticky;top:0;background:color-mix(in srgb,var(--surface-2) 88%,transparent);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);padding:10px 12px 8px;z-index:3}.list-search-wrap{position:relative}.list-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--hint);pointer-events:none}.list-search{width:100%;padding:11px 14px 11px 38px;border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface);color:var(--text);font-size:var(--fs-base);font-family:inherit;outline:none;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.list-search::placeholder{color:var(--hint)}.list-search:focus{border-color:var(--brand-500);box-shadow:var(--ring-brand)}.list-section-title{padding:14px var(--space-4) 6px var(--space-4);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.3px;color:var(--hint)}.list-empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--hint);font-size:var(--fs-sm)}.list-cards{display:flex;flex-direction:column;gap:var(--space-2);padding:0 12px}.list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-xs);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}@media (hover: hover){.list-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--border)}}.list-item:active{transform:scale(.99);background:var(--surface-2)}.list-dot{width:10px;height:10px;border-radius:var(--radius-pill);flex-shrink:0}.list-dot.dot-yes{background:var(--status-yes);box-shadow:0 0 0 3px var(--status-yes-bg)}.list-dot.dot-no{background:var(--status-no);box-shadow:0 0 0 3px var(--status-no-bg)}.list-dot.dot-mixed{background:var(--status-mixed);box-shadow:0 0 0 3px var(--status-mixed-bg)}.list-dot.dot-unknown{background:var(--status-unknown);box-shadow:0 0 0 3px var(--status-unknown-bg)}.list-body{flex:1;min-width:0;margin-left:2px}.list-title{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-sub{font-size:var(--fs-sm);color:var(--hint);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-meta{font-size:var(--fs-xs);color:var(--hint);text-align:right;white-space:nowrap;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center}.empty-state-icon{width:48px;height:48px;color:var(--hint);opacity:.5}.empty-state-title{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text);margin:0}.empty-state-sub{font-size:var(--fs-sm);color:var(--hint);max-width:280px;margin:0;line-height:var(--lh-base)}#profile-view{padding:var(--space-4) var(--space-4) var(--space-6) var(--space-4)}.profile-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--shadow-xs);margin-bottom:var(--space-3)}.profile-avatar{width:56px;height:56px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--brand-400) 0%,var(--brand-600) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:22px;flex-shrink:0;box-shadow:0 4px 12px #1f7ac438}.profile-photo{position:relative;flex-shrink:0;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--brand-400) 0%,var(--brand-600) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);overflow:hidden}.profile-photo-lg{width:56px;height:56px;font-size:22px;box-shadow:0 4px 12px #1f7ac438}.profile-photo-sm{width:32px;height:32px;font-size:13px}.profile-photo-initials{position:relative;z-index:1}.profile-photo-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.profile-photo.has-photo .profile-photo-img{opacity:1}.profile-name{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text);letter-spacing:-.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-sub{font-size:var(--fs-sm);color:var(--hint);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-3)}.profile-stat{background:var(--surface);border:1px solid var(--border-soft);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-xs)}.profile-stat-value{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--brand-600);line-height:1.1;letter-spacing:-.3px}.profile-stat-label{font-size:var(--fs-xs);color:var(--hint);margin-top:4px}.profile-info{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border-soft);color:var(--text-2);font-size:var(--fs-sm);line-height:var(--lh-base);margin-bottom:var(--space-3);box-shadow:var(--shadow-xs)}.profile-info.error{color:var(--status-no);background:var(--status-no-bg);border-color:transparent}.profile-points-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-5) var(--space-4) var(--space-4) var(--space-4);text-align:center;box-shadow:var(--shadow-xs);margin-bottom:var(--space-3);position:relative;overflow:hidden}.profile-points-card:before{content:"";position:absolute;top:-40%;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,var(--brand-50) 0%,transparent 60%);pointer-events:none;opacity:.8}.profile-points{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--brand-600);line-height:1;letter-spacing:-.5px;position:relative}.profile-points-label{font-size:var(--fs-xs);color:var(--hint);margin-top:6px;text-transform:uppercase;letter-spacing:.3px;font-weight:var(--fw-semibold);position:relative}.profile-rank{display:inline-block;margin-top:var(--space-3);padding:6px 14px;border-radius:var(--radius-pill);background:var(--brand-50);color:var(--brand-on-tint);font-size:var(--fs-sm);font-weight:var(--fw-semibold);position:relative}.profile-actions{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.profile-action-btn{flex:1;padding:12px 14px;font-size:var(--fs-sm);min-height:44px}.profile-action-btn:disabled{opacity:.55;cursor:not-allowed}.profile-prize-note{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--brand-50);border:1px solid var(--brand-100);color:var(--text-2);font-size:var(--fs-sm);line-height:var(--lh-base);text-align:left;margin-bottom:var(--space-3)}.profile-prize-icon{flex-shrink:0;width:20px;height:20px;color:var(--brand-600)}.leaderboard-panel{max-height:0;overflow:hidden;transition:max-height var(--dur-slow) var(--ease-out);margin-bottom:var(--space-3)}.leaderboard-panel.open{max-height:2000px}.leaderboard-header{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.3px;color:var(--hint);padding:4px 4px 8px}.leaderboard-list{display:flex;flex-direction:column;gap:var(--space-1);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:var(--shadow-xs)}.leaderboard-entry{display:flex;align-items:center;gap:var(--space-3);padding:8px 10px;border-radius:var(--radius-sm);background:transparent;transition:background var(--dur-base) var(--ease-out)}.leaderboard-entry.me{background:var(--brand-50)}.leaderboard-rank{flex-shrink:0;width:38px;text-align:center;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--hint)}.leaderboard-rank.gold{color:#d4a017}.leaderboard-rank.silver{color:#8a8d92}.leaderboard-rank.bronze{color:#b87333}.leaderboard-info{flex:1;min-width:0}.leaderboard-name{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-sub{font-size:var(--fs-xs);color:var(--hint);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-points{flex-shrink:0;font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--brand-600);min-width:42px;text-align:right}.leaderboard-me-footer{margin-top:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);background:var(--brand-50);color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-align:center}.leaderboard-handle{font-weight:var(--fw-regular);color:var(--hint);font-size:var(--fs-sm)}.around-me-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3) var(--space-2) var(--space-3);margin-bottom:var(--space-3);box-shadow:var(--shadow-xs)}.profile-rank-note{margin:var(--space-3) 0 var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-2);font-size:var(--fs-sm);line-height:var(--lh-base);text-align:center}.around-me-title{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.3px;color:var(--hint);padding:2px 4px 8px}.around-me-body{font-size:var(--fs-sm);color:var(--hint)}.around-me-error{font-size:var(--fs-sm);color:var(--status-no);padding:4px 4px 8px}.around-me-list{display:flex;flex-direction:column;gap:2px}.around-me-row{display:flex;align-items:center;gap:var(--space-3);padding:8px;border-radius:var(--radius-sm);background:transparent;transition:background var(--dur-base) var(--ease-out)}.around-me-row-me{background:var(--brand-50)}.around-me-rank{flex-shrink:0;width:36px;text-align:center;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--hint)}.around-me-row-me .around-me-rank,.around-me-row-me .around-me-handle,.leaderboard-entry.me .leaderboard-handle,.leaderboard-entry.me .leaderboard-sub,.leaderboard-entry.me .leaderboard-rank{color:var(--brand-on-tint)}.around-me-info{flex:1;min-width:0}.around-me-name{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.around-me-handle{font-size:var(--fs-xs);color:var(--hint);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.around-me-points{flex-shrink:0;font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--brand-600);min-width:42px;text-align:right}.ref-link-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4) var(--space-4) var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--shadow-xs)}.ref-link-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text);margin-bottom:4px}.ref-link-sub{font-size:var(--fs-xs);color:var(--hint);margin-bottom:var(--space-3);line-height:var(--lh-base)}.ref-link-input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--secondary-bg, var(--bg));color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:var(--fs-xs);line-height:1.4;user-select:all;-webkit-user-select:all;margin-bottom:var(--space-2)}.ref-link-input:focus{outline:2px solid var(--brand-400);outline-offset:1px}.ref-link-actions{display:flex;gap:var(--space-2)}.copy-btn,.share-btn{flex:1;padding:13px 14px;min-height:44px;font-size:var(--fs-sm)}@keyframes fade-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.list-cards.entering .list-item{animation:fade-up var(--dur-base) var(--ease-out) both}.report-photo{display:block;width:80px;height:80px;margin-top:var(--space-2);padding:0;border:none;border-radius:var(--radius-sm);background:var(--surface-2);overflow:hidden;cursor:zoom-in;-webkit-tap-highlight-color:transparent;flex-shrink:0}.report-photo img{display:block;width:100%;height:100%;object-fit:cover}.report-photo:active{opacity:.85}.report-photo.report-photo-list{width:56px;height:56px;margin-top:0}.upload-photo-section{display:flex;flex-direction:column;gap:var(--space-2)}.upload-photo-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px var(--space-4);min-height:44px;border-radius:var(--radius-md);border:1px dashed var(--brand-200);background:var(--brand-50);color:var(--brand-on-tint);font-size:var(--fs-base);font-weight:var(--fw-semibold);font-family:inherit;cursor:pointer;transition:background var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.upload-photo-btn:active{transform:scale(.98)}.upload-photo-btn:disabled{opacity:.5;cursor:default}.upload-photo-btn svg{flex-shrink:0}.upload-preview{position:relative;width:100px;height:100px;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-2);border:1px solid var(--border-soft)}.upload-preview-img{display:block;width:100%;height:100%;object-fit:cover}.upload-preview-remove{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:var(--radius-pill);border:none;background:#0000009e;color:#fff;font-size:18px;line-height:1;font-weight:var(--fw-bold);font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background var(--dur-base) var(--ease-out)}.upload-preview-remove:hover{background:#000c}.upload-preview-remove:disabled{opacity:.5;cursor:default}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000eb;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out)}.lightbox-overlay.lightbox-open{opacity:1;pointer-events:auto}.lightbox-img{max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain;display:block}.lightbox-close{position:absolute;top:calc(env(safe-area-inset-top,0) + 12px);right:12px;width:44px;height:44px;border-radius:var(--radius-pill);border:none;background:#ffffff29;color:#fff;font-size:28px;line-height:1;font-weight:var(--fw-bold);font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 2px;transition:background var(--dur-base) var(--ease-out)}.lightbox-close:hover,.lightbox-close:focus-visible{background:#ffffff47}.help-btn{margin-left:auto;width:44px;height:44px;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--hint);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.help-btn:active{transform:scale(.94)}@media (hover: hover){.help-btn:hover{color:var(--text);background:var(--surface-2)}}.help-btn:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;color:var(--text)}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:950;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);padding-top:max(var(--space-4),env(safe-area-inset-top,0));padding-bottom:max(var(--space-4),env(safe-area-inset-bottom,0));opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out)}.onboarding-overlay.onboarding-open{opacity:1;pointer-events:auto}.onboarding-modal{width:100%;max-width:380px;background:var(--surface);color:var(--text);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-5) var(--space-4) var(--space-5);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-4);transform:translateY(16px) scale(.98);transition:transform var(--dur-slow) var(--ease-out),opacity var(--dur-slow) var(--ease-out);max-height:100%;overflow:hidden}.onboarding-overlay.onboarding-open .onboarding-modal{transform:translateY(0) scale(1)}.onboarding-slide-host{min-height:0;flex:1 1 auto;display:flex;overflow-y:auto}.onboarding-slide{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);width:100%}.onboarding-emoji{font-size:56px;line-height:1;text-align:center;-webkit-user-select:none;user-select:none;margin:var(--space-2) 0 var(--space-1) 0}.onboarding-emoji-row{display:flex;justify-content:center;gap:var(--space-3);font-size:0}.onboarding-swatch-lg{width:28px;height:28px;border-radius:var(--radius-pill);display:inline-block;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--border-soft)}.onboarding-swatch-lg.onboarding-swatch-yes{background:var(--status-yes)}.onboarding-swatch-lg.onboarding-swatch-no{background:var(--status-no)}.onboarding-swatch-lg.onboarding-swatch-mixed{background:var(--status-mixed)}.onboarding-swatch-lg.onboarding-swatch-unknown{background:var(--status-unknown)}.onboarding-title{font-size:var(--fs-lg);font-weight:var(--fw-bold);text-align:center;margin:0;letter-spacing:-.2px}.onboarding-body{font-size:var(--fs-base);color:var(--text-2);line-height:1.45;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.onboarding-body p{margin:0}.onboarding-body-accent,.onboarding-body strong{color:var(--text);font-weight:var(--fw-semibold)}.onboarding-color-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--fs-base);color:var(--text-2);line-height:1.4}.onboarding-color-list li{display:flex;align-items:center;gap:var(--space-3)}.onboarding-color-list strong{color:var(--text);font-weight:var(--fw-semibold)}.onboarding-swatch{flex:0 0 auto;width:14px;height:14px;border-radius:var(--radius-pill);display:inline-block}.onboarding-swatch.onboarding-swatch-yes{background:var(--status-yes)}.onboarding-swatch.onboarding-swatch-no{background:var(--status-no)}.onboarding-swatch.onboarding-swatch-mixed{background:var(--status-mixed)}.onboarding-swatch.onboarding-swatch-unknown{background:var(--status-unknown);box-shadow:inset 0 0 0 1px var(--border-soft)}.onboarding-dots{display:flex;justify-content:center;align-items:center;gap:6px;margin:0}.onboarding-dot{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--border-soft);transition:width var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.onboarding-dot.onboarding-dot-active{width:18px;background:var(--brand-500)}.onboarding-nav{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--space-2)}.onboarding-nav.onboarding-nav-final{grid-template-columns:1fr}.onboarding-back.onboarding-back-hidden{visibility:hidden;pointer-events:none}.onboarding-nav.onboarding-nav-final .onboarding-back{display:none}.onboarding-cta{font-weight:var(--fw-bold)}.chat-view{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-6) var(--space-4) calc(var(--nav-h) + var(--space-6));overflow-y:auto;background:var(--surface-2)}.chat-card{width:100%;max-width:380px;margin-top:var(--space-4);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);text-align:center;box-shadow:var(--shadow-sm)}.chat-emoji{font-size:56px;line-height:1;margin-bottom:var(--space-3)}.chat-title{margin:0 0 var(--space-3);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text)}.chat-desc{margin:0 0 var(--space-5);font-size:var(--fs-base);color:var(--text-2);line-height:var(--lh-base)}.chat-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:0 var(--space-4);background:var(--button-bg);color:var(--button-text);border-radius:var(--radius-md);font-size:var(--fs-md);font-weight:var(--fw-semibold);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out)}.chat-cta:active{transform:scale(.98)}.chat-hint{margin:var(--space-4) 0 0;font-size:var(--fs-sm);color:var(--hint)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}