:root{--color-cream-50:#fbf3e2;--color-cream-100:#f5e7c8;--color-cream-200:#ebd9b4;--color-cream-300:#dec79a;--color-brown-900:#2e1a0c;--color-brown-800:#3f2614;--color-brown-700:#5a3a1e;--color-brown-600:#7a5433;--color-rust-700:#9b3f17;--color-rust-600:#b84a1c;--color-rust-500:#d2692c;--color-amber-500:#e9a13b;--color-amber-400:#f0b559;--color-amber-300:#f5ce86;--color-olive-700:#4c5729;--color-olive-600:#5f6b33;--color-olive-500:#7a8748;--color-sage-600:#5e7a70;--color-sage-500:#7e9187;--color-sage-400:#a3b3aa;--color-rose-600:#b06a5a;--color-rose-500:#c98878;--color-rose-400:#dda79a;--bg:var(--color-cream-50);--bg-sunk:var(--color-cream-100);--surface:#fffbf1;--surface-alt:var(--color-cream-100);--ink:var(--color-brown-900);--ink-soft:var(--color-brown-700);--ink-muted:var(--color-brown-600);--ink-inverse:var(--color-cream-50);--line:var(--color-cream-300);--line-strong:var(--color-brown-900);--primary:var(--color-rust-600);--primary-hover:var(--color-rust-700);--primary-ink:var(--color-cream-50);--accent:var(--color-amber-500);--accent-ink:var(--color-brown-900);--secondary:var(--color-olive-600);--secondary-ink:var(--color-cream-50);--success:var(--color-olive-700);--warning:var(--color-amber-500);--danger:var(--color-rust-700);--info:var(--color-sage-600);--focus-ring:var(--color-olive-600);--selection-bg:var(--color-amber-300);--font-display:"Bagel Fat One", "Cooper Black", Georgia, serif;--font-sans:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, "SFMono-Regular", monospace;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-xl:clamp(1.4rem, 1.2rem + .9vw, 1.75rem);--text-2xl:clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);--text-3xl:clamp(2.25rem, 1.6rem + 3vw, 3.75rem);--text-4xl:clamp(2.75rem, 1.6rem + 5.2vw, 5.5rem);--leading-tight:1.02;--leading-snug:1.25;--leading-body:1.6;--tracking-tight:-.015em;--tracking-wide:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-xl:36px;--radius-pill:999px;--border:2px solid var(--line-strong);--border-hair:1px solid var(--line);--shadow-pop:4px 4px 0 var(--color-brown-900);--shadow-pop-sm:2px 2px 0 var(--color-brown-900);--shadow-soft:0 10px 24px -12px #2e1a0c73;--container:1120px;--ease:cubic-bezier(.2, .7, .3, 1);--dur:.16s}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--selection-bg);color:var(--ink)}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-4)}h1{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}h4,h5{font-family:var(--font-sans);font-weight:800;line-height:var(--leading-snug);margin:0 0 var(--space-3)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base);letter-spacing:var(--tracking-wide);text-transform:uppercase}p{margin:0 0 var(--space-4);text-wrap:pretty;max-width:66ch}small,.text-sm{font-size:var(--text-sm)}.eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-muted);font-weight:700}a{color:var(--primary);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:var(--primary-hover)}code,kbd,pre{font-family:var(--font-mono);font-size:.9em}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.btn{align-items:center;gap:var(--space-2);font:700 var(--text-base)/1 var(--font-sans);border:var(--border);border-radius:var(--radius-pill);background:var(--primary);color:var(--primary-ink);box-shadow:var(--shadow-pop);cursor:pointer;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);padding:12px 22px;display:inline-flex}.btn:hover{box-shadow:6px 6px 0 var(--color-brown-900);transform:translate(-2px,-2px)}.btn:active{box-shadow:var(--shadow-pop-sm);transform:translate(2px,2px)}.btn--accent{background:var(--accent);color:var(--accent-ink)}.btn--ghost{color:var(--ink);box-shadow:none;background:0 0}.btn--ghost:hover{background:var(--surface-alt);box-shadow:none;transform:none}.card{background:var(--surface);border:var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-pop)}.tag{border-radius:var(--radius-pill);background:var(--color-amber-300);color:var(--ink);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:4px 12px;font-weight:700;display:inline-block}.input{width:100%;font:400 var(--text-base)/1.2 var(--font-sans);color:var(--ink);background:var(--surface);border:var(--border);border-radius:var(--radius-md);padding:12px 16px}.input::placeholder{color:var(--ink-muted)}hr{border:0;border-top:var(--border);margin:var(--space-6) 0}.container{max-width:var(--container);padding-inline:var(--space-5);margin-inline:auto}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility}body{min-width:320px}main{max-width:var(--container);margin:0 auto;padding:40px 28px 28px}h1,h2,h3,p{margin:0}h1{font-size:var(--text-3xl);line-height:1.08}h2,h3{font-size:var(--text-xl)}p{max-width:none}button,input,select{font:inherit}button,.file-picker{-webkit-tap-highlight-color:transparent}.app-header{align-items:center;gap:var(--space-7);margin-bottom:var(--space-7);grid-template-columns:minmax(0,420px) minmax(0,1fr);display:grid}.brand-art{border:var(--border);border-radius:var(--radius-lg);width:100%;height:auto;box-shadow:var(--shadow-pop);display:block}.header-copy{min-width:0}.eyebrow{margin-bottom:var(--space-3)}.header-copy h1 span{color:var(--primary)}.subtitle{color:var(--ink-soft);margin-top:var(--space-4);font-size:var(--text-base)}.privacy-badge{align-items:center;gap:var(--space-2);margin-top:var(--space-5);border:1px solid var(--secondary);border-radius:var(--radius-pill);color:var(--success);background:var(--surface);font-size:var(--text-xs);padding:6px 12px;font-weight:700;display:inline-flex}.privacy-badge>span{background:var(--secondary);border-radius:50%;width:8px;height:8px}.import-panel,.filters-panel,.similarity-panel,.title-export-panel{border:var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-pop);padding:var(--space-5)}.import-panel{justify-content:space-between;align-items:center;gap:var(--space-6);background:var(--bg-sunk);display:flex}.import-panel p{color:var(--ink-soft);margin-top:var(--space-2);font-size:var(--text-sm)}.import-panel .privacy-note{font-size:var(--text-xs);color:var(--ink-muted)}.file-picker,.primary-button{border:var(--border);border-radius:var(--radius-pill);min-height:48px;box-shadow:var(--shadow-pop);background:var(--primary);color:var(--primary-ink);font:700 var(--text-sm)/1.3 var(--font-sans);cursor:pointer;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background var(--dur) var(--ease);flex-shrink:0;justify-content:center;align-items:center;padding:12px 22px;display:inline-flex}.file-picker{position:relative}.primary-button:hover:not(:disabled){box-shadow:6px 6px 0 var(--ink);background:var(--primary-hover);transform:translate(-2px,-2px)}.file-picker:hover:not(:has(input:disabled)){box-shadow:6px 6px 0 var(--ink);background:var(--primary-hover);transform:translate(-2px,-2px)}.primary-button:active:not(:disabled){box-shadow:var(--shadow-pop-sm);transform:translate(2px,2px)}.file-picker:active:not(:has(input:disabled)){box-shadow:var(--shadow-pop-sm);transform:translate(2px,2px)}.file-picker:focus-within{outline:3px solid var(--focus-ring);outline-offset:5px}.file-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.primary-button:disabled{background:var(--color-cream-200);color:var(--ink-muted);border-color:var(--line);box-shadow:none}.file-picker:has(input:disabled){background:var(--color-cream-200);color:var(--ink-muted);border-color:var(--line);box-shadow:none}.file-picker input:disabled{cursor:wait}.primary-button:disabled{cursor:not-allowed}.archive-name{color:var(--ink-muted);font-size:var(--text-xs);margin-top:var(--space-4);overflow-wrap:anywhere}.archive-name strong{color:var(--ink-soft);font-weight:700}.import-status{font-size:var(--text-xs);color:var(--success)}.import-status:not(:empty){margin-top:var(--space-3)}progress{width:100%;height:8px;accent-color:var(--secondary);margin-top:var(--space-2);display:block}.thumbnail-controls{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-5);display:flex}.thumbnail-controls p,.cache-notice,.cache-help,.cache-summary{font-size:var(--text-xs);color:var(--ink-muted)}.secondary-button{border:var(--border);border-radius:var(--radius-pill);background:var(--surface);min-height:40px;color:var(--ink);font:700 var(--text-xs)/1.4 var(--font-sans);cursor:pointer;transition:background var(--dur) var(--ease), transform var(--dur) var(--ease);flex-shrink:0;padding:8px 14px}.secondary-button:hover:not(:disabled){background:var(--color-amber-300);transform:translateY(-1px)}.secondary-button:disabled{opacity:.6;cursor:wait}.cache-notice,.cache-help,.cache-summary{margin-top:var(--space-3)}.cache-warning{color:var(--color-rust-700)}.filters-panel,.similarity-panel{margin-top:var(--space-6)}.filter-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.filter-actions,.type-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.type-filters{border:0;min-width:0;margin:0;padding:0}.type-filters legend,.search-field label{color:var(--ink-muted);font-size:var(--text-xs);margin-bottom:var(--space-2);font-weight:700;display:block}.type-tag{align-items:center;gap:var(--space-2);border:var(--border);border-radius:var(--radius-pill);background:var(--surface);max-width:100%;min-height:40px;color:var(--ink-soft);font:700 var(--text-xs)/1.4 var(--font-sans);overflow-wrap:anywhere;cursor:pointer;text-align:left;transition:background var(--dur) var(--ease), box-shadow var(--dur) var(--ease);padding:8px 14px;display:inline-flex}.type-tag[aria-pressed=true]{color:var(--ink);background:var(--color-amber-300);box-shadow:var(--shadow-pop-sm)}.type-tag:hover{background:var(--color-cream-200)}.type-tag[aria-pressed=true]:hover{background:var(--color-amber-400)}.tag-marker{border:1px solid var(--ink-muted);border-radius:4px;flex-shrink:0;width:14px;height:14px;position:relative}.type-tag[aria-pressed=true] .tag-marker{background:var(--ink);border-color:var(--ink)}.type-tag[aria-pressed=true] .tag-marker:after{content:"";border-right:2px solid var(--surface);border-bottom:2px solid var(--surface);width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.search-field{margin-top:var(--space-5)}.search-field input{border:var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--ink);font:400 var(--text-base)/1.4 var(--font-sans);padding:10px 14px;display:block}.search-field input::placeholder,.activity-name::placeholder{color:var(--ink-muted)}.similarity-panel{background:var(--bg-sunk)}.similarity-panel label{margin-top:var(--space-4);font-size:var(--text-sm);font-weight:700;display:block}.similarity-panel input{accent-color:var(--secondary)}.similarity-panel select{width:min(100%,420px);min-height:44px;margin-top:var(--space-2);border:var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit;padding:8px;display:block}.similarity-panel input[type=range]{width:min(100%,420px);min-height:40px;margin:var(--space-1) 0;display:block}.similarity-panel .grouping-toggle{align-items:center;gap:var(--space-3);min-height:44px;display:flex}.grouping-toggle input{width:18px;height:18px}.similarity-panel p,.similarity-count{color:var(--ink-soft);font-size:var(--text-xs);margin-top:var(--space-2)}.similarity-count{margin-bottom:var(--space-3)}.similarity-status{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--ink-soft);overflow-wrap:anywhere}.activity-section{margin-top:var(--space-6)}.title-export-panel{margin-bottom:var(--space-6)}.export-toolbar{justify-content:space-between;align-items:center;gap:var(--space-5);display:flex}.export-toolbar p,.draft-status,.export-notice{color:var(--ink-soft);font-size:var(--text-xs);margin-top:var(--space-2)}.draft-status{border-top:var(--border-hair);padding-top:var(--space-3);margin-top:var(--space-4)}.export-notice{color:var(--success);font-weight:700}.export-error,.field-error{color:var(--danger);font-size:var(--text-xs);margin-top:var(--space-2);overflow-wrap:anywhere}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.section-heading h2{align-items:center;gap:var(--space-3);font-size:var(--text-2xl);display:flex}.section-heading p{font-size:var(--text-xs);color:var(--ink-muted)}.section-heading p span{color:var(--line);margin:0 6px}.count{background:var(--color-amber-300);color:var(--ink);border:1px solid var(--ink);border-radius:var(--radius-pill);font:700 var(--text-xs)/1.6 var(--font-mono);padding:2px 10px;display:inline-block}.results-count{margin-bottom:var(--space-4);font-size:var(--text-xs);color:var(--ink-muted)}.selection-panel{margin-bottom:var(--space-5);padding:var(--space-5);border:var(--border);border-radius:var(--radius-lg);background:var(--surface)}.selection-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.selection-panel p{margin-top:var(--space-2);color:var(--ink-soft);font-size:var(--text-xs)}.bulk-editors{gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.bulk-field{flex:240px;min-width:0}.bulk-field label{margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:700;display:block}.bulk-field input,.bulk-field select{border:var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:44px;color:var(--ink);padding:8px 12px}.bulk-field input:focus,.bulk-field select:focus,.selection-cell input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.selection-cell input{width:20px;height:20px;accent-color:var(--secondary);cursor:pointer}tbody tr[data-selected=true]{background:var(--bg-sunk)}.grouped-activities{gap:var(--space-6);display:grid}.route-bundle{border:2px solid var(--color-sage-600);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-soft)}.bundle-heading{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);flex-wrap:wrap;display:flex}.bundle-heading>div{flex:180px;min-width:0}.bundle-heading h3{overflow-wrap:anywhere;font:700 var(--text-lg)/1.4 var(--font-sans)}.bundle-heading .count{white-space:nowrap;flex-shrink:0}.bundle-label{color:var(--color-sage-600);font:700 var(--text-xs)/1.5 var(--font-mono);margin-bottom:var(--space-2)}.bundle-description{color:var(--ink-muted);font-size:var(--text-xs);margin-top:var(--space-2)}.ungrouped-activities{min-width:0}.ungrouped-activities .bundle-heading{margin-bottom:var(--space-4);padding:0}.table-container{border:var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-pop);position:relative;overflow:auto}.route-bundle .table-container{border:0;border-top:var(--border-hair);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:none}table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--text-sm)}thead{background:var(--color-cream-100)}th{font:700 .7rem/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}th,td{padding:16px}.name-heading{width:50%}.type-heading{min-width:100px}td{border-top:var(--border-hair)}tbody tr:hover{background:var(--bg)}.activity-name{border-radius:var(--radius-sm);width:100%;min-width:0;min-height:44px;box-shadow:none;color:var(--ink);font:700 var(--text-sm)/1.4 var(--font-sans);background:0 0;border:1px solid #0000;padding:6px 4px;display:block}.activity-name:hover{border-color:var(--line)}.activity-name:focus{border-color:var(--line);background:var(--surface);outline:2px solid var(--focus-ring);outline-offset:2px}.activity-details{min-width:240px}.activity-connect-link{margin-top:var(--space-2);color:var(--ink-muted);font-size:var(--text-xs)}.activity-stats{margin-top:var(--space-2);color:var(--ink-soft);font:400 .7rem/1.4 var(--font-mono);overflow-wrap:anywhere;gap:2px;display:grid}.activity-type{border:1px solid var(--secondary);border-radius:var(--radius-pill);background:var(--bg-sunk);width:180px;max-width:180px;min-height:44px;color:var(--success);font:700 var(--text-xs)/1.4 var(--font-sans);cursor:pointer;padding:6px 10px;display:block}.activity-type:hover{border-color:var(--success)}.activity-type:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.activity-date{font:400 .75rem/1.7 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-soft);white-space:nowrap}.route-cell,.elevation-cell{width:148px}.route-preview,.elevation-preview{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-sunk);justify-content:center;align-items:center;width:120px;height:80px;display:flex;overflow:hidden}.route-preview img{object-fit:contain;width:100%;height:100%;display:block}.route-preview span,.elevation-preview span{padding:var(--space-2);text-align:center;color:var(--ink-muted);font-size:.75rem}.route-error,.elevation-error{border-color:var(--danger)}.route-error span,.elevation-error span{color:var(--danger)}.elevation-preview svg{width:100%;height:100%;display:block}.elevation-preview path{fill:none;stroke:var(--color-sage-600);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.elevation-gap{color:var(--ink-muted);font-family:var(--font-sans)}.empty-state{text-align:center;border:2px dashed var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);padding:56px 24px}.empty-state h3{font-size:var(--text-2xl)}.empty-state p{color:var(--ink-muted);font-size:var(--text-sm);max-width:460px;margin:var(--space-3) auto 0}.notice{padding:var(--space-5);margin-top:var(--space-5);border:2px solid var(--color-brown-600);background:var(--color-amber-300);border-radius:var(--radius-lg)}.notice h2{color:var(--ink)}.notice p,.notice li{font-size:var(--text-sm);color:var(--ink-soft);margin-top:var(--space-2);overflow-wrap:anywhere}.notice ul{margin-bottom:0;padding-left:20px}.error{border-color:var(--danger);background:var(--surface)}.error h2{color:var(--danger)}.error-detail{font-family:var(--font-mono)}footer{justify-content:space-between;align-items:center;gap:var(--space-5);margin-top:var(--space-7);padding:var(--space-5) var(--space-6);border:var(--border);border-radius:var(--radius-lg);background:var(--ink);color:var(--color-cream-100);font-size:var(--text-xs);display:flex}.footer-brand{color:var(--color-amber-400);font:400 var(--text-2xl)/1 var(--font-display);white-space:nowrap}footer p+p{margin-top:var(--space-1);color:var(--color-cream-300)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){main{padding:24px 20px}.app-header{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}h1{font-size:var(--text-2xl)}.privacy-badge{margin-top:var(--space-4)}.subtitle{font-size:var(--text-sm)}.import-panel,.export-toolbar{flex-direction:column;align-items:flex-start}.file-picker{width:100%}}@media (width<=600px){main{padding:24px 16px}.app-header{margin-bottom:var(--space-6);flex-direction:column;align-items:flex-start;display:flex}.brand-art{max-width:360px}.header-copy h1{font-size:var(--text-3xl)}.import-panel,.filters-panel,.similarity-panel,.title-export-panel{padding:20px}.section-heading{align-items:flex-start}.section-heading p{text-align:right;max-width:125px}th,td{padding:12px}.name-heading{width:42%;min-width:140px}.route-cell,.elevation-cell{width:104px}.route-preview,.elevation-preview{width:90px;height:60px}.thumbnail-controls,.filter-heading{align-items:flex-start;gap:var(--space-3);flex-direction:column}.activity-date{white-space:normal;min-width:120px}footer{padding:var(--space-5);flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}