:root{--background: oklch(.974 .006 80);--foreground: oklch(.24 .012 60);--border-color: oklch(.88 .008 80);--accent: oklch(.585 .205 27);--muted: oklch(.955 .007 80);--card: oklch(.985 .004 80);--card2: oklch(.99 .003 95);--app-font-sans: "Spline Sans", system-ui, sans-serif;--app-font-serif: "Instrument Serif", Georgia, serif;--app-font-mono: "Spline Sans Mono", Menlo, monospace}@layer base{*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--app-font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.04;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}input,textarea,select,button{font-family:inherit}::selection{background:#db333038}}@keyframes inkdraw{0%,12%{stroke-dashoffset:38}45%,80%{stroke-dashoffset:0}96%,to{stroke-dashoffset:38}}@keyframes penCheck{0%{stroke-dashoffset:38}15%,86%{stroke-dashoffset:0}to{stroke-dashoffset:38}}@keyframes caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes risein{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes floaty{0%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-14px) rotate(var(--r,0deg))}to{transform:translateY(0) rotate(var(--r,0deg))}}@keyframes shimmer{0%{background-position:-180% 0}to{background-position:180% 0}}@keyframes pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes barslide{0%{transform:translate(-100%)}to{transform:translate(220%)}}@keyframes strike{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes scribble{to{stroke-dashoffset:24}}@keyframes annotIn{0%{opacity:0;transform:translate(-50%) translateY(8px) rotate(-4deg)}to{opacity:1;transform:translate(-50%) translateY(0) rotate(-4deg)}}@keyframes stampIn{0%{opacity:0;transform:scale(1.5) rotate(-14deg)}55%{opacity:1;transform:scale(.92) rotate(-7deg)}to{opacity:1;transform:scale(1) rotate(-8deg)}}@keyframes writeIn{0%{clip-path:inset(0 100% -30% 0)}to{clip-path:inset(0 -8% -30% 0)}}@keyframes scribbleU{0%{stroke-dashoffset:140}to{stroke-dashoffset:0}}@keyframes gradeMark{0%{stroke-dashoffset:66;opacity:0}13%{opacity:.32}48%,74%{stroke-dashoffset:0;opacity:.32}to{stroke-dashoffset:0;opacity:0}}@keyframes btnShine{0%{transform:translate(-160%) skew(-20deg)}55%,to{transform:translate(360%) skew(-20deg)}}@keyframes nib{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-4px) rotate(-13deg)}}.data-reveal{animation:risein .8s cubic-bezier(.2,.7,.2,1) both}.data-write{animation:writeIn .8s cubic-bezier(.5,.05,.25,1) both}@supports (animation-timeline: view()){.data-reveal{animation:risein linear both;animation-timeline:view();animation-range:entry 0% cover 22%}.data-write{animation:writeIn linear both;animation-timeline:view();animation-range:entry 2% cover 17%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.data-reveal{opacity:1;transform:none}}.shimmer-text{font-style:italic;background:linear-gradient(100deg,#db3330,#f87b5c 45%,#db3330 70%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3.5s linear infinite}.btn-shine:before{content:"";position:absolute;top:0;left:0;width:42%;height:100%;background:linear-gradient(100deg,transparent,oklch(1 0 0 / .4),transparent);animation:btnShine 4.8s ease-in-out infinite 1.5s}.caret-blink{display:inline-block;width:8px;height:17px;background:#241e1a;margin-left:1px;vertical-align:-3px;animation:caret 1s step-end infinite}.nib-anim{animation:nib 1.1s ease-in-out infinite}.stamp-anim{animation:stampIn .6s ease both 1.95s}.pop-anim{animation:pop .4s ease forwards 1.4s;opacity:0}.bar-slide{animation:barslide 1s linear infinite}.grade-mark-1 path{stroke-dasharray:66;animation:gradeMark 14s ease-in-out infinite 0s}.grade-mark-2 path{stroke-dasharray:66;animation:gradeMark 17s ease-in-out infinite 3.5s}.grade-mark-3 path{stroke-dasharray:66;animation:gradeMark 19s ease-in-out infinite 6s}.grade-mark-4 path{stroke-dasharray:66;animation:gradeMark 16s ease-in-out infinite 2.4s}.grade-mark-5 path{stroke-dasharray:66;animation:gradeMark 15s ease-in-out infinite 9s}.grade-mark-6 path{stroke-dasharray:66;animation:gradeMark 18s ease-in-out infinite 5s}.scribble-ellipse{stroke-dasharray:470;stroke-dashoffset:470;animation:scribble 1.1s cubic-bezier(.4,.1,.3,1) forwards .8s}.pen-check{stroke-dasharray:38;animation:penCheck 5s ease-in-out infinite}.nav-link{position:relative;color:#4d4641;transition:color .2s ease}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:2px;background:#db3330;transform:scaleX(0);transform-origin:left center;transition:transform .3s cubic-bezier(.4,.1,.3,1)}.nav-link:hover,.nav-link:focus-visible{color:#241e1a;outline:none}.nav-link:hover:after,.nav-link:focus-visible:after{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){.nav-link:hover:after{transform:scaleX(1);transition:none}}.scribble-u path{stroke-dasharray:140;animation:scribbleU .9s ease forwards .2s}
