:root{color-scheme:light;--color-bg: #f5f6f8;--color-surface: #ffffff;--color-text: #1c1c1e;--color-muted: #6b7280;--color-primary: #2f80ed;--color-error: #e5484d;--radius: 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}.page{max-width:480px;margin:0 auto;padding:16px 16px 32px;display:flex;flex-direction:column;gap:16px}.page__header h1{margin:0 0 4px;font-size:22px}.page__subtitle{margin:0;color:var(--color-muted);font-size:14px}.card{background:var(--color-surface);border-radius:var(--radius);padding:16px;box-shadow:0 1px 2px #0000000f}.card h2{margin:0 0 8px;font-size:16px}.card__error{color:var(--color-error)}.category-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.category-list__item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius);background:var(--color-bg);font-size:14px}.button{border:none;border-radius:var(--radius);padding:14px 16px;font-size:16px;font-weight:600;cursor:pointer}.button--primary{background:var(--color-primary);color:#fff}.button:disabled{opacity:.5;cursor:not-allowed}