:root{--orange: #fc5200;--orange-strong: #fc4c02;--radius: 12px;--radius-sm: 8px;--btn-radius: 4px;--bg: #f2f2f0;--panel: #ffffff;--ink: #141413;--muted: #64635e;--line: #e0e0de;--input-bg: #ffffff;--disabled-bg: #f2f2f0;--disabled-fg: #918e89;--chip-bg: #ffffff;--danger: #c0341a;--warn-bg: #fff7e6;--warn-border: #ffd98a;--warn-fg: #7a5200;--consent-bg: #21211f;--consent-fg: #ffffff;--consent-border: #43423f;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .06);color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #141413;--panel: #21211f;--ink: #fafafa;--muted: #a3a19a;--line: #3a3a36;--input-bg: #141413;--disabled-bg: #1a1a18;--disabled-fg: #64635e;--chip-bg: #2a2a27;--danger: #ef7575;--warn-bg: #2b2410;--warn-border: #5c4a1e;--warn-fg: #ffdd66;--consent-bg: #262624;--consent-fg: #fafafa;--consent-border: #43423f;--shadow: none;color-scheme:dark}}:root[data-theme=dark]{--bg: #141413;--panel: #21211f;--ink: #fafafa;--muted: #a3a19a;--line: #3a3a36;--input-bg: #141413;--disabled-bg: #1a1a18;--disabled-fg: #64635e;--chip-bg: #2a2a27;--danger: #ef7575;--warn-bg: #2b2410;--warn-border: #5c4a1e;--warn-fg: #ffdd66;--consent-bg: #262624;--consent-fg: #fafafa;--consent-border: #43423f;--shadow: none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}body:before{content:"";position:absolute;inset:0 0 auto 0;height:380px;background:radial-gradient(120% 380px at 50% -40px,light-dark(rgba(252,82,0,.16),rgba(252,82,0,.38)) 0%,light-dark(rgba(252,82,0,.05),rgba(252,82,0,.12)) 40%,transparent 72%);pointer-events:none;z-index:-1}body,.panel,input,select,.chip,.card,.seg button,.results .rhead button{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.app{max-width:760px;margin:0 auto;padding:24px 18px 40px}.app:has(.consent){padding-bottom:140px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;row-gap:8px}.topbar h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.5px}.topbar h1:before{content:"●";color:var(--orange);margin-right:8px}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.tagline{color:var(--muted);margin:4px 0 20px}.seg{display:inline-flex}.seg button{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:6px 12px;min-height:44px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.seg button+button{border-left:0}.seg button:first-child{border-radius:var(--btn-radius) 0 0 var(--btn-radius)}.seg button:last-child{border-radius:0 var(--btn-radius) var(--btn-radius) 0}.seg button.on{background:var(--orange);color:#fff;border-color:var(--orange)}.themetoggle button{padding:6px 12px}.themetoggle svg{display:block}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:var(--shadow)}.panel h2{margin:0 0 16px;font-size:15px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;margin-bottom:14px;flex:1}label.check{flex-direction:row;align-items:center;gap:8px;align-self:flex-end;font-weight:500;min-height:44px}input,select{font:inherit;font-size:16px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--ink);width:100%;min-width:0}input:focus,select:focus{outline:2px solid var(--orange);outline-offset:0;border-color:var(--orange)}input:disabled{background:var(--disabled-bg);color:var(--disabled-fg)}input[type=checkbox]{width:auto;accent-color:var(--orange)}input::placeholder{color:var(--muted);opacity:1}@supports (-webkit-touch-callout: none){input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:44px}input[type=date]::-webkit-date-and-time-value{text-align:left;margin:0}}.row{display:flex;gap:16px}@media(max-width:560px){.row{flex-direction:column;gap:0}label.check{align-self:flex-start}}.gpx{border-top:1px solid var(--line);padding-top:14px;margin-top:2px}.filelabel{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.filelabel input[type=file]{width:auto;flex:1;border:0;background:transparent;padding:0;color:var(--muted)}.filelabel input[type=file]::file-selector-button{font:inherit;font-weight:600;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:var(--btn-radius);padding:8px 12px;margin-right:12px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.filelabel input[type=file]::file-selector-button:hover{border-color:var(--orange);color:var(--orange)}.gpx small{color:var(--muted);font-weight:400}.hint{color:var(--muted);font-size:13px;margin:8px 0 0}.field{margin-bottom:16px}.fieldlabel{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--chip-bg);border-radius:999px;padding:8px 14px;min-height:44px;cursor:pointer;font-weight:600;text-transform:capitalize;color:var(--ink)}.chip.on{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}.chip .sw{width:16px;height:16px;border-radius:50%;border:2px solid}.count{color:var(--muted);font-size:13px;margin:4px 0 0}.generate{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:6px 0 8px}.turnstile{align-self:center}button.primary{background:var(--orange);color:#fff;border:0;border-radius:var(--btn-radius);padding:12px 18px;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}button.primary.big{padding:16px;font-size:19px;font-weight:700}button.primary:hover:not(:disabled){background:var(--orange-strong)}button.primary:disabled{opacity:.55;cursor:default}.error{color:var(--danger);font-weight:600;margin:4px 0 0;text-align:center}.results .rhead{display:flex;align-items:center;justify-content:space-between}.results .rhead button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:var(--btn-radius);padding:8px 12px;min-height:44px;cursor:pointer;font-weight:600}.warnings{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius-sm);padding:10px 14px 10px 28px;color:var(--warn-fg);font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:14px}.card{margin:0;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--chip-bg);content-visibility:auto;contain-intrinsic-size:auto 320px}.card img{width:100%;height:auto;display:block}.card.square img{aspect-ratio:1 / 1}.card.story img{aspect-ratio:9 / 16}.card.strava img{aspect-ratio:4 / 5}.card figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;font-size:12px;color:var(--muted);text-transform:capitalize}.card figcaption button{border:0;background:var(--orange);color:#fff;border-radius:var(--btn-radius);padding:6px 12px;min-height:44px;cursor:pointer;font-weight:600;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.card figcaption button:hover{background:var(--orange-strong)}.consent{position:fixed;left:0;right:0;bottom:0;background:var(--consent-bg);color:var(--consent-fg);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;box-shadow:0 -2px 12px #00000040}.consent-actions{display:flex;gap:8px}.consent-actions button{border:1px solid var(--consent-border);background:transparent;color:var(--consent-fg);border-radius:var(--btn-radius);padding:8px 14px;min-height:44px;cursor:pointer;font-weight:600;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.consent-actions button.primary{border-color:var(--orange)}.consent .linklike{color:var(--consent-fg)}.linklike{border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--muted);text-decoration:underline;cursor:pointer}.linklike:hover{color:var(--orange)}.footer{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:8px;color:var(--muted);font-size:13px}.footer .linklike{padding:8px 6px}dialog.legal{max-width:560px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);padding:24px}dialog.legal::backdrop{background:#00000080}dialog.legal h2{margin:0 0 12px;font-size:20px}dialog.legal p{margin:0;white-space:pre-line;line-height:1.55;color:var(--ink)}dialog.legal .primary{margin-top:18px}#results-heading:focus{outline:none}.brandbrowse{margin-top:10px}.brandbrowse>summary{cursor:pointer;list-style:none;min-height:44px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--muted)}.brandbrowse>summary::-webkit-details-marker{display:none}.brandbrowse>summary:before{content:"▸";display:inline-block;transition:transform .15s ease}.brandbrowse[open]>summary:before{transform:rotate(90deg)}.brandbrowse[open]>summary{color:var(--ink);margin-bottom:10px}.brandbrowse:hover>summary{color:var(--orange)}.suggest-open{font-size:13px}.brandfilter{margin-bottom:10px}.brandsuggest{margin-top:10px}.brandhint{font-size:12px;font-weight:600;color:var(--muted);margin-top:2px}.suggest{display:flex;flex-direction:column}.suggest .hint{margin:0 0 12px}.colorlabel input[type=color]{width:64px;height:44px;padding:2px;cursor:pointer;border-radius:var(--radius-sm)}.suggest-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.suggest .turnstile{align-self:center;margin:4px 0}
