:root{--gradient: linear-gradient(135deg,#ff6b6b 0%, #f8e71c 50%, #50e3c2 100%);--text:#fff;--panel-bg:rgba(0,0,0,.4);--accent:#00bcd4}html,body{height:100%;margin:0;font-family:Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--gradient)}#root{height:100%;display:flex;align-items:center;justify-content:center}button{background:var(--accent);border:none;color:#fff;padding:.7rem 1.2rem;margin:.3rem;border-radius:8px;font-size:1rem;cursor:pointer}button.secondary{background:#fff3}.panel{background:var(--panel-bg);padding:2rem;border-radius:12px;backdrop-filter:blur(8px);max-width:360px;width:90%;text-align:center}.option-group{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1rem 0}.option-btn{padding:.5rem .8rem;background:#fff3;border-radius:6px;cursor:pointer}.option-btn.active{background:var(--accent)}.grid{display:grid;gap:.4rem}