:root{--nb-ink:#4a3728;--nb-parchment:#faf8f4;--nb-card:#f7f3eb;--nb-accent-amber:#c97820;--nb-accent-green:#5a8a5a;--nb-accent-blue:#5a7a9a;--nb-accent-red:#b84233;--nb-accent-wine:#8a5a5a;--nb-tape:#c8a05047;--nb-tape-border:#c8a0501f}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.bg-grid-paper{background-color:var(--nb-parchment);background-image:repeating-linear-gradient(0deg,#0000,#0000 23px,#5a7a9a14 23px 24px),repeating-linear-gradient(90deg,#0000,#0000 23px,#5a7a9a14 23px 24px)}@keyframes doodleDrift1{0%,to{transform:translate(0)}50%{transform:translate(3px,-4px)}}@keyframes doodleDrift2{0%,to{transform:translate(0)}50%{transform:translate(-4px,3px)}}@keyframes doodleDrift3{0%,to{transform:translate(0)}25%{transform:translate(2px,-2px)}75%{transform:translate(-2px,3px)}}@keyframes doodleDrift4{0%,to{transform:translate(0)}50%{transform:translate(-3px,-3px)}}@keyframes doodleDrift5{0%,to{transform:translate(0)}33%{transform:translate(4px,1px)}66%{transform:translate(-1px,-3px)}}@keyframes doodleDrift6{0%,to{transform:translate(0)}50%{transform:translate(2px,4px)}}@keyframes cloudGlide1{0%{transform:translate(-15px)translateY(0)}25%{transform:translate(5px)translateY(-2px)}50%{transform:translate(25px)translateY(1px)}75%{transform:translate(5px)translateY(-1px)}to{transform:translate(-15px)translateY(0)}}@keyframes cloudGlide2{0%{transform:translate(12px)translateY(0)}25%{transform:translate(-3px)translateY(1px)}50%{transform:translate(-18px)translateY(-1px)}75%{transform:translate(-3px)translateY(2px)}to{transform:translate(12px)translateY(0)}}@keyframes birdLoop1{0%{opacity:0;transform:translate(-80px,4px)}5%{opacity:1}95%{opacity:1}to{opacity:0;transform:translate(80px,-4px)}}@keyframes birdLoop2{0%{opacity:0;transform:translate(60px,2px)}5%{opacity:1}95%{opacity:1}to{opacity:0;transform:translate(-60px,-6px)}}@keyframes sunGlow{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes sway{0%,to{transform:rotate(0)}25%{transform:rotate(2.5deg)}75%{transform:rotate(-2deg)}}@keyframes sway2{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2.5deg)}}@keyframes flicker1{0%,to{opacity:.6;transform:scaleY(1)scaleX(1)}20%{opacity:.7;transform:scaleY(1.15)scaleX(.9)}40%{opacity:.5;transform:scaleY(.85)scaleX(1.1)}60%{opacity:.65;transform:scaleY(1.1)scaleX(.95)}80%{opacity:.55;transform:scaleY(.9)scaleX(1.05)}}@keyframes flicker2{0%,to{opacity:.5;transform:scaleY(1)scaleX(1)}25%{opacity:.6;transform:scaleY(1.2)scaleX(.85)}50%{opacity:.4;transform:scaleY(.8)scaleX(1.15)}75%{opacity:.55;transform:scaleY(1.1)scaleX(.9)}}@keyframes smokeLoop{0%{opacity:.3;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-14px)scale(1.4)}}@keyframes heroCardIn{0%{opacity:0;transform:rotate(-1deg)translateY(20px)scale(.97)}to{opacity:1;transform:rotate(-1deg)translateY(0)scale(1)}}.hero-card-enter{animation:.8s cubic-bezier(.22,1,.36,1) forwards heroCardIn}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.6s cubic-bezier(.22,1,.36,1) .4s both fadeInUp}@media (prefers-reduced-motion:reduce){.hero-card-enter,.fade-in-up{animation:none}}.nb-content{margin-left:0;transition:margin-left .3s}@media (min-width:768px){.nb-content-open{margin-left:260px}}input[type=checkbox]{accent-color:var(--nb-accent-amber)}