:root{--color-terracotta: #bf4646;--color-sand: #eddcc6;--color-cream: #fff4ea;--color-teal: #7eacb5;--bg-app: var(--color-cream);--card-bg: white;--text-main: #2c3e50;--accent: var(--color-terracotta);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:var(--bg-app);color:var(--text-main)}body{margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--color-cream) 0%,#f7ede2 100%);background-attachment:fixed;color:var(--text-main);font-family:Inter,system-ui,sans-serif;transition:background .3s ease}#root{width:100%;display:flex;justify-content:center}.app-div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;background-color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:4px solid var(--color-terracotta);box-shadow:6px 6px 0 var(--color-sand);border-radius:24px;color:var(--text-main);padding:40px;box-shadow:20px 20px 0 var(--color-sand)}h1{color:var(--color-terracotta);margin-bottom:2rem;font-size:2.5rem;text-shadow:2px 2px 0px var(--color-sand)}.fact-card{background:var(--card-bg);padding:2rem;border-radius:16px;border:4px solid var(--color-sand);box-shadow:8px 8px 0 var(--color-teal);max-width:500px;width:100%;text-align:center;transition:transform .2s ease}.fact-card:hover{transform:translateY(-5px)}.fact-text{font-size:1.2rem;line-height:1.6;background:var(--color-cream);color:var(--text-main);font-style:italic;border-left:8px solid var(--color-terracotta);padding:10px;text-align:left;border-radius:24px}button{background-color:var(--color-teal);color:#fff;border:none;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .3s;margin:10px 5px}button:hover{background-color:#6d99a1;transform:translateY(-2px);box-shadow:0 6px #5e8a91}button:active{transform:translateY(2px);box-shadow:0 6px #5e8a91}.copy-btn{background-color:var(--color-terracotta);padding:8px 16px;font-size:.9rem;margin-bottom:0;box-shadow:0 4px #8a3232}.copy-btn:hover{background-color:#a83a3a}.restart-btn{background-color:transparent;color:var(--text-main);border:2px solid var(--color-sand);box-shadow:none}.restart-btn:hover{background-color:var(--color-sand);color:var(--color-terracotta)}.logo{height:140px;width:auto;filter:drop-shadow(0 0 10px var(--color-sand));transition:transform .3s ease;opacity:.9}.logo:hover{transform:scale(1.1) rotate(5deg)}