:root{--color-bg:oklch(98% .005 0);--color-surface:oklch(100% 0 0);--color-foreground:oklch(18% .01 0);--color-muted:oklch(50% .01 0);--color-border:oklch(92% .005 0);--color-accent:oklch(35% .02 0);--color-route:oklch(52% .14 145);--color-photo:oklch(55% .12 160);--color-tool:oklch(89.221% .12587 202.108);--color-note:oklch(52% .15 35);--color-paper:oklch(97% .014 82);--color-success:oklch(52% .12 145);--color-warning:oklch(75% .15 85);--color-danger:oklch(55% .22 25);--font-display:"Söhne","Avenir Next",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;--font-mono:ui-monospace,"JetBrains Mono","SFMono-Regular",monospace;--space-page:clamp(16px,3vw,24px);--space-section:clamp(34px,6vw,80px);--size-max:1240px;--radius-xs:8px;--radius-sm:10px;--radius-md:12px;--radius-lg:18px;--shadow-soft:0 12px 28px color-mix(in oklch,var(--color-foreground),transparent 92%);--shadow-accent:0 18px 42px color-mix(in oklch,var(--color-accent),transparent 86%);--focus-ring:0 0 0 3px color-mix(in oklch,var(--color-accent),transparent 78%);--motion-fast:.16s ease;--motion-medium:.26s cubic-bezier(.16,1,.3,1)}html[data-theme=dark]{color-scheme:dark;--color-bg:oklch(15% .014 250);--color-surface:oklch(20% .014 250);--color-foreground:oklch(92% .008 250);--color-muted:oklch(70% .012 250);--color-border:oklch(31% .016 250);--color-accent:oklch(70% .15 255);--color-route:oklch(72% .14 150);--color-photo:oklch(74% .12 200);--color-tool:oklch(72% .15 255);--color-note:oklch(74% .14 45);--color-paper:oklch(21.786% .011 60.789)}*{box-sizing:border-box}html{min-width:320px;background:var(--color-bg);font-family:var(--font-body);scroll-behavior:smooth}body,html{color:var(--color-foreground)}body{min-height:100vh;margin:0;background:radial-gradient(circle at 14% 0,color-mix(in oklch,var(--color-accent),transparent 94%),transparent 28rem),radial-gradient(circle at 88% 8%,color-mix(in oklch,var(--color-route),transparent 95%),transparent 26rem),linear-gradient(180deg,color-mix(in oklch,var(--color-bg),var(--color-surface) 36%),var(--color-bg) 34rem);line-height:1.5;overflow-x:hidden}.theme-tech,body.theme-tech{--color-bg:oklch(97% .008 250);--color-surface:oklch(99% .005 260);--color-foreground:oklch(20% .02 250);--color-muted:oklch(54% .012 250);--color-border:oklch(92% .005 250);--color-accent:oklch(55% .18 255);--color-route:oklch(55% .18 255);--color-tool:oklch(72% .15 255);--color-note:oklch(48% .12 270)}.theme-travel,body.theme-travel{--color-bg:oklch(96% .01 140);--color-surface:oklch(98% .008 150);--color-foreground:oklch(22% .03 145);--color-muted:oklch(50% .02 140);--color-border:oklch(90% .012 140);--color-accent:oklch(52% .14 145);--color-route:oklch(52% .14 145);--color-photo:oklch(55% .12 160)}.theme-notes,body.theme-notes{--color-bg:oklch(96% .025 70);--color-surface:oklch(98% .018 75);--color-foreground:oklch(22% .032 55);--color-muted:oklch(48% .02 65);--color-border:oklch(90% .015 70);--color-accent:oklch(52% .15 35);--color-note:oklch(50% .1 45);--color-paper:oklch(76.616% .04118 41.535)}html[data-theme=dark] .theme-notes,html[data-theme=dark] .theme-tech,html[data-theme=dark] .theme-travel,html[data-theme=dark] body.theme-notes,html[data-theme=dark] body.theme-tech,html[data-theme=dark] body.theme-travel{--color-bg:oklch(15% .014 250);--color-surface:oklch(20% .014 250);--color-foreground:oklch(92% .008 250);--color-muted:oklch(70% .012 250);--color-border:oklch(31% .016 250)}a{color:inherit;text-decoration:none;transition:color var(--motion-fast),transform var(--motion-fast)}a:hover{color:var(--color-accent)}button,input{font:inherit}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:none;box-shadow:var(--focus-ring)}img{max-width:100%;display:block}.section{padding:var(--space-section) 0;border-top:1px solid var(--color-border)}.section.tight{padding-top:28px;min-height:500px}.kicker{margin:0 0 12px;color:var(--color-accent);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.lede{max-width:720px;margin:18px 0 0;color:var(--color-muted);font-size:clamp(16px,1.6vw,20px);line-height:1.65}.text-link{display:inline-flex;align-items:center;gap:7px;min-height:34px;color:var(--color-accent);font-weight:650;font-size:14px;transition:transform var(--motion-fast),color var(--motion-fast)}.text-link:hover{transform:translate(3px)}.text-link:after{content:"->"}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.reveal{opacity:0;transform:translateY(24px) scale(.965);transition:opacity .52s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}.empty-state{display:none;padding:28px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-muted)}.empty-state.is-visible{display:block}@media(max-width:900px){.grid.two{grid-template-columns:1fr}}@media(max-width:1040px){.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.grid.three{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}