:root{--cream-50: #faf8f2;--cream-100: #f7f5f0;--cream-200: #f0ede5;--cream-300: #e4e0d6;--cream-400: #c9c3b4;--ink-900: #141414;--ink-700: #3a3a3a;--ink-500: #5b5b5b;--ink-400: #8a8a8a;--ink-300: #b0b0b0;--indigo-600: #2e42d5;--indigo-700: #2436b8;--indigo-100: #ebeefa;--amber-600: #b45019;--amber-100: #fbebe2;--green-600: #2b7a46;--green-100: #e5efe8;--red-600: #c0392b;--red-100: #fbeae6;--white: #ffffff;--surface-page: var(--cream-100);--surface-card: var(--white);--surface-sunk: var(--cream-200);--border-subtle: var(--cream-300);--border-strong: var(--cream-400);--text-primary: var(--ink-900);--text-secondary: var(--ink-700);--text-muted: var(--ink-500);--text-subtle: var(--ink-400);--text-on-accent: var(--white);--accent: var(--indigo-600);--accent-hover: var(--indigo-700);--accent-soft: var(--indigo-100);--warn: var(--amber-600);--warn-soft: var(--amber-100);--success: var(--green-600);--success-soft: var(--green-100);--danger: var(--red-600);--danger-soft: var(--red-100);--self-color: #7c3aed;--self-color-soft: color-mix(in oklch, #7c3aed 15%, transparent);--focus-ring: 0 0 0 3px color-mix(in oklch, var(--accent) 35%, transparent);--hover-overlay: color-mix(in oklch, var(--text-primary) 4%, transparent);--active-overlay: color-mix(in oklch, var(--text-primary) 8%, transparent);--font-display: "Fraunces", "Noto Serif JP", ui-serif, Georgia, serif;--font-sans: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--text-xs: 12px;--text-sm: 13px;--text-md: 15px;--text-lg: clamp(16px, 1.8vw, 18px);--text-xl: clamp(18px, 2.4vw, 22px);--text-2xl: clamp(22px, 3.6vw, 28px);--text-3xl: clamp(26px, 5vw, 40px);--lh-tight: 1.15;--lh-snug: 1.35;--lh-body: 1.6;--tracking-jp: .02em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 0 rgba(20, 20, 20, .04);--shadow-md: 0 1px 2px rgba(20, 20, 20, .06), 0 2px 8px rgba(20, 20, 20, .04);--shadow-lg: 0 4px 24px rgba(20, 20, 20, .08);--border-width: 1px;--border-width-strong: 2px;--container-narrow: 640px;--container-form: 880px;--container-default: 1080px;--container-wide: 1200px;--container-pad: clamp(16px, 4vw, 32px);--dur-instant: 60ms;--dur-fast: .12s;--dur-med: .2s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.2, 0, 0, 1.4)}:root[data-theme=dark]{--surface-page: #0f0f10;--surface-card: #18181b;--surface-sunk: #202024;--border-subtle: #2a2a2e;--border-strong: #3e3e44;--text-primary: #f0ede5;--text-secondary: #c9c3b4;--text-muted: #a3a3a3;--text-subtle: #6e6e72;--accent: #7e8dff;--accent-hover: #93a0ff;--accent-soft: #1b1e3a}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--lh-body);letter-spacing:var(--tracking-jp);font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--accent-hover)}h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:var(--lh-tight);margin:0;letter-spacing:0}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p{margin:0;line-height:var(--lh-body)}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:var(--text-md);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:inherit}.focus-ring-fallback:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums;text-align:right}.display{font-family:var(--font-display);font-weight:500}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle);font-size:var(--text-xs)}.text-secondary{color:var(--text-secondary)}.eyebrow{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:500;margin-bottom:var(--space-1)}.app-head.svelte-12qhfyh{background:var(--surface-card);border-bottom:var(--border-width) solid var(--border-subtle);padding:var(--space-3) 0;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:saturate(1.1);backdrop-filter:saturate(1.1)}.bar.svelte-12qhfyh{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4)}.brand.svelte-12qhfyh{display:inline-flex;align-items:baseline;gap:var(--space-2);color:var(--text-primary);text-decoration:none}.brand.svelte-12qhfyh .mark:where(.svelte-12qhfyh){font-family:var(--font-display);font-weight:500;font-size:var(--text-xl)}.brand.svelte-12qhfyh .sub:where(.svelte-12qhfyh){font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.nav.svelte-12qhfyh{display:flex;gap:var(--space-1);overflow-x:auto;scrollbar-width:none}.nav.svelte-12qhfyh::-webkit-scrollbar{display:none}.nav-link.svelte-12qhfyh{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-sm);text-decoration:none;white-space:nowrap}.nav-link.svelte-12qhfyh:hover{background:var(--surface-sunk);color:var(--text-primary)}.nav-link.dev.svelte-12qhfyh{color:var(--warn)}.user.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.who.svelte-12qhfyh{color:var(--text-secondary)}.who.muted.svelte-12qhfyh{color:var(--text-muted)}.avatar.svelte-12qhfyh{width:32px;height:32px;border-radius:50%;background:var(--text-primary);color:var(--surface-page);display:grid;place-items:center;font-family:var(--font-display);font-weight:500;font-size:var(--text-xs)}.signout.svelte-12qhfyh{margin:0}.signout-btn.svelte-12qhfyh{background:transparent;border:var(--border-width) solid var(--border-subtle);color:var(--text-muted);width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;padding:0}.signout-btn.svelte-12qhfyh:hover{background:var(--surface-sunk);color:var(--text-primary)}.signout button{background:transparent;border:var(--border-width) solid var(--border-subtle);color:var(--text-muted);width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;padding:0}.signout button:hover{background:var(--surface-sunk);color:var(--text-primary)}main.svelte-12qhfyh{padding:var(--space-5) 0 var(--space-8);min-height:calc(100vh - 60px)}@media (max-width: 767px){.bar.svelte-12qhfyh{grid-template-columns:1fr auto;grid-template-areas:"brand user" "nav nav";row-gap:var(--space-2)}.brand.svelte-12qhfyh{grid-area:brand}.user.svelte-12qhfyh{grid-area:user}.nav.svelte-12qhfyh{grid-area:nav;margin-left:-8px;margin-right:-8px;padding:0 8px}.who.svelte-12qhfyh{display:none}}