*,:after,:before{box-sizing:border-box}:root{--color-bg:#f7f4ef;--color-surface:#ffffff;--color-text:#1c1410;--color-text-muted:#5c534c;--color-accent:#6b4f3a;--color-border:#e8e0d7;--font-sans:var(--font-noto-sans-jp),system-ui,sans-serif}body{margin:0;font-family:var(--font-sans);line-height:1.65;color:var(--color-text);background:var(--color-bg)}.app-shell,body{min-height:100vh}.app-shell{display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.app-header__brand{font-weight:600;color:var(--color-text);text-decoration:none}.app-header__nav{display:flex;gap:1rem}.app-header__nav a{color:var(--color-text-muted);text-decoration:none;font-size:.875rem}.app-header__nav a:hover{color:var(--color-accent)}.app-main{flex:1 1;padding:2rem 1.5rem;max-width:960px;margin:0 auto;width:100%}.page-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.page-description{margin:0;color:var(--color-text-muted)}.placeholder-card{margin-top:1.5rem;padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}