:root{--color-background:#f3f0e9;--color-surface:#fff;--color-text-primary:#000;--color-text-secondary:#6b7280;--color-accent:#3d7a4a;--color-accent-subtle:#d8f3dc;--color-border:#000;--color-feedback-done:#3d7a4a;--color-feedback-later:#a05060;--color-accent-quote:#7a6a9a;--color-accent-fact:#5a7a8a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--radius-card:4px;--radius-ui:0px;--border-width-card:3px;--border-width-ui:2px;--font-size-caption:12px;--font-size-body:16px;--font-size-title:20px;--font-size-heading:28px;--font-size-display:40px;--font-weight-regular:400;--font-weight-bold:700;--font-weight-heavy:800;--font-weight-black:900;--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s}[data-theme=soft]{--color-background:#fafaf8;--color-text-primary:#1a1a1a;--color-accent:#2d6a4f;--color-border:#e5e7eb;--radius-card:8px;--radius-ui:8px;--border-width-card:1px;--border-width-ui:1px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-family-base:system-ui, sans-serif;--font-family-serif:Georgia, serif}html{font-size:16px}body{font-family:var(--font-family-base);background:var(--color-background);color:var(--color-text-primary);min-height:100vh;line-height:1.6}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.app{flex-direction:column;min-height:100vh;display:flex}.app-nav{background:var(--color-surface);border-bottom:var(--border-width-ui) solid var(--color-border);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 1.5rem;display:flex;position:sticky;top:0}.app-nav__logo{color:var(--color-text-primary);letter-spacing:-.01em;font-size:1rem;font-weight:800}.app-nav__links{align-items:center;gap:1.25rem;list-style:none;display:flex}.app-nav__links a{color:var(--color-text-secondary);font-size:.88rem;font-weight:600}.app-nav__links a:hover{color:var(--color-text-primary);text-decoration:none}.theme-toggle{border:var(--border-width-ui) solid var(--color-border);border-radius:var(--radius-ui);letter-spacing:.05em;color:var(--color-text-secondary);cursor:pointer;font-size:.75rem;font-weight:700;font-family:var(--font-family-base,system-ui, sans-serif);background:0 0;padding:.3rem .75rem;transition:color .15s,border-color .15s}.theme-toggle:hover{color:var(--color-text-primary);border-color:var(--color-text-primary)}.app-main{flex:1;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.placeholder{text-align:center;max-width:420px}.placeholder__badge{background:var(--color-accent-subtle);color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-ui);margin-bottom:1.5rem;padding:.3rem .85rem;font-size:.72rem;font-weight:800;display:inline-block}.placeholder__title{font-family:var(--font-family-serif,Georgia, serif);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.8rem,5vw,2.4rem);line-height:1.15}.placeholder__body{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1rem}.placeholder__link{background:var(--color-text-primary);color:#fff;border-radius:var(--radius-ui);border:var(--border-width-ui) solid var(--color-text-primary);letter-spacing:.04em;padding:.6rem 1.4rem;font-size:.88rem;font-weight:700;transition:opacity .15s;display:inline-block}.placeholder__link:hover{opacity:.82;text-decoration:none}.app-footer{text-align:center;color:var(--color-text-secondary);border-top:var(--border-width-ui) solid var(--color-border);padding:1.25rem 1.5rem;font-size:.78rem}