:root{font-family:system-ui,sans-serif;color:#392f5a;background:#fff6df}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:1rem;justify-content:space-between;align-items:center;padding:.7rem 1rem;background:#ffcf56;flex-wrap:wrap}h1{margin:0}.settings,.tools{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}main{display:grid;grid-template-columns:160px minmax(0,1fr);gap:1rem;padding:1rem}nav{display:grid;gap:.5rem;align-content:start}button{border:2px solid #392f5a;border-radius:12px;padding:.65rem;background:#fff;color:#392f5a;font-weight:700;cursor:pointer}button[aria-current=true],button[aria-pressed=true]{background:#72ddf7}.page-started{display:block;margin-top:.2rem;font-size:.8rem;line-height:1.1;color:#392f5a}.studio{min-width:0}canvas{display:block;width:min(100%,900px);height:auto;background:#fff;border:4px solid #392f5a;border-radius:18px;touch-action:none;outline-offset:4px}canvas:focus{outline:5px solid #087e8b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.daily-info{display:flex;gap:.5rem;align-items:center;position:relative}.daily-panel{position:absolute;top:100%;right:0;background:#fff;border:2px solid #392f5a;border-radius:12px;padding:1rem;min-width:280px;box-shadow:0 4px 12px #00000026;z-index:100}.daily-panel.hidden{display:none}.daily-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem}.daily-streak{font-weight:700;color:#ef476f}.daily-target-text{margin-bottom:1rem}.daily-target-text strong{display:block;margin-bottom:.5rem;font-size:1.1rem}.daily-target-text p{margin:0;font-size:.9rem;color:#555}.daily-palette{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.palette-color{width:32px;height:32px;border-radius:50%;border:2px solid #392f5a;cursor:pointer;transition:transform .2s}.palette-color:hover{transform:scale(1.15)}.palette-hint{margin:0;font-size:.75rem;color:#666}#daily-complete{width:100%}.daily-start{font-size:.85rem;font-weight:600;color:#392f5a;background:#72ddf74d;padding:.3rem .6rem;border-radius:8px;white-space:nowrap}.daily-result{margin:.5rem 0 0;font-size:.85rem;color:#ef476f;font-weight:600}.happy-time{animation:happyPulse .5s ease-in-out 3}@keyframes happyPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media(max-width:700px){main{grid-template-columns:1fr;padding:.6rem}nav{grid-template-columns:repeat(3,1fr)}header{align-items:flex-start}.daily-panel{position:fixed;inset:auto 0 0;border-radius:12px 12px 0 0;max-width:100%}}@media(orientation:landscape)and (max-height:600px){main{grid-template-columns:140px 1fr}.studio p{margin:.3rem 0}canvas{max-height:72vh;width:auto;max-width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}