@font-face{font-family:Little Kids Handwriting;src:url(/LittleKidsHandwriting-Regular.otf) format("opentype");font-weight:400;font-style:normal}:root{--bg-parchment: #FFFDF9;--color-pencil: #4A3E3D;--color-pencil-light: #706261;--color-margin-line: #F5B0B0;--color-grid-line: #EFE9DF;--accent-growth: #8FBC8F;--accent-growth-bg: #E8F8F5;--accent-letters: #85C1E9;--accent-letters-bg: #EBF5FB;--accent-milestone: #FADBD8;--accent-milestone-bg: #FDEDEC;--accent-audio: #FCF3CF;--accent-audio-bg: #FEF9E7;--font-handwritten: "Little Kids Handwriting", "Patrick Hand", "Schoolbell", cursive, sans-serif;--font-fancy: "Little Kids Handwriting", "Caveat", cursive, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-parchment);color:var(--color-pencil);font-family:var(--font-handwritten);font-size:1.15rem;line-height:1.5;min-height:100vh;overflow-x:hidden;position:relative}.notebook-container{min-height:100vh;width:100%;background-image:linear-gradient(var(--color-grid-line) 1px,transparent 1px);background-size:100% 1.8rem;padding:1.8rem 1.5rem;position:relative}.notebook-container:before{content:"";position:absolute;top:0;left:2.5rem;width:2px;height:100%;background-color:var(--color-margin-line);opacity:.7;z-index:0;pointer-events:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-parchment);border-left:2px solid var(--color-pencil)}::-webkit-scrollbar-thumb{background:var(--color-pencil-light);border-radius:4px}h1,h2,h3,h4,h5,h6{font-family:var(--font-fancy);font-weight:700;color:var(--color-pencil)}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-record{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes slide-up-hint{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-8px);opacity:1}}@keyframes slide-left-hint{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(-8px);opacity:1}}.wobble-hover:hover{animation:wobble .3s ease-in-out infinite alternate}.float-animation{animation:float 3s ease-in-out infinite}.pulse-record-dot{animation:pulse-record 1.2s ease-in-out infinite}.hint-up-arrow{animation:slide-up-hint 1.5s ease-in-out infinite}.hint-left-arrow{animation:slide-left-hint 1.5s ease-in-out infinite}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.form-label{font-family:var(--font-fancy);font-size:1.15rem;font-weight:700}.audio-player-container{display:flex;align-items:center;gap:1rem;width:100%}.camera-viewfinder{position:relative;width:100%;aspect-ratio:4/3;background-color:var(--color-grid-line);border-radius:6px;overflow:hidden;border:3px solid var(--color-pencil)}.camera-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.gestural-recorder-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:2.5rem 1.5rem;min-height:250px;width:100%;-webkit-user-select:none;user-select:none}.record-btn-trigger{width:100px;height:100px;border-radius:50%;border:3px solid var(--color-pencil);box-shadow:4px 4px 0 var(--color-pencil);background-color:var(--accent-milestone);display:flex;align-items:center;justify-content:center;cursor:grab;position:relative;z-index:10;transition:transform .15s,background-color .3s}.record-btn-trigger:active{cursor:grabbing;transform:scale(1.1);background-color:#f5b0b0}