*{box-sizing:border-box;margin:0;padding:0}:root{--bg-color:#fff;--text-color:#000;--button-bg:#c9c9ff;--button-border:#99c;--link-color:#000}body{background-color:var(--bg-color);color:var(--text-color);font-family:Comic Sans MS,Comic Sans,cursive;font-size:14px;line-height:1.6}a{color:var(--link-color);text-decoration:underline}a:hover{text-decoration:none}.pg-button{background-color:var(--button-bg);border:1px solid var(--button-border);cursor:pointer;color:var(--text-color);padding:4px 12px;font-family:Georgia,Times New Roman,Times,serif;font-size:14px}.pg-button:hover{background-color:#b8b8f0}.pg-button-circle{background-color:var(--button-bg);border:2px solid var(--button-border);cursor:pointer;width:52px;height:52px;color:var(--text-color);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.pg-button-circle:hover{background-color:#b8b8f0}.pg-input{background:#fff;border:2px solid #999;border-radius:30% 70% 70% 30%/60% 40%;width:300px;max-width:65vw;height:52px;padding:12px 24px;font-family:Comic Sans MS,Comic Sans,cursive;font-size:18px}.pg-input:focus{border-color:var(--button-border);outline:none}@media (max-width:480px){.pg-input{width:220px;height:46px;padding:10px 18px;font-size:16px}.pg-button-circle{width:46px;height:46px}}