:root{color-scheme:light;--bg: #f0e8df;--bg-top: #faf6f0;--panel: #fffcf8;--border: #e4d9cc;--text: #2c2620;--muted: #6f655c;--accent: #c45d3a;--accent-dim: #9a4528;--danger: #b83c3c;--ok: #2a7d52;--input-fill: #fffaf5;--code-bg: #f3ebe3;--shadow-sm: 0 1px 3px rgba(44, 38, 32, .06);--shadow-md: 0 10px 40px rgba(44, 38, 32, .08);--shadow-lg: 0 20px 50px rgba(44, 38, 32, .1);font-family:Noto Sans SC,DM Sans,system-ui,sans-serif;line-height:1.6;font-weight:400;background-color:var(--bg);color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg) 45%,#e8dfd4 100%);background-attachment:fixed}#root{min-height:100vh}button,input,select,textarea{font:inherit}a{color:var(--accent-dim)}a:hover{color:var(--accent)}code{font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:.88em;background:var(--code-bg);padding:.12em .45em;border-radius:6px;border:1px solid var(--border);color:var(--text)}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}button:disabled{cursor:not-allowed}.site-hero{background:linear-gradient(135deg,#fff9f4 0%,#fff3ea 45%,#f8ebe0 100%);border:1px solid var(--border);border-radius:20px;padding:36px 32px 32px;box-shadow:var(--shadow-md);margin-bottom:28px}.site-hero h1{margin:8px 0 0;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:800;letter-spacing:-.03em;line-height:1.2;color:var(--text)}.site-hero .tagline{margin:14px 0 0;font-size:1.05rem;color:var(--muted);max-width:36em;line-height:1.7}.site-hero .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.site-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent-dim);font-size:.8rem;font-weight:600;letter-spacing:.04em}.section-title{margin:0;font-size:1.05rem;font-weight:600}.tab-btn-active{border-color:var(--accent)!important;font-weight:600!important;color:var(--accent-dim)!important;background:color-mix(in srgb,var(--accent) 8%,var(--input-fill))!important}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}