@layer tokens{:root{--marketing-bg:#0d1827;--marketing-text:#fff;--marketing-muted:#e1e7ed;--marketing-shade:#0d1827e0;--accent:#f3b51b;--accent-foreground:#000}:root,.theme-light,.theme-dark{--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-850:#18212f;--gray-900:#111827;--gray-925:#0e1320;--gray-950:#0b0f19;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--sky-50:#f0f9ff;--sky-400:#38bdf8;--green-100:#dcfce7;--green-400:#4ade80;--green-600:#16a34a;--green-700:#15803d;--amber-100:#fef3c7;--amber-400:#fbbf24;--amber-600:#d97706;--amber-700:#b45309;--red-50:#fef2f2;--red-400:#f87171;--red-600:#dc2626;--red-700:#b91c1c;--pink-400:#f472b6;--pink-600:#db2777;--purple-600:#9333ea;--teal-600:#0d9488;--orange-500:#f97316;--bg:#fff;--bg-subtle:var(--gray-50);--surface:#fff;--surface-subtle:var(--gray-50);--surface-hover:var(--gray-100);--surface-inverse:var(--gray-950);--overlay:#0b0f198c;--surface-gradient:linear-gradient(to right, var(--gray-50), #fff);--text:var(--gray-900);--text-strong:#000;--text-secondary:var(--gray-600);--text-muted:var(--gray-500);--text-subtle:var(--gray-400);--text-inverse:#fff;--line:#e5e7ebb3;--line-strong:var(--gray-200);--line-soft:var(--gray-100);--line-dashed:var(--gray-200);--accent-soft:color-mix(in srgb, var(--accent) 16%, var(--surface));--accent-text:color-mix(in srgb, var(--accent) 55%, #000);--title-hover:var(--title-hover-on-light,var(--accent-text));--primary:#000;--primary-foreground:#fff;--primary-hover:var(--gray-800);--primary-ring:var(--gray-200);--primary-ring-hover:#000;--control-bg:linear-gradient(to bottom, #fff, var(--gray-100));--control-bg-hover:linear-gradient(to bottom, var(--gray-50), var(--gray-100));--control-line:var(--gray-200);--control-text:var(--gray-800);--field-bg:#fff;--field-line:var(--gray-300);--field-line-hover:var(--gray-400);--field-font-size:var(--text-sm);--tag-bg:linear-gradient(to bottom, #fff, var(--gray-50));--segment-active-bg:#000;--segment-active-text:#fff;--line-dot:var(--gray-300);--info:var(--blue-600);--info-soft:#3b82f61a;--success:var(--green-700);--success-soft:var(--green-100);--warning:var(--amber-700);--warning-soft:var(--amber-100);--danger:var(--red-600);--danger-soft:var(--red-50);--danger-solid:var(--red-600);--danger-solid-hover:var(--red-700);--focus:var(--blue-500);--focus-ring:0 0 0 3px #3b82f659;--tone-mtb:var(--blue-600);--tone-road:var(--green-600);--tone-urban:var(--teal-600);--tone-bmx:var(--purple-600);--tone-cargo:var(--amber-600);--tone-special:var(--pink-600);--like:var(--red-600);--glyph:var(--gray-300);--glyph-strong:var(--gray-600);--glyph-accent:var(--amber-400);--mk-gradient:linear-gradient(to bottom right, #c2410c 10%, #ea580c 45%, #d97706);--font-sans:"Cola Source Sans 3", "Source Sans Pro", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs:12px;--text-sm:14px;--text-smd:15px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-5xl:48px;--text-6xl:60px;--text-7xl:72px;--leading-tight:1.25;--leading-snug:1.4;--leading-normal:1.5;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-inner:inset 0 2px 4px 0 #0000000d;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--container:1536px;--container-narrow:768px;--gutter:16px;--header-height:64px;--control-sm:28px;--control-md:36px;--control-lg:44px;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration:.2s;--duration-slow:.3s;--z-sticky:10;--z-dropdown:20;--z-modal:30;--z-toast:40;--chart-line:var(--blue-600);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark],.theme-dark{--bg:var(--gray-950);--bg-subtle:var(--gray-925);--surface:var(--gray-950);--surface-subtle:#11182780;--surface-hover:var(--gray-900);--surface-inverse:#fff;--overlay:#0009;--surface-gradient:linear-gradient(to right, var(--gray-925), var(--gray-950));--text:#fff;--text-strong:#fff;--text-secondary:var(--gray-400);--text-muted:var(--gray-400);--text-subtle:var(--gray-500);--text-inverse:#000;--line:var(--gray-850);--line-strong:var(--gray-800);--line-soft:var(--gray-900);--line-dashed:var(--gray-800);--primary:#fff;--primary-foreground:#000;--primary-hover:var(--gray-200);--primary-ring:var(--gray-700);--primary-ring-hover:#fff;--control-bg:linear-gradient(to bottom, var(--gray-800), var(--gray-950));--control-bg-hover:linear-gradient(to bottom, var(--gray-700), var(--gray-900));--control-line:var(--gray-800);--control-text:var(--gray-200);--field-bg:var(--gray-950);--field-line:var(--gray-700);--field-line-hover:var(--gray-600);--tag-bg:linear-gradient(to bottom, var(--gray-900), var(--gray-950));--segment-active-bg:var(--gray-800);--segment-active-text:#fff;--line-dot:var(--gray-500);--accent-text:color-mix(in srgb, var(--accent) 85%, #fff);--title-hover:var(--title-hover-on-dark,color-mix(in oklab, var(--accent) 45%, #fff));--info:var(--blue-400);--info-soft:#60a5fa26;--success:var(--green-400);--success-soft:#14532d80;--warning:var(--amber-400);--warning-soft:#78350f59;--danger:var(--red-400);--danger-soft:#7f1d1d4d;--focus:var(--blue-400);--focus-ring:0 0 0 3px #60a5fa66;--tone-mtb:var(--blue-400);--tone-road:var(--green-400);--tone-urban:#2dd4bf;--tone-bmx:#c084fc;--tone-cargo:var(--amber-400);--tone-special:var(--pink-400);--like:var(--red-400);--chart-line:var(--blue-400);--glyph:var(--gray-700);--glyph-strong:var(--gray-400);--glyph-accent:var(--amber-600);--mk-gradient:linear-gradient(to bottom right, #f59e0b 10%, #fbbf24 50%, #fde047);--shadow-xs:0 1px 2px 0 #0006;--shadow-sm:0 1px 3px 0 #00000080;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root[data-theme=system]{--bg:var(--gray-950);--bg-subtle:var(--gray-925);--surface:var(--gray-950);--surface-subtle:#11182780;--surface-hover:var(--gray-900);--surface-inverse:#fff;--overlay:#0009;--surface-gradient:linear-gradient(to right, var(--gray-925), var(--gray-950));--text:#fff;--text-strong:#fff;--text-secondary:var(--gray-400);--text-muted:var(--gray-400);--text-subtle:var(--gray-500);--text-inverse:#000;--line:var(--gray-850);--line-strong:var(--gray-800);--line-soft:var(--gray-900);--line-dashed:var(--gray-800);--primary:#fff;--primary-foreground:#000;--primary-hover:var(--gray-200);--primary-ring:var(--gray-700);--primary-ring-hover:#fff;--control-bg:linear-gradient(to bottom, var(--gray-800), var(--gray-950));--control-bg-hover:linear-gradient(to bottom, var(--gray-700), var(--gray-900));--control-line:var(--gray-800);--control-text:var(--gray-200);--field-bg:var(--gray-950);--field-line:var(--gray-700);--field-line-hover:var(--gray-600);--tag-bg:linear-gradient(to bottom, var(--gray-900), var(--gray-950));--segment-active-bg:var(--gray-800);--segment-active-text:#fff;--line-dot:var(--gray-500);--accent-text:color-mix(in srgb, var(--accent) 85%, #fff);--title-hover:var(--title-hover-on-dark,color-mix(in oklab, var(--accent) 45%, #fff));--info:var(--blue-400);--info-soft:#60a5fa26;--success:var(--green-400);--success-soft:#14532d80;--warning:var(--amber-400);--warning-soft:#78350f59;--danger:var(--red-400);--danger-soft:#7f1d1d4d;--focus:var(--blue-400);--focus-ring:0 0 0 3px #60a5fa66;--tone-mtb:var(--blue-400);--tone-road:var(--green-400);--tone-urban:#2dd4bf;--tone-bmx:#c084fc;--tone-cargo:var(--amber-400);--tone-special:var(--pink-400);--like:var(--red-400);--chart-line:var(--blue-400);--glyph:var(--gray-700);--glyph-strong:var(--gray-400);--glyph-accent:var(--amber-600);--mk-gradient:linear-gradient(to bottom right, #f59e0b 10%, #fbbf24 50%, #fde047);--shadow-xs:0 1px 2px 0 #0006;--shadow-sm:0 1px 3px 0 #00000080;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (pointer:coarse),(max-width:700px){:root,.theme-light,.theme-dark{--control-sm:36px;--control-md:44px;--control-lg:48px;--field-font-size:var(--text-base)}}@media (max-width:359px){:root,.theme-light,.theme-dark{--gutter:12px}}@media (min-width:768px){:root,.theme-light,.theme-dark{--gutter:24px}}}@layer base,components,layout,features;
@layer tokens,base,components,layout,features;@font-face{font-family:"Cola Source Sans 3";src:url(/fonts/sourcesans3.woff)format("woff");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-cyrillic-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-cyrillic-600-normal.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-latin-600-normal.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@layer tokens;@layer base{*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;overflow-wrap:break-word;margin:0}.theme-light,.theme-dark{background:var(--bg);color:var(--text)}h1,h2,h3,h4{color:var(--text);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:normal;text-wrap:balance;overflow-wrap:anywhere;margin:0}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg);font-weight:var(--weight-semibold)}h4{font-size:var(--text-base);font-weight:var(--weight-semibold)}p{margin:0}a{color:inherit;text-decoration:none}img,video,canvas{max-width:100%}img,video{height:auto}svg{vertical-align:middle;flex-shrink:0}button,input,select,textarea{font:inherit;color:inherit}select{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}button{cursor:pointer;background:0 0;border:0;margin:0;padding:0}button:disabled,[aria-disabled=true]{cursor:not-allowed}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:focus-visible,[data-state=focus]{outline:2px solid var(--focus);outline-offset:2px}::selection{background:color-mix(in srgb, var(--accent) 45%, transparent);color:var(--text-strong)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.94em}hr{border:0;border-top:1px solid var(--line);height:0;margin:0}table{border-collapse:collapse}fieldset{border:0;min-width:0;margin:0;padding:0}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}}@layer components,layout,features;
@layer tokens,base;@layer components{.button{justify-content:center;align-items:center;gap:var(--space-1-5);min-height:var(--control-md);padding:0 var(--space-3-5);border:1px solid var(--primary);border-radius:var(--radius-lg);background:var(--primary);color:var(--primary-foreground);font:var(--weight-semibold) var(--text-sm) / var(--leading-tight) var(--font-sans);text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:none;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);text-decoration:none;display:inline-flex}.button:hover,.button[data-state=hover]{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--primary-foreground)}.button:active{box-shadow:var(--shadow-inner)}.button svg{width:16px;height:16px}.button.secondary{border-color:var(--control-line);background:var(--control-bg);color:var(--control-text);font-weight:var(--weight-medium)}.button.secondary:hover,.button.secondary[data-state=hover]{border-color:var(--control-line);background:var(--control-bg-hover);color:var(--text);box-shadow:var(--shadow-inner)}.button.danger{border-color:var(--danger-solid);background:var(--danger-solid);color:#fff}.button.danger:hover{border-color:var(--danger-solid-hover);background:var(--danger-solid-hover);color:#fff}.button.secondary.danger{border-color:var(--control-line);background:var(--control-bg);color:var(--danger)}.button.secondary.danger:hover{background:var(--danger-soft);color:var(--danger)}.button.small{gap:var(--space-1);min-height:var(--control-sm);padding:0 var(--space-2-5);border-radius:var(--radius-md);font-size:var(--text-sm)}.button.small svg{width:14px;height:14px}.button.large{gap:var(--space-2);min-height:var(--control-lg);padding:0 var(--space-5);border-radius:var(--radius-xl);font-size:var(--text-base)}.button.cta{min-height:var(--control-lg);padding:0 var(--space-5);border-radius:var(--radius-xl);font-size:var(--text-base);box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--primary-ring);margin:4px}.button.cta:hover{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--primary-ring-hover)}.button.block{width:100%}:is(.button,.quiet,.icon,.tag,.chip):is(:disabled,[aria-disabled=true]){opacity:.5;cursor:not-allowed;box-shadow:none}.button:is(:disabled,[aria-disabled=true]):hover{background:var(--primary);border-color:var(--primary)}.button.secondary:is(:disabled,[aria-disabled=true]):hover{background:var(--control-bg);border-color:var(--control-line);color:var(--control-text)}:is(.button,.icon,.quiet)[aria-busy=true]{cursor:progress}label.button:has(>input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.hf-like{min-height:var(--control-md);border:1px solid var(--control-line);border-radius:var(--radius-lg);background:var(--control-bg);color:var(--control-text);font:var(--weight-medium) var(--text-sm) / 1 var(--font-sans);cursor:pointer;align-items:stretch;padding:0;display:inline-flex;overflow:hidden}.hf-like>span{align-items:center;gap:var(--space-1-5);padding:0 var(--space-2-5);display:inline-flex}.hf-like>strong{padding:0 var(--space-2-5);border-left:1px solid var(--control-line);color:var(--text-muted);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;align-items:center;display:flex}.hf-like:hover{box-shadow:var(--shadow-inner)}.hf-like[aria-pressed=true] svg{color:var(--like);fill:currentColor}[data-hover=like]{--hover-tone:var(--like)}[data-hover=comment]{--hover-tone:var(--info)}[data-hover=share]{--hover-tone:var(--tone-road)}:is([data-hover=follow],[data-hover=save]){--hover-tone:var(--accent-text)}[data-hover]:is(:hover,:focus-visible):not(:disabled){--icon-color:var(--hover-tone)}[data-hover] svg{color:var(--icon-color);transition:color var(--duration-fast) var(--ease-out)}.hf-like:disabled{cursor:default;opacity:1;box-shadow:none}.quiet{align-items:center;gap:var(--space-1-5);min-height:var(--control-sm);padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--text-secondary);font:var(--weight-medium) var(--text-sm) / var(--leading-tight) var(--font-sans);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:0;text-decoration:none;display:inline-flex}.quiet:hover,.quiet[data-state=hover]{background:var(--surface-hover);color:var(--text)}.quiet svg{width:16px;height:16px}.quiet.danger,.icon.danger{color:var(--danger)}.quiet.danger:hover,.icon.danger:hover{background:var(--danger-soft);color:var(--danger)}.icon{width:var(--control-md);min-width:var(--control-md);height:var(--control-md);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.icon:hover,.icon[data-state=hover]{background:var(--surface-hover);color:var(--text)}.icon svg{width:18px;height:18px}.icon.small{width:var(--control-sm);min-width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-md)}.icon.small svg{width:16px;height:16px}.icon.secondary,.icon.bordered{border-color:var(--control-line);background:var(--control-bg);color:var(--control-text)}.icon.secondary:hover,.icon.bordered:hover,.icon.secondary[data-state=hover]{background:var(--control-bg-hover);box-shadow:var(--shadow-inner)}.icon:is([aria-pressed=true],[aria-expanded=true],.active){background:var(--surface-hover);color:var(--text)}.site-icon,.part-icon{flex:none}.site-icon.custom{width:var(--icon-size,16px);height:var(--icon-size,16px);font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:calc(var(--icon-size,16px) - 2px);justify-content:center;align-items:center;font-style:normal;line-height:1;display:inline-flex}.text-link{align-items:center;gap:var(--space-1-5);color:var(--text);font-weight:var(--weight-semibold);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;transition:text-decoration-color var(--duration-fast) var(--ease-out);text-decoration-thickness:1px;display:inline-flex}.text-link:hover{text-decoration-color:currentColor}.text-link svg{width:16px;height:16px}.field{gap:var(--space-1-5);min-width:0;margin:0 0 var(--space-4);flex-direction:column;display:flex}.field>span:first-child,.field>label:first-child,.field>legend{color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.field>small,.field>.help{color:var(--text-muted);font-size:13px;line-height:var(--leading-snug)}.field :is(input,select,textarea){width:100%}.help{color:var(--text-muted);font-size:13px;line-height:var(--leading-snug)}.help>svg:first-child{width:14px;height:14px;margin-right:var(--space-1);vertical-align:-2px;display:inline-block}.help a{color:var(--text-secondary);text-underline-offset:2px;text-decoration:underline}.help a:hover{color:var(--text)}.field-error{color:var(--danger);font-size:13px;line-height:var(--leading-snug)}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color],[type=hidden],[type=submit],[type=button],[type=reset],[type=image]),select,textarea){min-width:0;min-height:var(--control-md);padding:0 var(--space-3);border:1px solid var(--field-line);border-radius:var(--radius-lg);background-color:var(--field-bg);color:var(--text);font:var(--weight-regular) var(--field-font-size) / var(--leading-snug) var(--font-sans);box-shadow:var(--shadow-inner);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}:where(textarea){min-height:96px;padding:var(--space-2) var(--space-3);line-height:var(--leading-normal);resize:vertical}:where(select){appearance:none;padding-right:var(--space-8);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px}:where(select[multiple]){padding-right:var(--space-3);background-image:none}:where(input,select,textarea)::placeholder{color:var(--text-muted);opacity:1}:where(input,select,textarea):hover,:where(input,select,textarea)[data-state=hover]{border-color:var(--field-line-hover)}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),select,textarea):is(:focus-visible,[data-state=focus]){border-color:var(--focus);box-shadow:var(--focus-ring);outline:none}:where(input,select,textarea)[aria-invalid=true]{border-color:var(--danger)}:where(input,select,textarea)[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px var(--danger-soft)}:where(input,select,textarea):disabled{border-color:var(--line-strong);background-color:var(--surface-subtle);color:var(--text-muted);box-shadow:none;cursor:not-allowed}:where(input,textarea):read-only:not([type=checkbox],[type=radio]){background-color:var(--surface-subtle)}:where(input[type=checkbox],input[type=radio]){width:16px;height:16px;accent-color:var(--primary);cursor:pointer;flex:none;margin:0}:where(input[type=range]){accent-color:var(--primary)}:where(input[type=color]){width:var(--control-md);height:var(--control-md);border:1px solid var(--field-line);border-radius:var(--radius-lg);background:var(--field-bg);cursor:pointer;padding:2px}:where(input[type=file]){width:auto;max-width:100%;min-height:0;box-shadow:none;color:var(--text-secondary);font-size:var(--text-sm);background:0 0;border:0;padding:0}:where(input[type=file])::file-selector-button{min-height:var(--control-sm);margin-right:var(--space-2);padding:0 var(--space-2-5);border:1px solid var(--control-line);border-radius:var(--radius-md);background:var(--control-bg);color:var(--control-text);font:var(--weight-medium) var(--text-sm) / 1 var(--font-sans);cursor:pointer}:where(input[type=file])::file-selector-button:hover{box-shadow:var(--shadow-inner)}.check{align-items:flex-start;gap:var(--space-2);color:var(--text);font-size:var(--text-sm);line-height:var(--leading-snug);cursor:pointer;display:flex}.check>input{margin-top:2px}.check>.toggle{margin-top:0}.check small{color:var(--text-muted);font-size:13px;display:block}.setting-row{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--control-md);padding:var(--space-2) 0;border-bottom:1px solid var(--line);color:var(--text);font-size:var(--text-sm);line-height:var(--leading-snug);cursor:pointer;display:flex}.setting-row>input{flex:none}.setting-row small{color:var(--text-muted);font-size:var(--text-xs);display:block}.toggle{appearance:none;border-radius:var(--radius-full);background:var(--line-strong);cursor:pointer;width:34px;height:20px;transition:background-color var(--duration) var(--ease-out);flex:none;margin:0;position:relative}.toggle:after{content:"";border-radius:var(--radius-full);width:16px;height:16px;box-shadow:var(--shadow-xs);transition:transform var(--duration) var(--ease-out);background:#fff;position:absolute;top:2px;left:2px}.toggle:checked{background:var(--primary)}.toggle:checked:after{background:var(--primary-foreground);transform:translate(14px)}.toggle:disabled{opacity:.5;cursor:not-allowed}.search-pill{align-items:center;min-width:0;display:flex;position:relative}.search-pill>svg{width:16px;height:16px;color:var(--text-subtle);pointer-events:none;position:absolute;left:10px}.search-pill>input{width:100%;min-height:var(--control-sm);border-radius:var(--radius-full);font-size:var(--text-sm);padding-left:32px}.search-pill>input:focus-visible{box-shadow:var(--shadow-xl), var(--focus-ring)}.form-grid{gap:0 var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid>.full,.form-grid>.wide{grid-column:1/-1}.form-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}@media (max-width:640px){.form-grid{grid-template-columns:minmax(0,1fr)}}.card{min-width:0;padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xs)}.item-card{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface-gradient);min-width:0;transition:box-shadow var(--duration-fast) var(--ease-out);position:relative}.item-card:hover,.item-card:focus-within{box-shadow:var(--shadow-inner)}.item-card .item-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.item-card :is(button,.item-action){z-index:1;position:relative}.item-title{min-width:0;color:var(--text-strong);font:var(--weight-regular) var(--text-smd) / var(--leading-snug) var(--font-mono);text-overflow:ellipsis;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out);overflow:hidden}.item-card:hover .item-title{color:var(--item-hover,var(--accent-text))}.meta{min-width:0;color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-tight);align-items:center;row-gap:var(--space-1);flex-wrap:wrap;display:flex}.meta>*{align-items:center;gap:var(--space-1);min-width:0;display:inline-flex}.meta>*+:before{content:"•";padding:0 var(--space-1-5);color:var(--line-dot)}.meta svg{width:12px;height:12px;color:var(--text-subtle)}.meta.nowrap{white-space:nowrap;flex-wrap:nowrap;overflow:hidden}.social-avatar{border-radius:var(--radius-full);background:var(--surface-hover);width:44px;height:44px;color:var(--text-secondary);font:var(--weight-semibold) var(--text-base) / 1 var(--font-sans);flex:none;place-items:center;display:inline-grid;overflow:hidden}.social-avatar img{object-fit:cover;width:100%;height:100%;display:block}.social-avatar.tiny{width:20px;height:20px;font-size:10px}.social-avatar.small{width:32px;height:32px;font-size:var(--text-xs)}.social-avatar.large{width:112px;height:112px;font-size:var(--text-4xl)}@media (max-width:700px){.social-avatar.large{width:64px;height:64px;font-size:var(--text-2xl)}}.author-link{align-items:center;gap:var(--space-1-5);min-width:0;color:var(--text-secondary);font-size:var(--text-sm);display:inline-flex}.author-link>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.author-link:hover>span:last-child{color:var(--text);text-underline-offset:3px;text-decoration:underline}.badge{align-items:center;gap:var(--space-1);min-height:20px;padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--badge-bg,var(--surface-hover));color:var(--badge-text,var(--text-secondary));font:var(--weight-semibold) var(--text-xs) / 1.2 var(--font-sans);white-space:nowrap;flex:none;display:inline-flex}.badge svg{width:12px;height:12px}:is(.badge,.tag,.notice)[data-tone=info]{--badge-bg:var(--info-soft);--badge-text:var(--info)}:is(.badge,.tag,.notice)[data-tone=success]{--badge-bg:var(--success-soft);--badge-text:var(--success)}:is(.badge,.tag,.notice)[data-tone=warning]{--badge-bg:var(--warning-soft);--badge-text:var(--warning)}:is(.badge,.tag,.notice)[data-tone=danger]{--badge-bg:var(--danger-soft);--badge-text:var(--danger)}:is(.badge,.tag,.notice)[data-tone=accent]{--badge-bg:var(--accent-soft);--badge-text:var(--accent-text)}.badge.mono{border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:var(--weight-regular)}.tag{align-items:center;gap:var(--space-1-5);max-width:100%;min-height:var(--control-sm);padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--tag-bg);color:var(--text-secondary);font:var(--weight-regular) var(--text-sm) / var(--leading-tight) var(--font-sans);white-space:nowrap;flex:none;text-decoration:none;display:inline-flex}.tag>span{text-overflow:ellipsis;overflow:hidden}.tag svg{width:14px;height:14px;color:var(--badge-text,var(--text-subtle))}:is(a,button,label).tag{cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}:is(a,button,label).tag:hover,.tag[data-state=hover]{border-color:var(--field-line-hover);color:var(--text);box-shadow:var(--shadow-inner)}.tag:is([aria-pressed=true],[aria-current=page],.active){border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}label.tag:has(:checked){border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.tag:is([aria-pressed=true],[aria-current=page],.active) svg{color:inherit}label.tag:has(:checked) svg{color:inherit}label.tag:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.tag.small{min-height:22px;padding:0 var(--space-1-5);border-radius:var(--radius-md);font-size:var(--text-xs)}.tag-count{color:var(--text-muted);font-variant-numeric:tabular-nums}.ui-tabs{align-items:stretch;gap:var(--space-1);min-width:0;margin:0 0 var(--space-6);border-bottom:1px solid var(--line);scrollbar-width:none;display:flex;overflow-x:auto}.ui-tabs::-webkit-scrollbar{display:none}.ui-tabs>:is(a,button){align-items:center;gap:var(--space-1-5);min-height:40px;padding:0 var(--space-3);color:var(--text-muted);font:var(--weight-regular) var(--text-sm) / var(--leading-tight) var(--font-sans);white-space:nowrap;cursor:pointer;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:none;margin-bottom:-1px;display:inline-flex}.ui-tabs>:is(a,button):hover,.ui-tabs>[data-state=hover]{border-bottom-color:var(--line-strong);color:var(--text)}.ui-tabs>:is(a,button):is([aria-current=page],[aria-selected=true],[aria-pressed=true],.active){border-bottom-color:var(--text);color:var(--text);font-weight:var(--weight-semibold)}.ui-tabs>:is(a,button):focus-visible{outline-offset:-2px}.ui-tabs svg{width:16px;height:16px}@media (pointer:coarse),(max-width:700px){.ui-tabs>:is(a,button){min-height:44px}}.segmented{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.segmented :is(a,button){align-items:center;gap:var(--space-1-5);min-height:var(--control-sm);padding:0 var(--space-2);border-radius:var(--radius-lg);color:var(--text-muted);font:var(--weight-regular) var(--text-sm) / var(--leading-tight) var(--font-sans);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:0;display:inline-flex}.segmented :is(a,button):hover,.segmented [data-state=hover]{background:var(--surface-hover);color:var(--text)}.segmented :is(a,button):is([aria-pressed=true],[aria-selected=true],[aria-current=page],.active){background:var(--segment-active-bg);color:var(--segment-active-text)}.segmented svg{width:14px;height:14px}.choice-menu{position:relative}.choice-menu>.nav-trigger{align-items:center;gap:var(--space-1-5);min-height:var(--control-md);padding:0 var(--space-3);border:1px solid var(--control-line);border-radius:var(--radius-lg);background:var(--control-bg);color:var(--control-text);font:var(--weight-medium) var(--text-sm) / 1 var(--font-sans);white-space:nowrap;cursor:pointer;display:inline-flex}.choice-menu>.nav-trigger:hover,.choice-menu>.nav-trigger[aria-expanded=true]{box-shadow:var(--shadow-inner)}.choice-menu>.nav-trigger svg{width:14px;height:14px;color:var(--text-muted)}.choice-options{display:grid}.choice-options .nav-menu-link>svg:last-child{color:var(--text);margin-left:auto}.pager{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-8);color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;display:flex}.menu{z-index:var(--z-dropdown);min-width:200px;max-width:min(320px,100vw - 32px);padding:var(--space-1) 0;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);animation:menu-in var(--duration-fast) var(--ease-out)}.menu-item{align-items:center;gap:var(--space-2);width:100%;min-height:32px;padding:var(--space-1-5) var(--space-3);color:var(--text);font:var(--weight-regular) var(--text-sm) / var(--leading-tight) var(--font-sans);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;text-decoration:none;display:flex}.menu-item:hover,.menu-item:focus-visible,.menu-item[data-state=hover]{background:var(--surface-hover);outline:none}.menu-item:is([aria-current=page],[aria-selected=true]){font-weight:var(--weight-semibold)}.menu-item svg{width:16px;height:16px;color:var(--text-subtle)}.menu-item.danger,.menu-item.danger svg{color:var(--danger)}.menu-item:is(:disabled,[aria-disabled=true]){color:var(--text-subtle);cursor:not-allowed}.menu-label{padding:var(--space-0-5) var(--space-4);background:linear-gradient(to right, var(--info-soft), transparent);color:var(--info);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:block}.menu-divider{height:0;margin:var(--space-1) 0;border:0;border-top:1px solid var(--line)}@keyframes menu-in{0%{opacity:0;transform:translateY(-2px)}}dialog{width:calc(100% - 2 * var(--gutter));max-width:560px;max-height:min(90dvh,880px);padding:var(--space-6);overscroll-behavior:contain;border:1px solid var(--line-strong);border-radius:var(--radius-xl);background:var(--surface);color:var(--text);box-shadow:var(--shadow-xl);margin:auto;overflow:auto}dialog[open]{animation:dialog-in var(--duration) var(--ease-out)}dialog::backdrop{background:var(--overlay)}.dialog-head,.modal-head{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.modal-heading-content{align-items:center;gap:var(--space-3);min-width:0;display:flex}.modal-head>.icon{flex:none}.dialog-head h2,.modal-head h2{font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0}@keyframes dialog-in{0%{opacity:0;transform:translateY(4px)scale(.99)}}@media (max-width:640px){dialog{padding:var(--space-5) var(--space-4)}}dialog.planning{max-width:min(1120px, calc(100vw - 2 * var(--gutter)));padding:0}dialog.planning>.modal-head{z-index:2;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--line);background:var(--surface);margin:0;position:sticky;top:0}.planning-body{gap:var(--space-5) var(--space-6);padding:var(--space-5) var(--space-6);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.planning-section{align-content:start;gap:var(--space-3);border:0;grid-column:span 12;min-width:0;margin:0;padding:0;display:grid}.planning-section>h3,.planning-section>legend{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0;padding:0;display:flex}.planning-section>h3 .step,.planning-section>legend .step{border:1px solid var(--line-strong);border-radius:var(--radius-full);width:20px;height:20px;color:var(--text-secondary);font:var(--weight-semibold) var(--text-xs) / 1 var(--font-mono);place-items:center;display:inline-grid}.planning-row{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));min-width:0;display:grid}.planning-row.wide{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.planning-row .field{margin:0}.planning-lead{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);grid-column:span 12;margin:0}.planning-advanced{border-top:1px solid var(--line);padding-top:var(--space-3);grid-column:span 12}.planning-advanced>summary{font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer}.planning-advanced>.planning-body{padding:var(--space-4) 0 0}.planning-interest{padding:0 var(--space-6);border-bottom:1px solid var(--line);margin:0}.planning-interest>summary{min-height:44px;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;align-items:center;display:flex}.planning-interest[open]{padding-bottom:var(--space-4)}.planning-actions{z-index:2;justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-top:1px solid var(--line);background:var(--surface);flex-wrap:wrap;display:flex;position:sticky;bottom:0}.planning-actions>.start{gap:var(--space-2);flex-wrap:wrap;margin-right:auto;display:flex}.planning-actions>[role=status],.planning-actions>[role=alert]{flex:100%;margin:0}@media (min-width:900px){.planning-section.half{grid-column:span 6}.planning-section.third{grid-column:span 4}.planning-section.two-thirds{grid-column:span 8}}@media (max-width:640px){dialog.planning{border-width:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:100dvh}dialog.planning>.modal-head,.planning-body,.planning-actions,.planning-interest{padding-inline:var(--space-4)}.planning-actions>.button{flex:auto}}.option-tiles{gap:var(--space-2);border:0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0;padding:0;display:grid}.option-tile{align-items:start;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;grid-template-columns:auto auto minmax(0,1fr);display:grid}.option-tile:hover{border-color:var(--line-strong)}.option-tile:has(input:checked){border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.option-tile:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.option-tile input{accent-color:var(--primary);margin:3px 0 0}.option-tile svg{color:var(--text-secondary);margin-top:2px}.option-tile>span{font-size:var(--text-sm);gap:2px;display:grid}.option-tile small{color:var(--text-secondary)}dialog.sheet{inset:calc(var(--header-height) + var(--space-2)) var(--gutter) auto auto;width:min(var(--dialog-width,360px), calc(100vw - 2 * var(--gutter)));max-width:none;max-height:calc(100dvh - var(--header-height) - var(--space-6));padding:var(--space-4);margin:0;position:fixed}dialog.sheet[open]{animation:sheet-in var(--duration) var(--ease-out)}.sheet-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin:0 0 var(--space-3);display:flex}.sheet-head h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.sheet-actions{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line);display:flex}@media (max-width:640px){dialog.sheet{width:100%;max-height:85dvh;padding:var(--space-4) var(--space-4) max(var(--space-4), env(safe-area-inset-bottom));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;border-width:1px 0 0;inset:auto 0 0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(8px)}}.filter-group{border:0;min-width:0;margin:0;padding:0}.filter-group legend{padding:0 0 var(--space-1-5);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.filter-options{gap:var(--space-0-5);overscroll-behavior:contain;max-height:45dvh;display:grid;overflow:auto}.filter-options label{align-items:center;gap:var(--space-2-5);min-height:var(--control-md);padding:0 var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;display:flex}.filter-options label>span{align-items:center;gap:var(--space-2);display:inline-flex}.filter-options label:hover{background:var(--surface-hover)}.filter-options label:has(:checked){background:var(--surface-hover)}.filter-options label:has(:checked){font-weight:var(--weight-semibold)}.filter-chips{gap:var(--space-1-5);flex-wrap:wrap;display:flex}.filter-chips button{align-items:center;gap:var(--space-1);min-height:var(--control-sm);padding:0 var(--space-2-5);border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface-hover);color:var(--text);font-size:var(--text-sm);cursor:pointer;display:inline-flex}.filter-chips button:hover{border-color:var(--field-line-hover)}.notice,.error{align-items:flex-start;gap:var(--space-2);margin:0 0 var(--space-4);padding:var(--space-2-5) var(--space-3);border:1px solid color-mix(in srgb, var(--badge-text,var(--info)) 25%, transparent);border-radius:var(--radius-lg);background:var(--badge-bg,var(--info-soft));color:var(--text);font-size:var(--text-sm);line-height:var(--leading-snug);display:flex}.error{--badge-bg:var(--danger-soft);--badge-text:var(--danger);color:var(--danger)}.notice>svg,.error>svg{width:16px;height:16px;color:var(--badge-text,var(--info));margin-top:1px}.notice p,.error p{margin:0}.photo-problems{margin:var(--space-2) 0;align-items:center}.photo-problems>ul{gap:var(--space-1);overflow-wrap:anywhere;flex:1;min-width:0;margin:0;padding:0;list-style:none;display:grid}.photo-problems>button{flex:none}.toast,.saving{bottom:calc(var(--space-6) + env(safe-area-inset-bottom));z-index:var(--z-toast);align-items:center;gap:var(--space-2-5);max-width:calc(100% - 2 * var(--gutter));padding:var(--space-2-5) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-inverse);color:var(--text-inverse);font-size:var(--text-sm);box-shadow:var(--shadow-lg);animation:toast-in var(--duration) var(--ease-out);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast svg,.saving svg{width:16px;height:16px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}}.spinner,.spin{animation:.8s linear infinite spin}.spinner{border:2px solid color-mix(in srgb, currentColor 25%, transparent);border-radius:var(--radius-full);border-top-color:currentColor;flex:none;width:16px;height:16px;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--surface) 60%, transparent), transparent) 0 0 / 200% 100% no-repeat, var(--surface-hover);animation:shimmer 1.4s var(--ease-in-out) infinite}@keyframes shimmer{0%{background-position:150% 0,0 0}to{background-position:-50% 0,0 0}}.loading,.empty{justify-content:center;align-items:center;gap:var(--space-3);min-height:50vh;padding:var(--space-12) var(--gutter);color:var(--text-muted);font-size:var(--text-sm);text-align:center;flex-direction:column;display:flex}.empty h1{color:var(--text);font-size:var(--text-3xl)}.empty-state{align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);border:1px dashed var(--line-dashed);border-radius:var(--radius-xl);color:var(--text-muted);font-size:var(--text-sm);text-align:center;flex-direction:column;display:flex}.empty-state>svg{width:24px;height:24px;color:var(--text-subtle)}.empty-state :is(h2,h3,strong){color:var(--text);font-size:var(--text-base);font-weight:var(--weight-semibold)}.empty-state p{max-width:44ch}.data-table{width:100%;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.data-table :is(th,td){padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.data-table th{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.kv{margin:0;display:grid}.kv>div{justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--line);display:flex}.kv dt{color:var(--text-muted)}.kv dd{font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;text-align:right;margin:0}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.count,.control-count{color:var(--text-muted);font-weight:var(--weight-regular);font-variant-numeric:tabular-nums}.eyebrow{align-items:center;gap:var(--space-1-5);color:var(--text-muted);font:var(--weight-semibold) var(--text-xs) / var(--leading-tight) var(--font-mono);letter-spacing:0;text-transform:none;display:inline-flex}.sr-only,.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{top:var(--space-2);left:var(--space-2);z-index:var(--z-toast);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--primary);color:var(--primary-foreground);font-weight:var(--weight-semibold);position:absolute;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}}@layer layout,features;.site-icon[data-highlight]{--icon-highlight:color-mix(in srgb, var(--icon-color) 80%, #182230)}[data-theme=dark] .site-icon[data-highlight]{--icon-highlight:color-mix(in srgb, var(--icon-color) 80%, #fff)}:is(a,button):is(:hover,:focus-visible,[aria-pressed=true],[aria-current=page]) .site-icon[data-highlight],.emoji-setting-row>.site-icon[data-highlight]{color:var(--icon-highlight)}:is(a,button):is(:hover,:focus-visible,[aria-pressed=true],[aria-current=page]) .site-icon.custom[data-highlight],.emoji-setting-row>.site-icon.custom[data-highlight]{background:color-mix(in srgb, var(--icon-highlight) 20%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--icon-highlight) 20%, transparent);border-radius:var(--radius-sm)}
@layer tokens,base,components;@layer layout{.site-root{isolation:isolate;background:var(--bg);min-height:100dvh;color:var(--text);position:relative}.site-root:before{content:"";z-index:-1;pointer-events:none;background-position:50%;position:fixed;inset:0}.page{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));padding:var(--space-6) var(--gutter) var(--space-16);margin:0 auto}.page.narrow{max-width:calc(var(--container-narrow) + 2 * var(--gutter))}.page.form{max-width:calc(640px + 2 * var(--gutter))}.page-head{align-items:center;gap:var(--space-3) var(--space-4);margin:0 0 var(--space-4);flex-wrap:wrap;display:flex}.page-title{align-items:baseline;gap:var(--space-3);min-width:0;display:flex}.page-title h1,.page-head>h1{font-size:var(--text-xl);font-weight:var(--weight-semibold)}.page-title .count{font-size:var(--text-lg)}.page-head .search-pill{flex:200px;max-width:280px}.page-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}.page-lead{max-width:72ch;color:var(--text-secondary);font-size:var(--text-smd);flex-basis:100%}@media (min-width:1024px){.page{padding-top:var(--space-8)}.page-head{margin-bottom:var(--space-6)}}.page-split{gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.page-aside{min-width:0}@media (min-width:1024px){.page-split{grid-template-columns:272px minmax(0,1fr);gap:0}.page-split>.page-aside{margin:calc(-1 * var(--space-8)) 0 calc(-1 * var(--space-16));padding:var(--space-8) var(--space-6) var(--space-16) 0;border-right:1px solid var(--line-soft);background:linear-gradient(to left, var(--bg-subtle), var(--bg) 80%)}.page-split>:not(.page-aside){min-width:0;padding-left:var(--space-6)}}.aside-group{margin:0 0 var(--space-6)}.aside-group>h2,.aside-group>legend{min-height:28px;margin:0 0 var(--space-2);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);align-items:center;padding:0;display:flex}.tag-list{gap:var(--space-1-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.list-grid{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:1280px){.list-grid{gap:var(--space-4) var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}}.card-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));display:grid}.section{margin-top:var(--space-10)}.section:first-child{margin-top:0}.section-head,.section-heading{align-items:center;gap:var(--space-2) var(--space-3);margin:0 0 var(--space-3);flex-wrap:wrap;display:flex}.section-head h2,.section-heading h2{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.section-head>:last-child:not(:first-child),.section-heading>:last-child:not(:first-child){margin-left:auto}.panel{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);min-width:0}.panel-head{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px dashed var(--line-dashed);flex-wrap:wrap;display:flex}.panel-head h2,.panel-head h3{font-size:var(--text-base);font-weight:var(--weight-semibold)}.panel-body{padding:var(--space-4)}.frame{width:100%;padding:0 var(--gutter);border-bottom:1px solid var(--line);position:relative}.frame.dashed{border-bottom-style:dashed;border-bottom-color:var(--line-dashed)}.frame-inner{max-width:var(--container);border-inline:1px solid var(--line);background:var(--bg);margin:0 auto;position:relative}.frame-gap .frame-inner{height:var(--space-16)}.frame-gap .frame-inner:before,.frame-gap .frame-inner:after,.frame-gap:before,.frame-gap:after{content:"";z-index:1;border:1px solid var(--line);border-radius:var(--radius-full);background:var(--bg);width:8px;height:8px;position:absolute}.frame-gap .frame-inner:before{top:-4px;left:-4.5px}.frame-gap .frame-inner:after{top:-4px;right:-4.5px}.frame-gap:before{bottom:-4px;left:calc(max(var(--gutter), (100% - var(--container)) / 2) - 4.5px)}.frame-gap:after{right:calc(max(var(--gutter), (100% - var(--container)) / 2) - 4.5px);bottom:-4px}@media (max-width:767px){.frame-gap .frame-inner{height:var(--space-8)}}.frame-hero{padding:var(--space-8) var(--space-4);text-align:center;text-wrap:balance;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}@media (min-width:640px){.frame-hero{padding-block:var(--space-12)}}@media (min-width:1024px){.frame-hero{padding-block:var(--space-16)}}.frame-hero>*{z-index:1;position:relative}.frame-hero:after{content:"";z-index:0;background:linear-gradient(to right, var(--bg), transparent 56px), linear-gradient(to left, var(--bg), transparent 56px), linear-gradient(to top, var(--bg), transparent 56px);pointer-events:none;position:absolute;inset:0}.glyph-field{color:var(--glyph);font:var(--weight-regular) 11px / 18px var(--font-mono);letter-spacing:.2em;white-space:pre;text-align:left;pointer-events:none;-webkit-user-select:none;user-select:none;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 15%,#0003 45%,#0009 100%);mask-image:linear-gradient(#0000 15%,#0003 45%,#0009 100%);z-index:0!important;position:absolute!important}.glyph-field b{color:var(--glyph-strong);font-weight:inherit}.glyph-field i{color:var(--glyph-accent);font-style:normal}.mk-title{margin:0 0 var(--space-4);color:var(--text);font-size:var(--text-3xl);font-weight:var(--weight-black);letter-spacing:-.02em;text-wrap:balance;line-height:1.1}@media (min-width:640px){.mk-title{font-size:var(--text-4xl)}}@media (min-width:768px){.mk-title{font-size:var(--text-5xl)}}@media (min-width:1024px){.mk-title.xl{font-size:var(--text-6xl)}}.mk-gradient{display:inline-block;position:relative}.mk-gradient>span{background:var(--mk-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.mk-gradient>span+span{opacity:.3;filter:blur(24px);pointer-events:none;position:absolute;top:0;left:0}.mk-lead{max-width:44rem;color:var(--text-secondary);font-size:var(--text-lg);line-height:var(--leading-snug);margin:0 auto}@media (min-width:768px){.mk-lead{font-size:var(--text-xl)}}.mk-h2{margin:0 0 var(--space-4);color:var(--text);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);text-wrap:balance}@media (min-width:768px){.mk-h2{font-size:var(--text-4xl)}}.mk-text{max-width:36rem;color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal)}@media (min-width:768px){.mk-text{font-size:var(--text-lg)}}.mk-eyebrow{margin:0 0 var(--space-6);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:var(--tone-soft,var(--info-soft));color:var(--tone,var(--info));font-size:var(--text-smd);font-weight:var(--weight-semibold);display:inline-block}@media (min-width:1024px){.mk-eyebrow{margin-bottom:var(--space-8)}}[data-tone=blue]{--tone:var(--info);--tone-soft:var(--info-soft);--tone-2:var(--sky-400)}[data-tone=green]{--tone:var(--success);--tone-soft:var(--success-soft);--tone-2:var(--green-400)}[data-tone=amber]{--tone:var(--warning);--tone-soft:var(--warning-soft);--tone-2:var(--orange-500)}[data-tone=pink]{--tone:var(--tone-special);--tone-soft:color-mix(in srgb, var(--tone-special) 12%, transparent);--tone-2:var(--purple-600)}[data-tone=violet]{--tone:var(--tone-bmx);--tone-soft:color-mix(in srgb, var(--tone-bmx) 12%, transparent);--tone-2:var(--pink-400)}[data-tone=teal]{--tone:var(--tone-urban);--tone-soft:color-mix(in srgb, var(--tone-urban) 12%, transparent);--tone-2:var(--sky-400)}.mk-split{grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.mk-split>*+*{border-top:1px solid var(--line)}@media (min-width:1024px){.mk-split{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-split>*+*{border-top:0;border-left:1px solid var(--line)}.mk-split.reverse>:first-child{border-left:1px solid var(--line);order:2}.mk-split.reverse>:last-child{border-left:0;order:1}}.mk-copy{padding:var(--space-6);position:relative}@media (min-width:640px){.mk-copy{padding:var(--space-10)}}@media (min-width:1024px){.mk-copy{padding:var(--space-14)}}.mk-demo{min-height:280px;padding:var(--space-4);background:color-mix(in srgb, var(--tone,var(--info)) 4%, var(--bg));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@media (min-width:640px){.mk-demo{padding:var(--space-6)}}@media (min-width:1024px){.mk-demo{padding:var(--space-8)}}.mk-demo:before,.mk-demo:after{content:"";border-radius:var(--radius-full);filter:blur(64px);pointer-events:none;position:absolute}.mk-demo:before{background:color-mix(in srgb, var(--tone,var(--info)) 9%, transparent);width:288px;height:288px;top:-80px;left:-80px}.mk-demo:after{background:color-mix(in srgb, var(--tone-2,var(--tone,var(--info))) 12%, transparent);width:192px;height:192px;bottom:-48px;right:-48px}.mk-demo>*{z-index:1;width:100%;position:relative}.mk-mini{min-width:0;padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xs)}.mk-mini-label{color:var(--text-muted);font:var(--weight-semibold) var(--text-xs) / var(--leading-tight) var(--font-mono)}.mk-footnote{padding:var(--space-1-5) var(--space-2) var(--space-1-5) var(--space-3);border-top:1px dashed var(--line-dashed);color:var(--text-muted);font-size:var(--text-sm);text-align:center;margin:0}@media (min-width:640px){.mk-footnote{border-left:1px dashed var(--line-dashed);border-top-left-radius:var(--radius-xl);text-align:left;max-width:max-content;margin-left:auto}}.mk-columns{margin:0 var(--space-4);border-inline:1px dashed var(--line-dashed);grid-template-columns:minmax(0,1fr);display:grid}.mk-columns>*+*{border-top:1px solid var(--line)}@media (min-width:640px){.mk-columns{margin:0 var(--space-5)}}@media (min-width:1024px){.mk-columns{grid-template-columns:repeat(var(--mk-columns,3), minmax(0, 1fr))}.mk-columns>*+*{border-top:0;border-left:1px solid var(--line)}}.mk-column>*{padding:var(--space-4)}.mk-column>*+*{border-top:1px dashed var(--line-dashed)}@media (min-width:640px){.mk-column>*{padding:var(--space-6) var(--space-8)}}.mk-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.mk-list li{align-items:flex-start;gap:var(--space-2-5);color:var(--text-secondary);font-size:var(--text-sm);display:flex}.mk-list svg{width:16px;height:16px;color:var(--text-subtle);flex:none;margin-top:2px}.mk-checks{gap:var(--space-4);margin:var(--space-8) 0 0;padding:0;list-style:none;display:grid}.mk-checks li{align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);display:flex}@media (min-width:640px){.mk-checks li{font-size:var(--text-base)}}.mk-checks li>:first-child{border-radius:var(--radius-full);background:var(--tone-soft,var(--info-soft));width:20px;height:20px;color:var(--tone,var(--info));flex:none;justify-content:center;align-items:center;display:flex}.mk-checks svg{width:12px;height:12px}.mk-band{padding:var(--space-12) var(--space-6) var(--space-10);text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}@media (min-width:640px){.mk-band{padding:var(--space-16) var(--space-12) var(--space-12)}}.mk-band>p{max-width:40rem;color:var(--text-secondary);font-size:var(--text-lg);line-height:var(--leading-snug)}@media (min-width:768px){.mk-band>p{font-size:var(--text-xl)}}.mk-cells{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}@media (min-width:560px){.mk-cells{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.mk-cells{grid-template-columns:repeat(var(--mk-cells,4), minmax(0, 1fr))}}.mk-cells>*{align-items:center;gap:var(--space-1);padding:var(--space-6) var(--space-4);border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;flex-direction:column;margin:0 -1px -1px 0;display:flex}@media (min-width:640px){.mk-cells>*{padding:var(--space-8)}}.mk-cell-icon{width:44px;height:44px;margin-bottom:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-xl);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.mk-cell-icon svg{width:20px;height:20px}.mk-cells h3{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.mk-cells p{max-width:30ch;color:var(--text-muted);font-size:var(--text-sm);line-height:1.6}@media (max-width:559px){.mk-cells>*{align-items:start;gap:var(--space-0-5) var(--space-4);padding:var(--space-5) var(--space-4);text-align:left;grid-template-columns:44px minmax(0,1fr);display:grid}.mk-cell-icon{grid-row:span 2;margin:0}.mk-cells p{max-width:none}}.mk-steps{border-top:1px solid var(--line);counter-reset:mk-step;grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}@media (min-width:640px){.mk-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-steps>:last-child:nth-child(odd){grid-column:1/-1}}@media (min-width:1024px){.mk-steps{grid-template-columns:repeat(var(--mk-steps,3), minmax(0, 1fr))}.mk-steps>:last-child:nth-child(odd){grid-column:auto}}.mk-steps>li{align-items:center;gap:var(--space-1-5);padding:var(--space-8) var(--space-5);border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;counter-increment:mk-step;flex-direction:column;margin:0 -1px -1px 0;display:flex}.mk-steps>li:before{content:counter(mk-step);width:40px;height:40px;margin-bottom:var(--space-2);border-radius:var(--radius-full);background:var(--surface-hover);color:var(--text-secondary);font:var(--weight-semibold) var(--text-sm) / 1 var(--font-mono);justify-content:center;align-items:center;display:flex}.mk-steps>li:first-child:before{background:var(--primary);color:var(--primary-foreground)}.mk-steps strong{color:var(--text);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.mk-steps li>span{color:var(--text-muted);font-size:var(--text-sm)}@media (max-width:639px){.mk-steps>li{align-items:start;gap:var(--space-0-5) var(--space-4);padding:var(--space-4);text-align:left;grid-template-columns:40px minmax(0,1fr);display:grid}.mk-steps>li:before{grid-row:span 2;margin:0}.mk-steps strong{font-size:var(--text-base)}}@media (prefers-reduced-motion:no-preference){[data-reveal=pending]{opacity:0;transform:translateY(8px)}[data-reveal]{transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out)}}}@layer features;
@layer tokens,base,components,layout;@layer features{.micro-metrics{gap:var(--space-1);flex:none;display:flex}.micro-metric{align-items:center;gap:var(--space-1);min-height:var(--control-sm);padding:0 var(--space-1-5);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:0 0;border:0;display:inline-flex}.micro-metric:hover{background:var(--surface-hover);color:var(--text)}.micro-metric svg{width:14px;height:14px}.micro-segments{gap:2px;display:flex}.micro-segments i{background:var(--line-strong);border-radius:1px;width:4px;height:10px}.micro-segments i[data-filled=true]{background:var(--text-muted)}.upgrade .micro-segments i[data-filled=true]{background:var(--accent)}.important-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);background:var(--accent-soft);min-width:0;max-width:100%;color:var(--accent-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:1px 7px;display:inline-flex}.important-badge span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}
@layer tokens,base,components,layout;@layer features{.detail{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));padding:var(--space-6) var(--gutter) var(--space-16);margin:0 auto}.account-content>.detail{max-width:none;margin:0;padding:0}.bike-detail{gap:var(--space-6);flex-direction:column;display:flex}.bike-detail>*{min-width:0;margin:0}.bike-detail [id]{scroll-margin-top:calc(var(--header-height) + var(--space-6))}.bike-detail .bike-panel,.bike-detail .bike-game{min-width:0;padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-subtle)}.bike-detail .panel-heading{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);margin:0 0 var(--space-4);flex-wrap:wrap;display:flex}.bike-detail .panel-heading :is(h2,h3){min-width:0;color:var(--text-strong);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin:0}.bike-detail .panel-heading h3{font-size:var(--text-lg)}.bike-detail .panel-heading h3 small{margin-left:var(--space-1);color:var(--text-muted);font:var(--weight-regular) var(--text-xs) / 1 var(--font-mono)}.bike-detail .panel-heading-actions{justify-content:flex-end;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin-left:auto;display:flex}.bike-detail .panel-heading :is(button,a).text-link{min-height:var(--control-sm);color:var(--info);font:var(--weight-medium) var(--text-sm) / 1.2 var(--font-sans);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.bike-detail .panel-heading :is(button,a).text-link:hover{text-underline-offset:3px;text-decoration:underline}.bike-hero{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.bike-hero:not(:has(.bike-media)){grid-template-columns:minmax(0,1fr)}.bike-media{gap:var(--space-3);min-width:0;display:grid}.bike-identity{align-content:start;gap:var(--space-5);min-width:0;display:grid}.bike-topline{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.bike-kicker{align-items:center;gap:var(--space-2);color:var(--text-secondary);font:var(--weight-semibold) var(--text-base) / 1.2 var(--font-sans);letter-spacing:.02em;overflow-wrap:anywhere;flex-wrap:wrap;margin:0;display:flex}.bike-former{padding:1px var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:0}.bike-topline>[data-bike-actions]{justify-content:flex-end;margin-left:auto}.bike-heading{gap:var(--space-3);text-align:var(--heading-align,left);grid-template-columns:minmax(0,1fr);display:grid}.bike-detail-title-row{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.bike-detail-title-row h1{min-width:0;color:var(--text-strong);font-size:clamp(var(--text-2xl), 2.8vw, var(--text-4xl));font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.015em;overflow-wrap:anywhere;text-wrap:balance;margin:0}.bike-subtitle{color:var(--text-secondary);font-size:var(--text-lg);line-height:var(--leading-snug);overflow-wrap:anywhere;margin:0}.bike-heading .detail-actions{justify-content:flex-start;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-1) 0 0;flex-wrap:wrap;display:flex}.bike-author-link{gap:var(--space-3);max-width:100%;color:var(--text)}.bike-author-link .social-avatar{width:56px;height:56px;font-size:var(--text-xl)}.bike-author-link>span:last-child{grid-template-columns:minmax(0,1fr);gap:2px;min-width:0;display:grid}.bike-author-link strong{color:var(--text-strong);font-size:var(--text-base);font-weight:var(--weight-semibold);text-overflow:ellipsis;overflow:hidden}.bike-author-link small{color:var(--text-secondary);font-size:var(--text-sm);text-overflow:ellipsis;overflow:hidden}.bike-metrics{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(136px,1fr));margin:0;padding:0;list-style:none;display:grid}.bike-metrics>li{min-width:0}.bike-metrics :is(a,div){align-items:center;gap:var(--space-2-5);height:100%;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--text);transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);display:flex}.bike-metrics a:hover{border-color:var(--line-strong);background:var(--surface-hover)}.bike-metrics svg{color:var(--text-secondary)}.bike-metrics span{gap:2px;min-width:0;display:grid}.bike-metrics strong{color:var(--text-strong);font:var(--weight-semibold) var(--text-xl) / 1.2 var(--font-sans);font-variant-numeric:tabular-nums}.bike-metrics small{color:var(--text-secondary);font-size:var(--text-xs);overflow-wrap:anywhere}.bike-quote{column-gap:var(--space-4);row-gap:var(--space-2);padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-subtle);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.bike-quote>svg{color:var(--text-secondary);grid-row:1/span 3;margin-top:2px}.bike-quote blockquote{margin:0}.bike-excerpt{color:var(--text);font-size:var(--text-lg);overflow-wrap:anywhere;margin:0;line-height:1.5}.bike-quote figcaption{color:var(--text-secondary);font-size:var(--text-sm)}.bike-quote>a{color:var(--info);font-size:var(--text-sm);font-weight:var(--weight-medium);justify-self:start}.bike-quote>a:hover{text-underline-offset:3px;text-decoration:underline}.bike-detail .ui-tabs.bike-tabs{gap:var(--space-2);scroll-margin-top:calc(var(--header-height) + var(--space-4));scrollbar-width:thin;margin:0}.bike-detail .ui-tabs.bike-tabs>button{min-width:44px;min-height:48px;padding:0 var(--space-5);color:var(--text-secondary);font:var(--weight-medium) var(--text-base) / 1 var(--font-sans)}.bike-detail .ui-tabs.bike-tabs>button:hover{background:var(--surface-hover);color:var(--text)}.bike-detail .ui-tabs.bike-tabs>button[aria-selected=true]{border-bottom-color:var(--text-strong);color:var(--text-strong);font-weight:var(--weight-medium)}.bike-tabpanel{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.bike-tabpanel[hidden]{display:none}.bike-overview{gap:var(--space-5);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:stretch;display:grid}.bike-overview[data-panels="1"]{grid-template-columns:minmax(0,1fr)}.bike-about>h2,.bike-passport>h2{margin:0 0 var(--space-4);color:var(--text-strong);font-size:var(--text-xl);font-weight:var(--weight-semibold)}.bike-about-text{gap:var(--space-4);max-width:76ch;display:grid}.bike-about-text p{color:var(--text);overflow-wrap:anywhere;white-space:pre-line;margin:0;line-height:1.65}.bike-about-empty{justify-items:start;gap:var(--space-2);color:var(--text-secondary);display:grid}.bike-about-empty p{font-size:var(--text-sm);margin:0}.bike-passport dl{margin:0;display:grid}.bike-passport dl>div{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-2-5) 0;border-top:1px solid var(--line);grid-template-columns:minmax(0,.42fr) minmax(0,1fr);display:grid}.bike-passport dt{align-items:center;gap:var(--space-3);min-width:0;color:var(--text-secondary);font-size:var(--text-sm);display:flex}.bike-passport dt svg{color:var(--text-secondary)}.bike-passport dd{align-items:center;gap:var(--space-2);min-width:0;color:var(--text);font-size:var(--text-sm);overflow-wrap:anywhere;margin:0;display:flex}.status-dot{border-radius:var(--radius-full);background:var(--success);flex:none;width:10px;height:10px}.status-dot[data-tone=former]{background:var(--text-subtle)}.bike-passport>.part-link{margin-top:var(--space-3)}.bike-detail .game-shelves{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1199px){.bike-detail .component-groups,.bike-detail .ride-compact-grid,.bike-detail .journal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.bike-hero,.bike-overview{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}}@media (max-width:700px){.bike-detail,.bike-tabpanel{gap:var(--space-5)}.bike-detail .bike-panel,.bike-detail .bike-game{padding:var(--space-4)}.bike-detail .component-groups,.bike-detail .ride-compact-grid,.bike-detail .journal-cards,.bike-detail .game-shelves{grid-template-columns:minmax(0,1fr)}.bike-detail .ui-tabs.bike-tabs{gap:0}.bike-detail .ui-tabs.bike-tabs>button{padding:0 var(--space-3)}.bike-passport dl>div{grid-template-columns:minmax(0,.5fr) minmax(0,1fr)}}.breadcrumbs{align-items:center;gap:var(--space-1) var(--space-1-5);color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.breadcrumbs>svg{color:var(--text-subtle);flex:none}.breadcrumbs a{color:var(--text-secondary);overflow-wrap:anywhere;text-decoration:none}.breadcrumbs a:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.breadcrumbs .quiet{margin-left:calc(-1 * var(--space-2))}.photo-stage{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-subtle);position:relative;overflow:hidden}.photo-open{border-radius:inherit;cursor:zoom-in;background:0 0;border:0;width:100%;margin:0;padding:0;line-height:0;display:block}.photo-stage .hero-photo{width:100%;height:auto;aspect-ratio:var(--photo-ratio,4 / 3);object-fit:contain;display:block}[data-photo-mode=cover] .photo-stage .hero-photo:not(.photo-empty){object-fit:cover}.photo-stage .hero-photo.photo-empty{display:flex}.photo-empty{justify-content:center;align-items:center;gap:var(--space-3);min-height:200px;color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-normal);flex-direction:column;display:flex}.photo-index,.photo-credit{z-index:1;padding:2px var(--space-1-5);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 85%, transparent);color:var(--text-muted);font:var(--weight-regular) 11px / 1.4 var(--font-mono);position:absolute}.photo-index{top:var(--space-2);left:var(--space-2);pointer-events:none}.photo-credit{bottom:var(--space-2);left:var(--space-2);max-width:calc(100% - var(--space-4));font-family:var(--font-sans);text-underline-offset:2px;overflow-wrap:anywhere;text-decoration:underline}.photo-credit:hover{color:var(--text)}.full-photo{border-radius:var(--radius-lg);background:var(--bg-subtle);object-fit:contain;width:100%;height:auto;max-height:75dvh;display:block}@media (max-width:700px){[data-bike-layout=dense] .photo-stage .hero-photo{aspect-ratio:16/9}[data-bike-layout=spacious] .photo-stage .hero-photo{aspect-ratio:1}}.gallery{gap:var(--space-2);padding:0 0 var(--space-1);margin:0;list-style:none;display:flex;overflow-x:auto}.gallery>li{flex:none;width:clamp(88px,14vw,132px)}.thumb{aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-subtle);cursor:pointer;width:100%;padding:0;display:block;overflow:hidden}.thumb:hover{border-color:var(--line-strong)}.thumb.active{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.photo-cover-mark{top:var(--space-2);right:var(--space-2);z-index:1;padding:2px var(--space-2);border:1px solid var(--control-line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 92%, transparent);color:var(--text);font:var(--weight-medium) var(--text-xs) / 1.4 var(--font-sans);pointer-events:none;position:absolute}.factory-source>summary,.price-settings>summary{align-items:center;gap:var(--space-1-5);min-height:var(--control-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;list-style:none;display:flex}:is(.factory-source,.price-settings)>summary::-webkit-details-marker{display:none}:is(.factory-source,.price-settings)>summary:before{content:"";width:6px;height:6px;margin:0 var(--space-1) 0 2px;transition:transform var(--duration-fast) var(--ease-out);border-bottom:1.5px solid;border-right:1.5px solid;flex:none;transform:rotate(-45deg)}:is(.factory-source,.price-settings)[open]>summary:before{transform:rotate(45deg)}:is(.factory-source,.price-settings)>summary:hover{color:var(--text)}.factory-source{margin-bottom:var(--space-4);padding:var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.factory-source>.help{margin:var(--space-1) 0 var(--space-2)}.resolver-preview{margin:0 0 var(--space-2)}.resolver-preview>div{gap:var(--space-3);padding:var(--space-1-5) 0;border-top:1px solid var(--line);grid-template-columns:minmax(96px,.4fr) minmax(0,1fr);display:grid}.resolver-preview dt{color:var(--text-muted);font-size:var(--text-xs)}.resolver-preview dd{font-size:var(--text-sm);overflow-wrap:anywhere;margin:0}.spec-accessories{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--line)}.spec-accessories .empty-parts{padding:var(--space-5) var(--space-4)}.specifications .text-link.add-component{gap:var(--space-1)}.component-groups{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.component-group{column-gap:var(--space-4);min-width:0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:36px minmax(0,1fr);display:grid}.component-group-icon{color:var(--text-secondary);place-items:start center;padding-top:2px;display:grid}.component-group-body{min-width:0}.component-group-title{align-items:center;gap:var(--space-1);padding-bottom:var(--space-2);border-bottom:1px solid var(--line);display:flex}.component-group-title:has(.component-group-toggle[aria-expanded=false]){border-bottom-color:#0000;padding-bottom:0}.component-group-title h3{min-width:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);flex:1;margin:0}.component-group-toggle{align-items:center;gap:var(--space-2);width:100%;min-height:32px;color:var(--text-strong);font:var(--weight-semibold) var(--text-lg) / var(--leading-tight) var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.component-group-toggle small{color:var(--text-muted);font:var(--weight-regular) var(--text-xs) / 1 var(--font-mono)}.component-group-toggle>svg{color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-out);flex:none;margin-left:auto}.component-group-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.component-group-body>[hidden]{display:none}@media (max-width:700px){[data-open-by-width]{display:none}}.order-actions{align-items:center;display:flex}.order-actions .icon{width:var(--control-sm);min-width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-md)}.order-actions .icon svg{width:15px;height:15px}.compact-part{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--line);display:flex}.component-group-body>div:not(.component-group-title)>.compact-part:first-child{border-top:0}.compact-part-main{column-gap:var(--space-3);flex:1;grid-template-columns:minmax(72px,.42fr) minmax(0,1fr);row-gap:2px;min-width:0;display:grid}.compact-part-main>small{color:var(--text-secondary);font-size:var(--text-sm);overflow-wrap:anywhere;grid-area:1/1}.compact-part-main>strong{color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-snug);overflow-wrap:anywhere;grid-area:1/2}.compact-part-main>strong a{color:inherit;text-decoration:none}.compact-part-main>strong a:hover{color:var(--title-hover);text-underline-offset:3px;text-decoration:underline}.compact-part-main>:is(.part-notes,.part-link){grid-column:2}.part-notes{color:var(--text-secondary);font-size:var(--text-xs);overflow-wrap:anywhere}.part-link{align-items:center;gap:var(--space-1);width:fit-content;color:var(--text-muted);font-size:var(--text-xs);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;display:inline-flex}.part-link:hover{color:var(--text);text-decoration-color:currentColor}.compact-part-actions{align-items:center;gap:var(--space-1);flex:none;display:flex}.compact-part-actions .price{color:var(--text-secondary);font:var(--weight-regular) var(--text-xs) / 1.4 var(--font-mono);white-space:nowrap}.compact-part-actions details{position:relative}.compact-part-actions summary{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-lg);cursor:pointer;place-items:center;line-height:1;list-style:none;display:grid}.compact-part-actions summary::-webkit-details-marker{display:none}.compact-part-actions summary:hover,.compact-part-actions details[open]>summary{background:var(--surface-hover);color:var(--text)}.part-menu{z-index:var(--z-dropdown);padding:var(--space-1);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);gap:2px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.part-menu .icon{width:var(--control-sm);min-width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-md)}.part-menu .icon svg{width:15px;height:15px}[data-bike-layout=dense] .compact-part{padding-top:var(--space-1);padding-bottom:var(--space-1)}[data-bike-layout=spacious] .compact-part{padding-top:var(--space-3);padding-bottom:var(--space-3)}[data-bike-layout=spacious] .compact-part-main>strong{font-size:var(--text-base)}.cost{align-items:center;gap:var(--space-2);padding-top:var(--space-3);color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.cost strong{color:var(--text);font:var(--weight-semibold) var(--text-base) / 1 var(--font-mono);margin-left:auto}.empty-parts{padding:var(--space-8) var(--space-4);border:1px dashed var(--line-dashed);border-radius:var(--radius-md);color:var(--text-muted);text-align:center}.empty-parts>svg{color:var(--text-subtle)}.empty-parts h3{margin:var(--space-3) 0 var(--space-1);color:var(--text);font-size:var(--text-base);font-weight:var(--weight-semibold)}.empty-parts p{margin:0 auto var(--space-3);max-width:36ch;font-size:var(--text-sm)}@media (max-width:700px){.component-group{column-gap:var(--space-3);padding:var(--space-3);grid-template-columns:28px minmax(0,1fr)}.component-group-icon svg{width:28px;height:28px}.compact-part-main{grid-template-columns:minmax(64px,.4fr) minmax(0,1fr)}}.bike-rides>h2{margin:0 0 var(--space-1);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.bike-rides>.help{margin:0 0 var(--space-3)}.bike-rides .ride-grid{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.bike-rides-empty{padding:var(--space-2) var(--space-3);border:1px dashed var(--line-dashed);border-radius:var(--radius-md)}.bike-rides-empty .help{margin:0}.ride-compact-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ride-compact{align-items:center;gap:var(--space-4);min-width:0;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--duration-fast) var(--ease-out);grid-template-columns:96px minmax(0,1fr);display:grid}.ride-compact:hover{border-color:var(--line-strong)}.ride-compact-thumb{border-radius:var(--radius-sm);background:var(--bg-subtle);width:96px;height:96px;color:var(--text-muted);place-items:center;display:grid;overflow:hidden}.ride-compact-thumb .ride-route{width:100%;height:100%}.ride-compact-body{gap:var(--space-1);min-width:0;display:grid}.ride-compact h3{font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-snug);overflow-wrap:anywhere;margin:0}.ride-compact h3 a:hover{color:var(--title-hover);text-underline-offset:3px;text-decoration:underline}.ride-compact .help{font-size:var(--text-sm);margin:0}.ride-compact-facts{gap:var(--space-1) var(--space-3);margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:var(--text-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.ride-compact-facts li{align-items:center;gap:var(--space-1-5);display:inline-flex}.journal-cards{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.bike-detail .journal-list-entry{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-width:0;transition:border-color var(--duration-fast) var(--ease-out);grid-template-columns:72px minmax(0,1fr);padding:0;display:grid;overflow:hidden}.bike-detail .journal-list-entry:hover{border-color:var(--line-strong)}.journal-kind-icon{border-right:1px solid var(--line);background:var(--surface-subtle);color:var(--text-secondary);place-items:center;display:grid}.journal-entry-body{align-content:start;gap:var(--space-1);min-width:0;padding:var(--space-3) var(--space-4);display:grid}.bike-detail .journal-list-entry h3{font-size:var(--text-base);line-height:var(--leading-snug);margin:0}.bike-detail .journal-list-entry h3 a:hover{color:var(--title-hover)}.journal-entry-body>small{align-items:center;gap:var(--space-1);color:var(--text-muted);font-size:var(--text-xs);display:inline-flex}.bike-detail .journal-list-entry p{-webkit-line-clamp:2;margin:0}.bike-detail .journal-prompt{margin-bottom:var(--space-4)}.bike-detail .bike-journal>.help{margin:0}.discussion-panel .comment-thread{border-top:1px solid var(--line)}.discussion-panel .panel-heading+.comment-thread{border-top:0}.discussion-panel .comment{align-items:center;column-gap:var(--space-4);padding:var(--space-2) 0;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(150px,220px) 96px minmax(0,1fr) auto;display:grid}.discussion-panel .comment-heading{display:contents}.discussion-panel .comment .person-identity{grid-area:1/1;min-width:0}.discussion-panel .comment-heading time{color:var(--text-secondary);font-size:var(--text-sm);grid-area:1/2}.discussion-panel .comment-body{grid-area:1/3;min-width:0;padding:0}.discussion-panel .comment-actions{grid-area:1/4;padding:0}.discussion-panel .comment-parent{grid-area:2/3/auto/-1}.discussion-panel .comment>:is(.comment-confirm,.comment-editor,.error){grid-column:1/-1}.discussion-panel .comment-replies{margin-left:var(--space-8)}.discussion-panel .more-replies{margin:0 0 var(--space-2) var(--space-8)}.discussion-panel>.comment-editor,.discussion-panel>.button{margin-top:var(--space-4)}@media (max-width:700px){.discussion-panel .comment{row-gap:var(--space-1);grid-template-columns:minmax(0,1fr) auto}.discussion-panel .comment-body,.discussion-panel .comment-actions,.discussion-panel .comment-parent{grid-column:1/-1}.discussion-panel .comment-body{grid-row:2}.discussion-panel .comment-parent{grid-row:3}.discussion-panel .comment-actions{grid-row:4}.discussion-panel .comment-replies,.discussion-panel .more-replies{margin-left:var(--space-4)}}.global-error{align-items:center;gap:var(--space-2) var(--space-3);max-width:var(--container);margin:var(--space-4) auto 0;flex-wrap:wrap;display:flex}.share-status{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.share-status>svg{color:var(--text-secondary);flex:none}.share-status h3{margin:0 0 var(--space-1);font-size:var(--text-base);font-weight:var(--weight-semibold)}.share-status p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.share-copy{gap:var(--space-2);margin:var(--space-4) 0 var(--space-2);display:flex}.share-copy input{min-width:0;font:var(--weight-regular) var(--text-sm) / 1.4 var(--font-mono);flex:1}.delete-text{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal)}.bike-purposes{gap:0 var(--space-4);min-width:0;margin:var(--space-3) 0;border:0;flex-wrap:wrap;padding:0;display:flex}.bike-purposes legend{margin-bottom:var(--space-1);color:var(--text-muted);font-size:var(--text-sm)}.bike-purposes label{align-items:center;gap:var(--space-2);min-height:var(--control-md);font-size:var(--text-sm);display:inline-flex}.price-settings{margin:var(--space-3) 0;padding:var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg)}.price-settings>.help{margin:0 0 var(--space-1)}.price-settings .setting-row:last-child{border-bottom:0}.selected-part-icon{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--text);font-weight:var(--weight-semibold);display:flex}.suggestions{max-height:200px;margin:calc(-1 * var(--space-1)) 0 var(--space-2);padding:var(--space-1) 0;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:auto}.suggestions button{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-height:var(--control-md);padding:0 var(--space-3);color:var(--text);font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.suggestions button:hover,.suggestions button.chosen{background:var(--surface-hover)}dialog[open]:has(.bike-wizard){max-width:min(1120px, calc(100vw - 2 * var(--gutter)));height:min(860px, calc(100dvh - 2 * var(--space-4)));flex-direction:column;display:flex;overflow:hidden}dialog:has(.bike-wizard)>.modal-head{margin-bottom:var(--space-3);flex:none}.bike-wizard{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.bike-wizard>:not(.wizard-content){flex:none}.wizard-steps{gap:var(--space-2);margin-bottom:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.wizard-steps button{align-items:center;gap:var(--space-2);min-width:0;min-height:var(--control-md);color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.wizard-steps button:disabled{cursor:default}.wizard-steps button>span{border:1px solid var(--line-strong);border-radius:var(--radius-full);width:24px;height:24px;font:var(--weight-semibold) var(--text-xs) / 1 var(--font-mono);flex:none;place-items:center;display:grid}.wizard-steps small{min-width:0;font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}.wizard-steps [aria-current=step]{color:var(--text)}.wizard-steps [aria-current=step]>span{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.wizard-progress{border-radius:var(--radius-full);background:var(--line);appearance:none;border:0;width:100%;height:3px;display:block}.wizard-progress::-webkit-progress-bar{border-radius:var(--radius-full);background:var(--line)}.wizard-progress::-webkit-progress-value{border-radius:var(--radius-full);background:var(--primary);transition:width var(--duration-slow) var(--ease-out)}.wizard-progress::-moz-progress-bar{border-radius:var(--radius-full);background:var(--primary)}.bike-wizard>h3{align-items:baseline;gap:var(--space-2);margin:var(--space-3) 0 var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold);outline:none;display:flex}.bike-wizard>h3 small{color:var(--text-muted);font:var(--weight-regular) var(--text-xs) / 1 var(--font-mono)}.wizard-content{min-width:0;min-height:0;padding:0 2px var(--space-2);overscroll-behavior:contain;animation:wizard-enter var(--duration) var(--ease-out);border:0;flex:1;margin:0;overflow-y:auto}.wizard-content .field{margin-bottom:var(--space-3)}.wizard-content .wizard-pair{gap:0 var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;display:grid}.wizard-search{max-width:880px;padding-top:var(--space-2);margin:0 auto}.wizard-search .field input{min-height:48px;font-size:var(--text-base)}.wizard-search .help{margin-bottom:var(--space-3)}@media (min-width:701px){.wizard-search{padding-top:var(--space-8)}}.wizard-details{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start;display:grid}.wizard-card{min-width:0;padding:var(--space-2) var(--space-4) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);margin:0}.wizard-card>legend,.wizard-card>h4{margin:0 0 var(--space-2);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:0}.wizard-card>legend{padding-inline:var(--space-1)}.wizard-settings{gap:0 var(--space-5);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));align-items:start;display:grid}.wizard-settings>legend,.wizard-settings>.help,.wizard-settings>.wizard-optional{grid-column:1/-1}.wizard-settings .field{margin-bottom:var(--space-2)}.wizard-groups{gap:0 var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;display:grid}.wizard-content .wizard-pair .field{min-width:0;margin-bottom:var(--space-2)}.wizard-gate{margin:var(--space-2) 0 0}.wizard-content h4{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.wizard-content>.help,.wizard-content section>.help{margin:0 0 var(--space-2)}.wizard-identity{margin:0 0 var(--space-2);color:var(--text-muted);font:var(--weight-regular) var(--text-xs) / 1.5 var(--font-mono)}.wizard-identity:empty{display:none}.wizard-actions{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line);background:var(--surface);display:flex}@keyframes wizard-enter{0%{opacity:0;transform:translate(6px)}}.wizard-choice-actions{gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.wizard-found{align-items:flex-start;gap:var(--space-2-5);margin:var(--space-3) 0;padding:var(--space-3);border:1px solid color-mix(in srgb, var(--success) 35%, var(--line));border-radius:var(--radius-lg);background:var(--success-soft);font-size:var(--text-sm);display:flex}.wizard-found>svg{color:var(--success);flex:none}.wizard-found small{margin-top:var(--space-1);color:var(--text-secondary);display:block}.wizard-candidate{align-items:center;gap:var(--space-3);width:100%;margin-bottom:var(--space-2);padding:var(--space-2-5) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-out);display:flex}.wizard-candidate:hover:not(:disabled){border-color:var(--line-strong);box-shadow:var(--shadow-inner)}.wizard-candidate:disabled{opacity:.55;cursor:not-allowed}.wizard-candidate img,.wizard-candidate>svg{border-radius:var(--radius-md);background:var(--bg-subtle);object-fit:contain;flex:none;width:76px;height:56px}.wizard-candidate>svg{padding:var(--space-3) var(--space-5);color:var(--text-subtle)}.wizard-candidate span{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.wizard-candidate strong{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.wizard-candidate small{color:var(--text-muted);font-size:var(--text-xs)}.wizard-candidate .resolver-warning{align-items:center;gap:var(--space-1);color:var(--warning);display:flex}.wizard-candidate .resolver-warning svg{flex:none}.resolver-sources{margin:var(--space-3) 0;font-size:var(--text-sm)}.resolver-sources>summary{color:var(--text-secondary);cursor:pointer}.resolver-sources ul{margin:var(--space-2) 0;padding:0;list-style:none}.resolver-sources li{justify-content:space-between;gap:var(--space-1) var(--space-3);padding:var(--space-1-5) 0;border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.resolver-sources li span{color:var(--text-muted);text-align:right}.wizard-manual{margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-subtle)}.wizard-manual h4{margin-top:0}.factory-resolver{margin:var(--space-3) 0 var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-subtle);font-size:var(--text-sm)}.resolver-title,.resolver-found{align-items:center;gap:var(--space-2);display:flex}.resolver-title{font-weight:var(--weight-semibold);justify-content:space-between}.resolver-found{color:var(--success);font-weight:var(--weight-medium)}.resolver-candidates{margin:var(--space-2) 0;padding-left:var(--space-5)}.resolver-candidates li{margin:var(--space-2) 0}.resolver-candidates small{color:var(--text-muted);display:block}.resolver-adapter{padding:var(--space-2-5) 0;border-bottom:1px solid var(--line)}.resolver-adapter p{margin:var(--space-1) 0}.resolver-progress{margin:var(--space-3) 0;font-size:var(--text-sm)}.resolver-progress>span{align-items:center;gap:var(--space-2);display:flex}.resolver-progress small{color:var(--text-muted);margin-left:auto}.resolver-track{height:4px;margin:var(--space-2) 0;border-radius:var(--radius-full);background:var(--line);overflow:hidden}.resolver-track i{border-radius:var(--radius-full);background:var(--primary);width:35%;height:100%;animation:resolver-loading 1.6s var(--ease-in-out) infinite;display:block}.resolver-spinner{flex:none;animation:1s linear infinite resolver-spin}@keyframes resolver-loading{0%{transform:translate(-100%)}to{transform:translate(290%)}}@keyframes resolver-spin{to{transform:rotate(360deg)}}.resolver-timeline{min-width:0;margin:var(--space-2) 0;color:var(--text-secondary);font-size:var(--text-xs)}.resolver-timeline p{align-items:center;gap:var(--space-1-5);margin:0;display:flex}.resolver-timeline summary{color:var(--text-muted);cursor:pointer}.resolver-timeline ol{margin:var(--space-1-5) 0;padding:0;list-style:none}.resolver-timeline details>ol{max-height:min(200px,25dvh);overflow:auto}.resolver-timeline li{align-items:baseline;gap:var(--space-1-5);padding:3px 0;display:flex}.resolver-timeline li>svg{color:var(--text-muted);flex:none}.resolver-timeline li>span{overflow-wrap:anywhere;flex:1;min-width:0}.resolver-timeline small{color:var(--text-muted);display:block}.resolver-timeline b{font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.resolver-timeline time{color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap}.resolver-run{gap:var(--space-1-5);min-width:0;margin:var(--space-4) 0 var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);display:grid}.resolver-run>p{min-width:0;min-height:1.5em;margin:0;line-height:1.5}.resolver-run-title,.resolver-run-stage{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.resolver-run-title{color:var(--text);font-weight:var(--weight-semibold)}.resolver-run-line{background:linear-gradient(var(--line), var(--line)) center / 100% 2px no-repeat;height:8px;position:relative;overflow:hidden}.resolver-run-line i{background:linear-gradient(90deg, transparent, var(--text));width:72px;height:2px;margin-top:-1px;position:absolute;top:50%;left:0}.resolver-run-line i:after{content:"";border-radius:var(--radius-full);background:var(--text);width:6px;height:6px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.resolver-run[data-state=done] .resolver-run-line i{display:none}.resolver-run[data-outcome=resolved] .resolver-run-line{background:linear-gradient(var(--text), var(--text)) center / 100% 2px no-repeat}.resolver-run[data-outcome=partial] .resolver-run-line{background:repeating-linear-gradient(90deg, var(--text) 0 8px, transparent 8px 12px) center / 100% 2px no-repeat}.resolver-run-phrase{text-overflow:ellipsis;color:var(--text);animation:resolver-run-in var(--duration-fast) var(--ease-out);display:block;overflow:hidden}.resolver-run-phrase code,.resolver-run-phrase small{margin-left:var(--space-2);color:var(--text-muted);font-size:var(--text-xs)}.resolver-run-phrase code{font-family:var(--font-mono)}.resolver-run-phrase code:before,.resolver-run-phrase small:before{content:"· "}@keyframes resolver-run-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.resolver-run-components,.resolver-run-events{align-items:baseline;gap:var(--space-1-5);color:var(--text-muted);font-size:var(--text-xs);display:flex}.resolver-run-label{flex:none}.resolver-run-label:after{content:" ·"}.resolver-run-components>:not(.resolver-run-label){min-width:0}.resolver-run-count{color:var(--text-secondary);flex:none}.resolver-run-marks{gap:0 var(--space-3);white-space:nowrap;flex:1;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000)}.resolver-run-marks>span{align-items:center;gap:var(--space-1);flex:none;display:inline-flex}.resolver-run-marks>[data-found]{color:var(--text)}.resolver-run-marks b{font-weight:var(--weight-regular)}.resolver-run-view{flex:1;min-width:0;overflow:hidden}.resolver-run-view[data-overflow]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}.resolver-run-view:focus-visible{outline:2px solid var(--focus,var(--accent));outline-offset:2px}.resolver-run-track{white-space:nowrap;padding-inline-end:16px;display:inline-block}.resolver-review,.resolver-inspector{min-width:0;margin:var(--space-2) 0;font-size:var(--text-sm)}.resolver-review>summary{color:var(--text-secondary);font-weight:var(--weight-semibold);cursor:pointer}.resolver-review dl,.resolver-inspector dl{margin:var(--space-1-5) 0 0;font-size:var(--text-xs)}.resolver-inspector dl{max-height:320px;overflow:auto}.resolver-review dl>div,.resolver-inspector dl>div{padding:var(--space-1) 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.resolver-review dt,.resolver-inspector dt{color:var(--text-muted)}.resolver-review dd,.resolver-inspector dd{margin:2px 0 0}.wizard-add-picker{margin:var(--space-2) 0}.wizard-add-picker>summary,.wizard-part-group>summary{align-items:center;gap:var(--space-2);min-height:40px;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;display:flex}.wizard-group-add{gap:var(--space-1-5);padding:var(--space-1) 0 var(--space-2);flex-wrap:wrap;display:flex}.wizard-group-add .quiet{border:1px solid var(--control-line);background:var(--control-bg);color:var(--control-text)}.wizard-part-group{border-bottom:1px solid var(--line)}.wizard-part-group>summary small{color:var(--text-muted);font:var(--weight-regular) var(--text-xs) / 1 var(--font-mono)}.wizard-part{align-items:end;gap:0 var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--line);grid-template-columns:minmax(90px,1fr) minmax(130px,2fr) auto;display:grid}.wizard-part .field{margin:0}.wizard-part .field>label:first-child{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.wizard-part-extra{margin-top:var(--space-1-5);color:var(--text-muted);font-size:var(--text-xs);grid-column:1/-1}.wizard-part-extra>summary{min-height:var(--control-sm);cursor:pointer}.wizard-part-extra .field{margin:var(--space-2) 0}.compact-combo{position:relative}.combo-popup{z-index:var(--z-dropdown);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);min-width:0;max-width:100%;box-shadow:var(--shadow-lg);touch-action:pan-y;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.combo-popup ul{max-height:192px;padding:var(--space-1);overscroll-behavior:contain;margin:0;list-style:none;overflow:auto}.combo-popup li{min-height:36px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);overflow-wrap:anywhere;cursor:pointer;align-items:center;display:flex}.combo-popup li:hover,.combo-popup [aria-selected=true]{background:var(--surface-hover)}.combo-popup>small{padding:var(--space-1) var(--space-2);border-top:1px solid var(--line);color:var(--text-muted);overflow-wrap:anywhere;font-size:11px;display:block}.wizard-stock-preview{margin:var(--space-2) 0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.wizard-stock-preview img{background:var(--bg-subtle);object-fit:contain;width:100%;height:140px;display:block}.wizard-stock-preview small{padding:var(--space-1-5) var(--space-3);border-top:1px solid var(--line);color:var(--text-muted);font-size:var(--text-xs);display:block}.stock-empty{padding:var(--space-8) var(--space-4);background:var(--bg-subtle);color:var(--text-muted);font-size:var(--text-sm);text-align:center}.photo-candidates{gap:var(--space-2);margin:var(--space-3) 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.photo-candidates:empty{display:none}.photo-candidates label{gap:var(--space-1);font-size:var(--text-xs);display:grid;position:relative}.photo-candidates img{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-subtle);object-fit:contain;width:100%;height:96px}.photo-candidates label:has(:checked) img{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.photo-candidates input{top:var(--space-1-5);left:var(--space-1-5);z-index:1;position:absolute}.photo-candidates a{color:var(--text-muted)}.photo-search .field{margin:var(--space-3) 0}.wizard-draft-photos{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.wizard-draft-photos>li{flex:none;width:104px}.wizard-draft-photos .thumb{position:relative}.wizard-suggestions{gap:var(--space-2);margin:var(--space-2) 0;flex-wrap:wrap;display:flex}.wizard-suggestions:empty{display:none}.wizard-optional{margin:var(--space-3) 0;padding-top:var(--space-2);border-top:1px dashed var(--line-dashed)}.wizard-optional>summary{min-height:var(--control-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer}@media (max-width:640px){dialog[open]:has(.bike-wizard){height:calc(100dvh - 2 * var(--space-2))}.wizard-part{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto}.photo-candidates{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.wizard-content,.resolver-spinner{animation:none}.resolver-track i{opacity:.55;width:100%;animation:none}.resolver-run-phrase{animation:none}}@media (max-width:700px){.detail{padding-top:var(--space-3)}.breadcrumbs :is(a,.quiet){align-items:center;min-width:44px;min-height:44px;display:inline-flex}.bike-heading{gap:var(--space-2)}.bike-detail-title-row h1{font-size:var(--text-2xl)}.bike-subtitle{font-size:var(--text-base)}.bike-heading .detail-actions{padding-top:0}.bike-quote{padding:var(--space-3) var(--space-4)}.bike-excerpt{font-size:var(--text-base)}.bike-detail .panel-heading :is(button,a).text-link{min-height:var(--control-md)}.component-group-toggle{min-height:44px}.compact-part-actions summary,.order-actions .icon,.part-menu .icon{width:44px;min-width:44px;height:44px}}}
@layer tokens,base,components,layout;@layer features{.bike-journal,.discussion{min-width:0;padding-top:var(--space-6);border-top:1px solid var(--line);scroll-margin-top:calc(var(--header-height) + var(--space-4))}:is(.bike-journal,.discussion)>.section-heading{margin-bottom:var(--space-3);align-items:flex-start}:is(.bike-journal,.discussion) h2{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold);display:flex}:is(.bike-journal,.discussion) h2>svg{color:var(--text-secondary)}:is(.bike-journal,.discussion) .section-heading .help{margin-top:var(--space-1)}.journal-list-entry{padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.journal-list-entry h3{margin:var(--space-1) 0;font-size:var(--text-base);font-weight:var(--weight-semibold)}.journal-list-entry h3 a:hover{color:var(--accent-text);text-underline-offset:3px;text-decoration:underline}.journal-list-entry p{margin:0 0 var(--space-1-5);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.journal-list-entry>small{align-items:center;gap:var(--space-1);color:var(--text-muted);font-size:var(--text-xs);display:inline-flex}.journal-entry-meta{align-items:center;gap:var(--space-1) var(--space-2);color:var(--text-muted);font:var(--weight-regular) var(--text-xs) / 1.5 var(--font-mono);flex-wrap:wrap;display:flex}.journal-entry-meta>*{align-items:center;gap:var(--space-1);display:inline-flex}.journal-entry-meta>*+:before{content:"·";margin-right:var(--space-1);color:var(--text-subtle)}.journal-prompt{align-items:center;gap:var(--space-1) var(--space-3);margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-subtle);color:var(--text-secondary);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.journal-prompt small{color:var(--text-muted)}.journal-prompt>.quiet:last-child{margin-left:auto}.journal-feed{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:1280px){.journal-feed{gap:var(--space-4) var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}}.journal-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface-gradient);min-width:0;transition:box-shadow var(--duration-fast) var(--ease-out);display:flex;position:relative;overflow:hidden}.journal-card:hover{box-shadow:var(--shadow-inner)}.journal-card-photo{border-right:1px solid var(--line);background:var(--bg-subtle);flex:0 0 160px;min-height:160px}.journal-card-photo img{object-fit:cover;width:100%;height:100%;display:block}.journal-card-content{align-content:start;gap:var(--space-1-5);min-width:0;padding:var(--space-3) var(--space-4);flex:1;display:grid}.journal-card h2{font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.journal-card h2 a:hover{color:var(--accent-text)}.journal-excerpt{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.journal-card-bike{color:var(--text-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.journal-card-bike:hover{color:var(--text)}.journal-card-social{align-items:center;gap:var(--space-1) var(--space-3);padding-top:var(--space-2);border-top:1px dashed var(--line-dashed);color:var(--text-muted);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.journal-card-social>:is(span,a){align-items:center;gap:var(--space-1);display:inline-flex}.journal-card-social>a:hover{color:var(--text)}.journal-card-social .quiet{min-height:var(--control-sm);font-size:var(--text-xs);margin-left:auto}.journal-solution{color:var(--success);font-size:var(--text-sm);font-weight:var(--weight-medium)}.journal-page>h1{margin:var(--space-2) 0 var(--space-3)}.journal-page>a:first-of-type{color:var(--text-secondary);font-size:var(--text-sm)}.journal-page>a:first-of-type:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.journal-page>.journal-entry-meta{margin-top:var(--space-4)}.entity-byline,.entity-actions{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.entity-byline{padding-bottom:var(--space-4);border-bottom:1px solid var(--line);font-size:var(--text-sm);justify-content:space-between}.entity-byline>a{color:var(--text-secondary);font-weight:var(--weight-medium)}.entity-byline>a:hover{color:var(--text)}.journal-body{margin:var(--space-6) 0;font-size:var(--text-lg);overflow-wrap:anywhere;line-height:1.65}.journal-photos{gap:var(--space-3);margin:var(--space-4) 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));display:grid}.journal-photos:empty{display:none}.journal-photos figure{min-width:0;margin:0}.journal-photos img{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-subtle);object-fit:contain;width:100%;max-height:620px;display:block}.journal-page section>h2{margin:var(--space-8) 0 var(--space-1);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.journal-part{align-items:baseline;gap:var(--space-1) var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.journal-part>span{color:var(--text-muted)}.journal-part p{color:var(--text-secondary);overflow-wrap:anywhere;white-space:pre-wrap;flex-basis:100%}.journal-part a:not(:only-child){text-underline-offset:3px;text-decoration:underline}.journal-part small{color:var(--text-muted);font-family:var(--font-mono)}.journal-attached-ride{align-items:center;gap:var(--space-2);margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-gradient);font-weight:var(--weight-medium);display:flex}.journal-attached-ride:hover{box-shadow:var(--shadow-inner)}.journal-reactions{align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-6);flex-wrap:wrap;display:flex}.journal-reactions .quiet{border:1px solid var(--control-line);background:var(--control-bg);color:var(--control-text)}.journal-reactions .quiet[aria-pressed=true] svg{color:var(--tone-special);fill:currentColor}.journal-editor{gap:var(--space-4);min-width:0;margin-top:var(--space-4);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);grid-template-columns:minmax(0,1fr);display:grid}.journal-editor .field{margin:0}.journal-editor details{padding:var(--space-2) 0;border-block:1px solid var(--line)}.journal-editor summary{min-height:var(--control-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer}.journal-editor details>.help{margin:var(--space-1) 0 var(--space-2)}.journal-editor input[type=file]{max-width:100%}.journal-editor .journal-photos{margin:0}.journal-editor .journal-photos img{max-height:240px}.journal-fields{gap:var(--space-3) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.journal-editor .form-actions{margin-top:0}@media (max-width:700px){.journal-card-photo{flex-basis:96px;min-height:120px}.journal-card-content{padding:var(--space-3)}.journal-body{font-size:var(--text-base)}.journal-editor{padding:var(--space-4)}.journal-fields{grid-template-columns:minmax(0,1fr)}}}
@layer tokens,base,components,layout;@layer features{.discussion>.quiet{margin-bottom:var(--space-2)}.comment-thread{padding:var(--space-2) 0}.comment{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);min-width:0;overflow:hidden}.comment:target,.comment:focus{border-color:var(--focus);box-shadow:var(--focus-ring)}.comment-heading{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);background:linear-gradient(to right, var(--surface-subtle), var(--surface));display:flex}.comment-heading .person-identity{font-size:var(--text-sm)}.comment-heading time,.notification-list time{color:var(--text-muted);font:var(--weight-regular) var(--text-xs) / 1.4 var(--font-mono);white-space:nowrap}.comment-parent{padding:var(--space-2) var(--space-4) 0;overflow-wrap:anywhere;display:block}.comment-body{padding:var(--space-3) var(--space-4);font-size:var(--text-base);overflow-wrap:anywhere;margin:0;line-height:1.6}.comment>.help{padding:var(--space-3) var(--space-4)}.comment-actions{align-items:center;gap:var(--space-1) var(--space-2);padding:0 var(--space-2) var(--space-2);flex-wrap:wrap;display:flex}.comment-actions .quiet{font-size:var(--text-sm)}.comment-replies{margin:var(--space-3) 0 0 var(--space-6);padding-left:var(--space-4);border-left:1px solid var(--line)}.comment-replies:empty{display:none}.comment-replies.comment-replies-flat{border-left:0;margin-left:0;padding-left:0}.more-replies{margin:var(--space-2) 0 0 var(--space-10);font-size:var(--text-sm)}.comment-confirm{align-items:center;gap:var(--space-2) var(--space-3);margin:0 var(--space-4) var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.comment-editor{margin-top:var(--space-4)}.comment .comment-editor{margin:var(--space-2) var(--space-4) var(--space-4)}.comment-editor>.error{margin-top:var(--space-2)}.report-control{max-width:100%;font-size:var(--text-sm)}.report-trigger{color:var(--text-muted)}.report-form{align-items:flex-end;gap:var(--space-2) var(--space-3);margin:var(--space-2) 0;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-subtle);flex-wrap:wrap;display:flex}.report-form label{gap:var(--space-1);font-size:var(--text-sm);flex-direction:column;display:flex}.report-form select{max-width:100%}.report-card{padding:var(--space-4) 0;border-bottom:1px solid var(--line);font-size:var(--text-sm)}.report-card>div:first-child{justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;display:flex}.report-card>div>span{color:var(--text-muted);font:var(--weight-regular) var(--text-xs) / 1.4 var(--font-mono)}.notification-list{border:1px solid var(--line);border-radius:var(--radius-xl);margin:0;padding:0;list-style:none;overflow:hidden}.notification-list:empty{display:none}.notification-list li{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);display:flex}.notification-list li:last-child{border-bottom:0}.notification-list li.unread{background:linear-gradient(to right, var(--accent-soft), var(--surface) 60%);box-shadow:inset 3px 0 0 var(--accent)}.notification-list li>div{flex:1;min-width:0}.notification-icon{border-radius:var(--radius-full);background:var(--surface-hover);width:44px;height:44px;color:var(--text-secondary);flex:none;place-items:center;display:inline-grid}.notification-list li>div>.button{margin:var(--space-1) 0 var(--space-1-5)}.notification-list p time{color:inherit;font:inherit;white-space:normal}.notification-list p{margin:0 0 var(--space-0-5);color:var(--text-secondary);font-size:var(--text-sm);overflow-wrap:anywhere}.notification-list p a{color:var(--text);font-weight:var(--weight-semibold)}.notification-list p a:hover{text-underline-offset:3px;text-decoration:underline}.community-page>.section-heading{margin-bottom:var(--space-4)}.community-page>.ui-tabs{margin-bottom:var(--space-5)}.community-page>.help{margin-bottom:var(--space-4)}.notification-filters{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.notification-filters>.ui-tabs{margin:0}.notification-filters .notification-category{min-width:min(100%,14rem);margin:0}.social-empty{margin:var(--space-6) 0;padding:var(--space-10) var(--space-5);border:1px dashed var(--line-dashed);border-radius:var(--radius-xl);color:var(--text-muted);text-align:center}.social-empty h2{margin-bottom:var(--space-1-5);color:var(--text);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.social-empty p{margin:0 auto var(--space-4);max-width:48ch;font-size:var(--text-sm)}.social-empty>a:not(.button){color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-underline-offset:3px;text-decoration:underline}.experience-search>.section-heading{flex-wrap:nowrap}.experience-search>.help{max-width:72ch;margin-bottom:var(--space-3)}.experience-query{align-items:flex-end;gap:var(--space-2);margin:var(--space-3) 0 var(--space-4);display:flex}.experience-query .field{flex:1;min-width:0;margin:0}.experience-search>.ui-tabs{margin-bottom:var(--space-3)}.experience-filter-grid{gap:0 var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:700px){.comment-heading{padding:var(--space-2) var(--space-3);flex-wrap:wrap}.comment-body{padding:var(--space-3)}.comment-replies{margin-left:var(--space-2);padding-left:var(--space-3)}.more-replies{margin-left:var(--space-5)}.notification-list li{gap:var(--space-2-5);padding:var(--space-3)}.experience-filter-grid{grid-template-columns:minmax(0,1fr)}.experience-search>.section-heading .quiet>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}}