:root{--color-primary: oklch(.42 .09 165);--color-primary-hover: oklch(.36 .09 165);--color-primary-muted: oklch(.94 .025 165);--color-primary-subtle: oklch(.97 .012 165);--color-bg: oklch(.98 .008 85);--color-surface: oklch(.995 .005 85);--color-surface-raised: oklch(1 .003 85);--color-border: oklch(.9 .012 85);--color-border-strong: oklch(.82 .015 85);--color-text: oklch(.38 .02 85);--color-text-heading: oklch(.22 .025 85);--color-text-muted: oklch(.52 .015 85);--color-text-subtle: oklch(.62 .012 85);--color-success: oklch(.48 .12 145);--color-success-bg: oklch(.95 .03 145);--color-warning: oklch(.55 .14 65);--color-warning-bg: oklch(.96 .04 75);--color-danger: oklch(.52 .16 25);--color-danger-bg: oklch(.96 .03 25);--color-neutral: oklch(.55 .01 85);--color-neutral-bg: oklch(.94 .008 85);--font-sans: "Noto Sans SC", system-ui, sans-serif;--font-serif: "Noto Serif SC", Georgia, serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 2px oklch(.2 .02 85 / .06);--shadow-md: 0 4px 12px oklch(.2 .02 85 / .08);--shadow-lg: 0 8px 24px oklch(.2 .02 85 / .1);--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .15s;--duration-normal: .25s;--header-height: 56px;--content-max: 960px;--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:var(--font-sans);font-size:clamp(.9375rem,.9rem + .2vw,1rem);line-height:1.6;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100dvh}#app{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-serif);font-weight:600;color:var(--color-text-heading);line-height:1.3;margin:0}h2{font-size:clamp(1.375rem,1.2rem + .5vw,1.625rem);letter-spacing:-.01em}h3{font-size:1.0625rem}p{margin:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}.page{padding:var(--space-lg) var(--space-md);padding-bottom:calc(var(--space-xl) + var(--safe-bottom))}.page-header{margin-bottom:var(--space-lg)}.page-header p{margin-top:var(--space-sm);color:var(--color-text-muted);font-size:.9375rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.header[data-v-ba183824]{position:sticky;top:0;z-index:100;background:#fbf8f2eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header__inner[data-v-ba183824]{max-width:var(--content-max);margin:0 auto;height:var(--header-height);padding:0 var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.logo[data-v-ba183824]{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--color-text-heading)}.logo__mark[data-v-ba183824]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#f3fbf7;font-family:var(--font-serif);font-weight:600;font-size:1rem;border-radius:var(--radius-sm)}.logo__text[data-v-ba183824]{font-family:var(--font-serif);font-weight:600;font-size:1.0625rem;letter-spacing:-.02em}.menu-toggle[data-v-ba183824]{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm)}.menu-toggle__bar[data-v-ba183824],.menu-toggle__bar[data-v-ba183824]:before,.menu-toggle__bar[data-v-ba183824]:after{display:block;width:20px;height:2px;background:var(--color-text-heading);border-radius:1px;transition:transform var(--duration-normal) var(--ease-out)}.menu-toggle__bar[data-v-ba183824]{position:relative}.menu-toggle__bar[data-v-ba183824]:before,.menu-toggle__bar[data-v-ba183824]:after{content:"";position:absolute;left:0}.menu-toggle__bar[data-v-ba183824]:before{top:-6px}.menu-toggle__bar[data-v-ba183824]:after{top:6px}.menu-toggle__bar.open[data-v-ba183824]{background:transparent}.menu-toggle__bar.open[data-v-ba183824]:before{transform:translateY(6px) rotate(45deg)}.menu-toggle__bar.open[data-v-ba183824]:after{transform:translateY(-6px) rotate(-45deg)}.nav[data-v-ba183824]{display:flex;align-items:center;gap:var(--space-xs)}.nav__link[data-v-ba183824]{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.9375rem;font-weight:500;color:var(--color-text);text-decoration:none;border:none;background:transparent;min-height:36px;display:inline-flex;align-items:center;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.nav__link[data-v-ba183824]:hover{background:var(--color-neutral-bg);color:var(--color-text-heading)}.nav__link--active[data-v-ba183824]{background:var(--color-primary-muted);color:var(--color-primary-hover)}.nav__link--btn[data-v-ba183824]{cursor:pointer;font-family:inherit}.main[data-v-ba183824]{flex:1;max-width:var(--content-max);width:100%;margin:0 auto}@media(max-width:639px){.menu-toggle[data-v-ba183824]{display:flex}.nav[data-v-ba183824]{position:fixed;top:var(--header-height);left:0;right:0;flex-direction:column;align-items:stretch;padding:var(--space-md);gap:var(--space-xs);background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.nav--open[data-v-ba183824]{transform:translateY(0);opacity:1;pointer-events:auto}.nav__link[data-v-ba183824]{min-height:44px;padding:var(--space-md)}}