:root{--color-bg: #faf9f7;--color-surface: #ffffff;--color-border: #e2ddd6;--color-text: #2a2622;--color-text-muted: #6f6a63;--color-accent: #7a4f3a;--color-accent-hover: #603c2c;--color-danger: #b3261e;--color-danger-bg: #fbeae9;--color-success: #2e6b3e;--color-success-bg: #eaf5ec;--radius: 8px;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-size:16px}h1,h2,h3{line-height:1.25;margin-block:0 var(--spacing-md)}h1{font-size:1.75rem}h2{font-size:1.25rem;margin-block-start:var(--spacing-lg)}p{margin-block:0 var(--spacing-sm);color:var(--color-text)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}strong{font-weight:600}header{background:var(--color-surface);border-block-end:1px solid var(--color-border)}header nav{display:flex;align-items:center;gap:var(--spacing-md);max-width:880px;margin-inline:auto;padding:var(--spacing-md) var(--spacing-lg);flex-wrap:wrap}header nav a:first-child{font-weight:700;font-size:1.1rem;color:var(--color-text);margin-inline-end:auto}main{max-width:720px;margin-inline:auto;padding:var(--spacing-lg)}section{padding-block:var(--spacing-lg)}form{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:480px}label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--color-text-muted)}input,select,textarea{font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.55rem .7rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px}textarea{resize:vertical;min-height:4.5rem}small{color:var(--color-text-muted);font-size:.8rem}select[multiple]{min-height:7rem}button{font:inherit;font-weight:600;color:#fff;background:var(--color-accent);border:none;border-radius:var(--radius);padding:.6rem 1.1rem;cursor:pointer;align-self:flex-start}button:hover:not(:disabled){background:var(--color-accent-hover)}button:disabled{background:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}div>button+button,form~button+button{background:transparent;color:var(--color-accent);border:1px solid var(--color-border)}div>button+button:hover:not(:disabled),form~button+button:hover:not(:disabled){background:var(--color-surface)}ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}ul ul{gap:.25rem;margin-block-start:.4rem}li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-md)}ul ul li{background:transparent;border:none;padding:0;color:var(--color-text-muted);font-size:.9rem}li button{margin-block-start:var(--spacing-sm)}li img{display:block;border-radius:var(--radius);object-fit:cover;margin-block-end:var(--spacing-sm)}p[role=alert]{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius);padding:var(--spacing-sm) var(--spacing-md)}p[role=status]{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success);border-radius:var(--radius);padding:var(--spacing-sm) var(--spacing-md);margin-block-start:var(--spacing-sm)}