:root{--bg:#f7f5f1;--ink:#111;--muted:#666;--line:#111;--art:#33eda2;--architecture:#ff667a;--magazine:#0ff;--museum:#7c37ff;--events:#ffec00;--about:#c1df21;--font:"DM Sans", "Noto Sans SC", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:radial-gradient(ellipse 80% 50% at 10% 0%, #33eda21f, transparent 50%), radial-gradient(ellipse 60% 40% at 90% 10%, #ff667a1a, transparent 45%), var(--bg)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.btn{border:2px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;transition:transform .2s,background .2s,color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{background:var(--ink);color:#fff}.field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.field label{font-size:.85rem;font-weight:600}.field input,.field textarea,.field select{background:0 0;border:none;border-bottom:1px solid #000;outline:none;padding:.5rem 0}.rich-html img{margin:1rem 0}.rich-html iframe{max-width:100%}