@layer reset,tokens,base,layouts,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-block-size:100dvh;line-height:1.6;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-inline-size:100%}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{text-wrap:balance;overflow-wrap:break-word}p,li,figcaption{text-wrap:pretty;overflow-wrap:break-word}a{color:inherit;text-decoration-skip-ink:auto}ul[role=list],ol[role=list]{list-style:none;padding:0}:target{scroll-margin-block:2rem}}@layer tokens{:root{--stone-50: oklch(.985 .002 75);--stone-100: oklch(.96 .005 75);--stone-150: oklch(.935 .006 75);--stone-200: oklch(.9 .008 75);--stone-300: oklch(.79 .01 75);--stone-400: oklch(.65 .012 70);--stone-500: oklch(.53 .012 70);--stone-600: oklch(.43 .012 65);--stone-700: oklch(.34 .01 60);--stone-800: oklch(.26 .008 55);--stone-900: oklch(.18 .006 50);--stone-950: oklch(.12 .005 50);--accent-hue: 35;--accent-chroma: .14;--accent: oklch(.58 var(--accent-chroma) var(--accent-hue));--accent-light: oklch(.72 .1 var(--accent-hue));--accent-dark: oklch(.46 var(--accent-chroma) var(--accent-hue));--accent-pale: oklch(.94 .03 var(--accent-hue));--accent-deep: oklch(.35 .1 var(--accent-hue));--text-xs: clamp(.7813rem, .7736rem + .0341vw, .8rem);--text-sm: clamp(.9375rem, .9119rem + .1136vw, 1rem);--text-base: clamp(1.125rem, 1.0739rem + .2273vw, 1.25rem);--text-lg: clamp(1.35rem, 1.2631rem + .3864vw, 1.5625rem);--text-xl: clamp(1.62rem, 1.4837rem + .6057vw, 1.9531rem);--text-2xl: clamp(1.944rem, 1.7405rem + .9044vw, 2.4414rem);--text-3xl: clamp(2.3328rem, 2.0387rem + 1.3072vw, 3.0518rem);--text-4xl: clamp(2.7994rem, 2.384rem + 1.8461vw, 3.8147rem);--space-3xs: clamp(.3125rem, .3125rem + 0vw, .3125rem);--space-2xs: clamp(.5625rem, .5369rem + .1136vw, .625rem);--space-xs: clamp(.875rem, .8494rem + .1136vw, .9375rem);--space-s: clamp(1.125rem, 1.0739rem + .2273vw, 1.25rem);--space-m: clamp(1.6875rem, 1.6108rem + .3409vw, 1.875rem);--space-l: clamp(2.25rem, 2.1477rem + .4545vw, 2.5rem);--space-xl: clamp(3.375rem, 3.2216rem + .6818vw, 3.75rem);--space-2xl: clamp(4.5rem, 4.2955rem + .9091vw, 5rem);--space-3xl: clamp(6.75rem, 6.4432rem + 1.3636vw, 7.5rem);--space-s-m: clamp(1.125rem, .8182rem + 1.3636vw, 1.875rem);--space-m-l: clamp(1.6875rem, 1.3551rem + 1.4773vw, 2.5rem);--space-l-xl: clamp(2.25rem, 1.6364rem + 2.7273vw, 3.75rem);--space-s-l: clamp(1.125rem, .5625rem + 2.5vw, 2.5rem);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .875rem;--radius-full: 9999px;--shadow-color: 35 8% 15%;--shadow-sm: 0 1px 2px -1px hsl(var(--shadow-color) / .08), 0 1px 1px -1px hsl(var(--shadow-color) / .04);--shadow-md: 0 3px 8px -2px hsl(var(--shadow-color) / .1), 0 2px 4px -2px hsl(var(--shadow-color) / .06);--shadow-lg: 0 8px 24px -4px hsl(var(--shadow-color) / .12), 0 4px 10px -4px hsl(var(--shadow-color) / .07);--shadow-xl: 0 16px 48px -8px hsl(var(--shadow-color) / .14), 0 8px 16px -4px hsl(var(--shadow-color) / .08);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: linear( 0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 85.1%, 1 );--duration-fast: .12s;--duration-base: .2s;--duration-slow: .4s;--duration-slower: .6s;--measure-narrow: 45ch;--measure-base: 60ch;--measure-wide: 75ch;--page-max-width: 72rem;--page-gutter: var(--space-m)}:root{color-scheme:light dark;--color-bg: light-dark(var(--stone-50), var(--stone-950));--color-bg-raised: light-dark(white, var(--stone-900));--color-bg-sunken: light-dark(var(--stone-100), oklch(.09 .004 50));--color-bg-overlay: light-dark(white, var(--stone-800));--color-text: light-dark(var(--stone-900), var(--stone-100));--color-text-secondary: light-dark(var(--stone-600), var(--stone-400));--color-text-tertiary: light-dark(var(--stone-400), var(--stone-500));--color-accent: var(--accent);--color-accent-hover: light-dark(var(--accent-dark), var(--accent-light));--color-accent-subtle: light-dark(var(--accent-pale), oklch(.2 .04 var(--accent-hue)));--color-accent-text: light-dark(var(--accent-dark), var(--accent-light));--color-border: light-dark(var(--stone-200), var(--stone-800));--color-border-subtle: light-dark(var(--stone-150), var(--stone-900));--color-focus: oklch(.65 .15 var(--accent-hue));--color-link: var(--color-accent-text);--color-link-hover: var(--color-accent-hover)}}@layer base{body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:1.15;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.15em;transition:color var(--duration-fast) var(--ease-out)}code{font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.875em;padding:.15em .35em;border-radius:var(--radius-sm);background:var(--color-bg-sunken)}pre{font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:var(--text-sm);line-height:1.65;padding:var(--space-s-m);border-radius:var(--radius-lg);background:var(--color-bg-sunken);overflow-x:auto}pre code{padding:0;background:none;font-size:inherit}::selection{background:var(--color-accent-subtle)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}strong,b{font-weight:650}small{font-size:var(--text-sm)}}@layer layouts{.page{max-inline-size:var(--page-max-width);margin-inline:auto;padding-inline:var(--page-gutter)}.stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--space-m))}.stack[data-gap=l]{--stack-gap: var(--space-l)}.stack[data-gap=xl]{--stack-gap: var(--space-xl)}.stack[data-gap=s]{--stack-gap: var(--space-s)}.section{padding-block:var(--section-space, var(--space-xl))}}@layer utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:var(--page-gutter);inset-block-start:var(--space-2xs);z-index:200;padding:.7rem .95rem;border-radius:var(--radius-md);background:var(--color-bg-raised);color:var(--color-text);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-160%);transition:transform var(--duration-fast) var(--ease-out)}.skip-link:focus-visible{transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.text-secondary{color:var(--color-text-secondary)}.text-sm{font-size:var(--text-sm)}}@view-transition{navigation:auto}@supports (animation-timeline: view()){.animate-on-scroll{animation:fade-in linear both;animation-timeline:view();animation-range:entry 0% cover 30%}}@keyframes fade-in{0%{opacity:.88;translate:0 .35rem}to{opacity:1;translate:0}}:root{--wall-bg: transparent;--wall-surface: color-mix(in oklch, var(--color-bg-raised) 88%, transparent);--wall-text: var(--color-text);--wall-muted: var(--color-text-secondary);--wall-border: color-mix(in oklch, var(--color-border) 82%, transparent);--wall-accent: var(--color-accent-text);--wall-font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--wall-font-size: 13px;--wall-radius: 12px}.wall-body{margin:0;padding:0;min-block-size:100dvh;background:var(--wall-bg);color:var(--wall-text);font-family:var(--wall-font-family);font-size:var(--wall-font-size);line-height:1.5}.wall-main{padding:.35rem}.guestbook{display:grid;gap:.45rem;padding:0;background:transparent;color:inherit}.guestbook-empty{gap:.35rem}.guestbook-head,.guestbook-foot{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.guestbook-label,.guestbook-origin,.guestbook-total,.guestbook-meta,.empty,.empty-detail{margin:0}.guestbook-label{font-size:.78rem;font-weight:600;letter-spacing:.01em}.guestbook-total,.guestbook-meta,.guestbook-origin,.empty-detail,.guestbook-list time{color:var(--wall-muted);font-size:.74rem}.guestbook-origin{margin-block-start:.08rem}.empty{font-size:.85rem;font-weight:500}.guestbook-list{list-style:none;margin:0;padding:0;display:grid;gap:.28rem}.guestbook-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:start;padding:.55rem .7rem;border:1px solid var(--wall-border);border-radius:var(--wall-radius);background:var(--wall-surface);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.guestbook-list li.fresh{border-color:color-mix(in oklch,var(--wall-accent) 35%,var(--wall-border));background:color-mix(in oklch,var(--wall-accent) 8%,var(--wall-surface))}.visit-copy{display:grid;gap:.08rem;min-inline-size:0}.visit-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:.82rem;font-weight:600}.visit-copy .msg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--wall-muted);font-size:.78rem}.guestbook-list time{white-space:nowrap}.guestbook-foot{padding-block-start:.15rem}.guestbook-foot a{color:inherit;text-decoration:none;opacity:.72}.guestbook-foot a:hover{opacity:1}@media(max-width:560px){.guestbook-head,.guestbook-foot{flex-direction:column;align-items:start;gap:.2rem}.guestbook-list li{grid-template-columns:1fr;gap:.25rem}.guestbook-list time{order:2}.visit-copy strong,.visit-copy .msg{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}}