@import"https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap";:root{--bg-color: #efebe9;--brown: #6d4c41;--deep-brown: #3e2723;--accent: #d84315}body{margin:0;font-family:Kalam,cursive;background-color:var(--bg-color);color:var(--deep-brown)}.app{text-align:center;padding:2rem}.title{font-size:2.5rem;font-weight:700;color:var(--deep-brown);margin-bottom:1rem}.subtitle{font-size:1.2rem;font-weight:300;margin-bottom:1rem}.canvas-container{margin:0 auto;border:2px solid var(--brown);width:fit-content;background-color:#fff8f0;border-radius:8px}.drawing-canvas,.summary-canvas{cursor:crosshair;border-radius:4px}.summary{margin-top:2rem}.summary-title{font-size:1.8rem;font-weight:600;margin-bottom:1rem}.score-breakdown{margin-top:1rem;font-size:1.1rem;font-weight:300}.score-line{margin:.3rem 0}.best-score{color:var(--accent);font-weight:600}.buttons{margin-top:1.5rem;display:flex;justify-content:center;gap:1rem}button{padding:.6rem 1.2rem;border:none;border-radius:8px;font-family:Kalam,cursive;font-size:1rem;cursor:pointer;transition:background-color .2s ease-in-out}.share-button{background-color:var(--accent);color:#fff}.share-button:hover{background-color:#bf360c}.reset-button{background-color:var(--brown);color:#fff}.reset-button:hover{background-color:#4e342e}