:root{--bg-start:#b5c1dc;--bg-end:#e8ebf0;--container-bg:#dee3ef;--text-main:#000;--text-muted:#000;--button-bg:#e7f673;--button-hover:#ddf555;--button-text:#000001;--card-bg:#fdfefe;--border:#334155}body{color:#000;background:#fcfbf9;min-height:100vh;margin:0;font-family:Arial,sans-serif}#root{box-sizing:border-box;justify-content:center;align-items:flex-start;min-height:100vh;padding:30px;display:flex}.app-container{text-align:center;background:#ffe0b4;border-radius:20px;width:100%;max-width:800px;padding:30px;box-shadow:0 10px 30px #0006}header{margin-bottom:30px}header h1{color:#000204;margin-bottom:10px;font-size:2.2rem}nav{margin-top:10px}nav a{color:#000;margin:0 12px;font-size:1rem;font-weight:700;text-decoration:none}nav a:hover{text-decoration:underline}form{margin-top:30px}form label{color:#374151;margin-bottom:12px;font-size:1.1rem;display:block}form input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;width:100%;max-width:420px;padding:12px 14px;font-size:1rem}form button{margin-top:16px}h2{color:#111827;margin-bottom:25px}button{color:#000;cursor:pointer;background-color:#ced8fb;border:none;border-radius:12px;margin:10px;padding:14px 20px;font-size:1rem;transition:transform .2s,opacity .2s}button:hover{opacity:.92;transform:translateY(-2px)}.question-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.question-buttons button{min-width:180px}.result-card{margin-top:20px}.result-card p{color:#374151;font-size:1.1rem}.artwork{margin-top:25px}.artwork img{border-radius:16px;width:100%;max-width:320px;margin-top:12px;box-shadow:0 8px 20px #00000026}.artwork h3{color:#111827;margin-bottom:10px}.artwork p{color:#4b5563;margin:6px 0}.corner-gif{border-radius:16px;width:150px;position:fixed;top:30px;right:30px}