:root{--color-bg:#f8f9f7;--color-bg-alt:#e6f0ec;--color-fg:#1f2d2a;--color-muted:#5d6b68;--color-focus:#a7d7b3;--color-break:#a7c7d7;--color-danger:#e6a7a7;--color-border:#cdd8d2;--color-card:#f6f4e7;--color-accent:#9bb7c9;--radius:14px;--shadow:0 4px 12px rgba(0,0,0,.08)}html.dark{--color-bg:#101413;--color-bg-alt:#1c2322;--color-fg:#e7ecea;--color-muted:#a2adaa;--color-focus:#7fb898;--color-break:#7fa8b8;--color-danger:#cc8c8c;--color-border:#2b3533;--color-card:#181e1d;--color-accent:#8ca4b3;--shadow:0 6px 20px rgba(0,0,0,.4)}body{color:var(--color-fg);font-size:16px}h1{font-size:2rem}h1,p{margin:0}button{align-items:center;background-color:transparent;border:none;cursor:pointer;display:inline-flex;justify-content:center;outline:none}main{padding:24px}.space{gap:16px}.flex,.space{display:flex}.jc-sb{justify-content:space-between}.ai-c{align-items:center}.flex-col{flex-direction:column}.bg-green{background-color:#e1e8d8}.fullWidth{width:100%}