:root{--font-serif:"Source Serif 4", Georgia, serif;--font-sans:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace;--color-bg:#f4f1ea;--color-frame:#fdfbf7;--color-surface:#fffdf9;--color-surface-soft:#faf7f1;--color-border:#e4ded3;--color-border-soft:#ede8df;--color-border-strong:#ded7cb;--color-text:#33302b;--color-text-muted:#6b6259;--color-text-faint:#8f8778;--color-primary:#4f7a69;--color-primary-border:#45705f;--color-primary-hover:#456c5c;--color-primary-soft-bg:#edf3f0;--color-primary-soft-border:#dde8e2;--color-primary-strong-text:#2f5a4b;--color-warn-bg:#f5f0e9;--color-warn-border:#e6ddd0;--color-warn-dot:#9c8874;--color-warn-text:#6b5c4d;--color-warn-text-soft:#8a7c6c;--radius-lg:16px;--radius-md:12px;--radius-sm:9px}:root[data-typeface=hyperlegible]{--font-sans:"Atkinson Hyperlegible", system-ui, sans-serif}:root[data-contrast=soft]{--color-text:#4a453e;--color-text-muted:#7a7166;--color-border:#ece7dc;--color-border-soft:#f1ede4;--color-border-strong:#e6e0d3}:root[data-contrast=high]{--color-bg:#fff;--color-frame:#fff;--color-surface:#fff;--color-surface-soft:#f7f5f0;--color-text:#000;--color-text-muted:#262218;--color-text-faint:#4a4436;--color-border:#8f8368;--color-border-soft:#a89d84;--color-border-strong:#4a4235}:root[data-calm=true]{filter:grayscale()}*{box-sizing:border-box}html,body{background:var(--color-bg);margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text)}#app{min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}textarea,button,input{font-family:inherit}button{font-family:var(--font-sans)}::selection{background:var(--color-primary-soft-bg)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.shell[data-v-95790312]{flex-direction:column;align-items:center;gap:14px;min-height:100vh;padding:18px 18px 48px;display:flex}.topbar[data-v-95790312]{align-items:center;width:100%;max-width:1240px;padding:0 4px;display:flex}.brand[data-v-95790312]{font-family:var(--font-serif);letter-spacing:-.01em;font-size:28px;font-weight:600}.frame[data-v-95790312]{background:var(--color-frame);border:1px solid var(--color-border-soft);border-radius:16px;width:100%;max-width:1240px;min-height:760px;display:flex;overflow:hidden;box-shadow:0 1px 2px #3a37330a}.nav[data-v-95790312]{border-right:1px solid var(--color-border-soft);background:var(--color-surface-soft);flex-direction:column;flex:0 0 236px;gap:4px;width:236px;padding:26px 16px;display:flex}.nav-item[data-v-95790312]{color:var(--color-text-muted);white-space:nowrap;border-radius:9px;flex-shrink:0;align-items:center;gap:10px;padding:10px 12px;font-size:14.5px;font-weight:400;display:flex}.nav-item--active[data-v-95790312]{background:var(--color-primary-soft-bg);color:var(--color-primary-strong-text);font-weight:600}.nav-dot[data-v-95790312]{background:var(--color-border-strong);border-radius:999px;flex:0 0 6px;width:6px;height:6px}.nav-item--active .nav-dot[data-v-95790312]{background:var(--color-primary)}.main[data-v-95790312]{flex:1;min-width:0;padding:32px 36px 40px}@media (width<=720px){.frame[data-v-95790312]{flex-direction:column;min-height:0}.nav[data-v-95790312]{border-right:none;border-bottom:1px solid var(--color-border-soft);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;flex:none;width:100%;padding:10px 12px;overflow-x:auto}.nav[data-v-95790312]::-webkit-scrollbar{display:none}.main[data-v-95790312]{padding:22px 18px 28px}}