@layer reset{*,:before,:after{box-sizing:border-box;margin:0}img,picture,video{block-size:auto;max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:var(--lightningcss-light,oklch(98.6% .008 345))var(--lightningcss-dark,oklch(22% .02 330));--color-surface:var(--lightningcss-light,oklch(97% .012 345))var(--lightningcss-dark,oklch(27% .022 330));--color-text:var(--lightningcss-light,oklch(28% .035 340))var(--lightningcss-dark,oklch(93% .01 340));--color-text-secondary:var(--lightningcss-light,oklch(45% .035 340))var(--lightningcss-dark,oklch(79% .015 340));--color-muted:var(--lightningcss-light,oklch(55% .03 340))var(--lightningcss-dark,oklch(66% .015 340));--color-border:var(--lightningcss-light,oklch(90% .02 345))var(--lightningcss-dark,oklch(35% .02 330));--color-accent:var(--lightningcss-light,oklch(53% .17 5))var(--lightningcss-dark,oklch(78% .12 356));--color-accent-hover:var(--lightningcss-light,oklch(46% .17 5))var(--lightningcss-dark,oklch(84% .1 356));--color-on-accent:var(--lightningcss-light,oklch(99% .005 345))var(--lightningcss-dark,oklch(22% .05 356));--color-accent-soft:var(--lightningcss-light,oklch(94.5% .035 355))var(--lightningcss-dark,oklch(30% .045 350));--tone-0-soft:var(--lightningcss-light,oklch(93.5% .04 355))var(--lightningcss-dark,oklch(33% .05 355));--tone-0-strong:var(--lightningcss-light,oklch(42% .15 0))var(--lightningcss-dark,oklch(87% .07 355));--tone-1-soft:var(--lightningcss-light,oklch(94% .045 45))var(--lightningcss-dark,oklch(33% .05 45));--tone-1-strong:var(--lightningcss-light,oklch(43% .13 40))var(--lightningcss-dark,oklch(88% .07 55));--tone-2-soft:var(--lightningcss-light,oklch(95% .05 85))var(--lightningcss-dark,oklch(33% .045 80));--tone-2-strong:var(--lightningcss-light,oklch(43% .11 75))var(--lightningcss-dark,oklch(89% .08 85));--tone-3-soft:var(--lightningcss-light,oklch(94.5% .045 160))var(--lightningcss-dark,oklch(31% .04 165));--tone-3-strong:var(--lightningcss-light,oklch(40% .1 165))var(--lightningcss-dark,oklch(87% .08 160));--tone-4-soft:var(--lightningcss-light,oklch(94.5% .035 230))var(--lightningcss-dark,oklch(32% .04 235));--tone-4-strong:var(--lightningcss-light,oklch(42% .11 235))var(--lightningcss-dark,oklch(87% .06 230));--tone-5-soft:var(--lightningcss-light,oklch(94.5% .04 300))var(--lightningcss-dark,oklch(33% .05 300));--tone-5-strong:var(--lightningcss-light,oklch(43% .14 300))var(--lightningcss-dark,oklch(88% .06 300));--tone-6-soft:var(--lightningcss-light,oklch(94% .04 330))var(--lightningcss-dark,oklch(33% .05 330));--tone-6-strong:var(--lightningcss-light,oklch(42% .14 335))var(--lightningcss-dark,oklch(88% .06 330));--tone-7-soft:var(--lightningcss-light,oklch(94.5% .035 190))var(--lightningcss-dark,oklch(31% .04 195));--tone-7-strong:var(--lightningcss-light,oklch(40% .1 195))var(--lightningcss-dark,oklch(87% .07 190));--gradient-hero:linear-gradient(115deg, var(--lightningcss-light,oklch(95% .04 355))var(--lightningcss-dark,oklch(28% .05 350)) 0%, var(--lightningcss-light,oklch(96% .045 75))var(--lightningcss-dark,oklch(27% .04 60)) 55%, var(--lightningcss-light,oklch(95% .04 300))var(--lightningcss-dark,oklch(28% .05 300)) 100%);--gradient-accent-line:linear-gradient(90deg, oklch(70% .15 5), oklch(78% .13 60), oklch(72% .12 300));--font-sans:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;--text-sm:clamp(.8rem, .75rem + .2vw, .875rem);--text-base:clamp(.95rem, .9rem + .25vw, 1.0625rem);--text-lg:clamp(1.1rem, 1rem + .5vw, 1.25rem);--text-xl:clamp(1.3rem, 1.15rem + .8vw, 1.625rem);--text-2xl:clamp(1.6rem, 1.35rem + 1.3vw, 2.25rem);--leading-tight:1.3;--leading-body:1.9;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius:10px;--radius-lg:18px;--radius-full:999px;--content-width:44rem;--wide-width:72rem;--transition-fast:.15s ease;--shadow-soft:0 6px 20px var(--lightningcss-light,oklch(55% .06 350/.14))var(--lightningcss-dark,oklch(5% .02 330/.5))}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}}@layer base{html{font-family:var(--font-sans);font-feature-settings:"palt";-webkit-font-smoothing:antialiased}body{background:var(--color-bg);color:var(--color-text);font-size:var(--text-base);line-height:var(--leading-body);overflow-wrap:anywhere;line-break:strict}h1,h2,h3,h4{line-height:var(--leading-tight);text-wrap:balance;font-weight:700}a{color:var(--color-accent);text-underline-offset:.2em}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}}@layer layout{.site-header{border-block-end:1px solid var(--color-border);background:var(--color-bg)}.site-header:before{content:"";background:var(--gradient-accent-line);block-size:4px;display:block}.nav{max-inline-size:var(--wide-width);padding:var(--space-3) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-6);flex-wrap:wrap;margin-inline:auto;display:flex}.site-title{font-size:var(--text-lg);letter-spacing:.08em;color:var(--color-text);font-weight:700;text-decoration:none}.site-title .site-title-dot{color:var(--color-accent)}.nav-links{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.nav-links a{min-block-size:44px;padding-inline:var(--space-2);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.nav-links a:hover{color:var(--color-accent);background:var(--color-accent-soft)}.nav-search{align-items:center;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);padding-inline:var(--space-3) var(--space-1);display:flex}.nav-search:focus-within{border-color:var(--color-accent)}.nav-search input{color:var(--color-text);font-size:var(--text-sm);background:0 0;border:0;min-block-size:40px;inline-size:9rem}.nav-search input:focus{outline:none}.nav-search input::placeholder{color:var(--color-muted)}.nav-search button{background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-full);font-size:var(--text-sm);padding:var(--space-1) var(--space-3);cursor:pointer;border:0;min-block-size:32px}.nav-search button:hover{background:var(--color-accent-hover)}main{min-block-size:60dvh}.site-footer{border-block-start:1px solid var(--color-border);background:var(--color-surface);margin-block-start:var(--space-16)}.footer-inner{max-inline-size:var(--wide-width);padding:var(--space-12) var(--space-6) var(--space-6);gap:var(--space-8) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin-inline:auto;display:grid}.footer-brand{gap:var(--space-2);align-content:start;display:grid}.footer-site-name{font-weight:700;font-size:var(--text-lg);color:var(--color-text);letter-spacing:.04em}.footer-tagline{color:var(--color-text-secondary);font-size:var(--text-sm)}.footer-col{gap:var(--space-1);align-content:start;display:grid}.footer-col-title{font-size:var(--text-sm);color:var(--color-text);margin-block-end:var(--space-2);font-weight:700}.footer-col a{min-block-size:36px;color:var(--color-text-secondary);font-size:var(--text-sm);align-items:center;text-decoration:none;display:inline-flex}.footer-col a:hover{color:var(--color-accent)}.footer-bottom{max-inline-size:var(--wide-width);padding:var(--space-4) var(--space-6) var(--space-8);border-block-start:1px solid var(--color-border);color:var(--color-muted);font-size:var(--text-sm);margin-inline:auto}}