:root{color-scheme:light;--color-bg-primary: #fafaf9;--color-bg-surface: #f5f5f4;--color-text-primary: #292524;--color-text-secondary: #57534e;--color-text-bright: #1c1714;--color-accent-primary: #57534e;--color-accent-focus: #44403c;--color-accent-subtle: rgba(87, 83, 78, .08);--color-border: #e7e5e4}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-bg-primary: #1c1917;--color-bg-surface: #292524;--color-text-primary: #e7e5e4;--color-text-secondary: #a8a29e;--color-text-bright: #fafaf9;--color-accent-primary: #a8a29e;--color-accent-focus: #78716c;--color-accent-subtle: rgba(168, 162, 158, .12);--color-border: #3f3f46}}:root{--bg: var(--color-bg-primary);--bg-surface: var(--color-bg-surface);--fg: var(--color-text-primary);--fg-bright: var(--color-text-bright);--dim: var(--color-text-secondary);--dim-deep: var(--color-text-secondary);--accent: var(--color-accent-primary);--accent-dim: var(--color-accent-subtle);--accent-subtle: var(--color-accent-subtle);--border: var(--color-border);--font-mono: "JetBrains Mono", "Consolas", "Monaco", monospace;--font-sans: "Noto Sans JP", sans-serif;--font-serif: "Noto Serif JP", serif;--font-size-base: 14px;--line-height: 1.6;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 3rem;--space-xl: 4rem;--max-width: 60ch;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--color-bg: #f5f0e8;--color-bg-alt: #ebe5d8;--color-surface: #faf7f0;--color-text: #2c2418;--color-text-muted: #6b5e4f;--color-accent: #8b4513;--color-accent-light: #c4956a;--color-ink: #1a1a2e;--color-sumi: #2d2d2d;--color-border: #d4c9b8}[data-theme=dark]{color-scheme:dark;--color-bg-primary: #1c1917;--color-bg-surface: #292524;--color-text-primary: #e7e5e4;--color-text-secondary: #a8a29e;--color-text-bright: #fafaf9;--color-accent-primary: #a8a29e;--color-accent-focus: #78716c;--color-accent-subtle: rgba(168, 162, 158, .12);--color-border: #3f3f46}[data-theme=light]{color-scheme:light;--color-bg-primary: #fafaf9;--color-bg-surface: #f5f5f4;--color-text-primary: #292524;--color-text-secondary: #57534e;--color-text-bright: #1c1714;--color-accent-primary: #57534e;--color-accent-focus: #44403c;--color-accent-subtle: rgba(87, 83, 78, .08);--color-border: #e7e5e4}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-mono);font-size:var(--font-size-base);line-height:var(--line-height);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}a:hover{border-bottom-color:var(--accent)}@keyframes breathe{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.page{height:100vh;overflow:hidden;display:flex;flex-direction:column;padding:var(--space-lg) var(--space-xl);position:relative}.page:before{content:"";position:fixed;top:40%;left:30%;width:600px;height:600px;background:radial-gradient(circle,rgba(232,196,124,.025) 0%,transparent 70%);animation:breathe 8s ease-in-out infinite;pointer-events:none;z-index:0}.page-body{flex:1;max-width:var(--max-width);position:relative;z-index:1;overflow-y:auto}.page-body::-webkit-scrollbar{width:4px}.page-body::-webkit-scrollbar-track{background:transparent}.page-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-sm)}kbd{display:inline-block;padding:0 4px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:inherit;font-size:inherit;margin:0 .3ch;background:var(--color-bg-surface)}@media(max-width:640px){.page{padding:1.5rem}}.nav-menu{list-style:none}.nav-item{display:flex;align-items:center;padding:.65rem 1rem;cursor:pointer;transition:all .15s ease;border-left:2px solid transparent;border-bottom:none;text-decoration:none;color:var(--fg)}.nav-item:hover,.nav-item.nav-active{background:var(--accent-dim);border-left-color:var(--accent);border-bottom-color:transparent}.nav-item.nav-active .nav-label,.nav-item.nav-active .nav-key{color:var(--accent)}.nav-key{width:2.5ch;color:var(--dim);font-weight:600;font-size:.85rem;margin-right:1.5ch}.nav-label{font-weight:500;letter-spacing:.06em;text-transform:lowercase;transition:color .15s;color:var(--fg)}.nav-desc,.nav-date{margin-left:auto;color:var(--dim);font-size:.8rem;font-weight:300}.nav-item.nav-disabled{opacity:.35;cursor:default}.nav-item.nav-disabled:hover,.nav-item.nav-disabled.nav-active{background:var(--accent-subtle);border-left-color:transparent}.nav-preview{color:var(--dim);font-size:.85rem;padding:1.5rem 0 0 calc(4ch + 1rem);line-height:1.7}@media(max-width:640px){.nav-desc,.nav-date{display:none}}.prompt-area{margin-top:auto;border-top:1px solid var(--border);padding-top:1rem;display:flex;align-items:center;gap:1ch;position:relative;z-index:1}.prompt-symbol{color:var(--accent);font-weight:700}.prompt-input{flex:1;background:transparent;border:none;outline:none;color:var(--fg);font-family:var(--font-mono);font-size:var(--font-size-base);caret-color:var(--accent)}.prompt-input::placeholder{color:var(--dim);opacity:.55}