@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Patrick+Hand&family=Kalam:wght@300;400;700&family=Indie+Flower&family=Architects+Daughter&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.top-1\/2{top:50%}.right-full{right:100%}.-left-\[3px\]{left:-3px}.-left-\[35px\]{left:-35px}.left-1\/2{left:50%}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[55\]{z-index:55}.z-\[58\]{z-index:58}.z-\[60\]{z-index:60}.z-\[1000\]{z-index:1000}.container{width:100%}.mx-auto{margin-inline:auto}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-\[calc\(100vh-72px\)\]{height:calc(100vh - 72px)}.h-auto{height:auto}.h-full{height:100%}.min-h-\[60vh\]{min-height:60vh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-\[2px\]{width:2px}.w-\[6px\]{width:6px}.w-\[80\%\]{width:80%}.w-\[280px\]{width:280px}.w-full{width:100%}.max-w-\[85\%\]{max-width:85%}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-bottom-left{transform-origin:0 100%}.origin-right{transform-origin:100%}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-1{rotate:-1deg}.rotate-1{rotate:1deg}.rotate-2{rotate:2deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform-none{transform:none}.animate-\[dotBounce_1\.2s_ease-in-out_0\.2s_infinite\]{animation:1.2s ease-in-out .2s infinite dotBounce}.animate-\[dotBounce_1\.2s_ease-in-out_0\.4s_infinite\]{animation:1.2s ease-in-out .4s infinite dotBounce}.animate-\[dotBounce_1\.2s_ease-in-out_0s_infinite\]{animation:1.2s ease-in-out infinite dotBounce}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.bg-transparent{background-color:#0000}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.text-center{text-align:center}.text-\[10px\]{font-size:10px}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.decoration-wavy{text-decoration-style:wavy}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-\[3px_3px_0_var\(--color-ink\)\]{--tw-shadow:3px 3px 0 var(--tw-shadow-color,var(--color-ink));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:w-full:is(:where(.group):hover *){width:100%}.group-hover\:scale-125:is(:where(.group):hover *){--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-\[1\.02\]:is(:where(.group):hover *){scale:1.02}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:rotate-0:hover{rotate:none}.hover\:shadow-\[4px_4px_0_var\(--color-ink\)\]:hover{--tw-shadow:4px 4px 0 var(--tw-shadow-color,var(--color-ink));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:shadow-\[1px_1px_0_var\(--color-ink\)\]:focus{--tw-shadow:1px 1px 0 var(--tw-shadow-color,var(--color-ink));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:opacity-50:disabled{opacity:.5}:root{--color-paper:#f4e4c1;--color-paper-dark:#e2cfa0;--color-paper-light:#faf3e0;--color-paper-cream:#f9edd8;--color-paper-aged:#dfc89a;--color-ink:#2c1810;--color-ink-light:#5c4a3a;--color-ink-faint:#9e8878;--color-accent:#c8602a;--color-accent-hover:#a04a1e;--color-accent-red:#8b2e16;--color-accent-blue:#2a4a7c;--color-accent-blue-light:#4a6eac;--color-highlight:#f9e44a;--color-highlight-dim:#f3d830;--color-sticky-green:#c8e6a0;--color-sticky-blue:#b0d4f1;--color-sticky-pink:#f4b8c8;--color-tape:#c8b4828c;--color-tape-dark:#aa9460a6;--shadow-paper:2px 4px 10px #2c18101f;--shadow-lift:6px 12px 28px #2c181038;--shadow-stamp:inset 0 2px 6px #2c181040;--font-hand:"Caveat","Patrick Hand",cursive;--font-body:"Kalam","Indie Flower",cursive;--font-clean:"Architects Daughter","Patrick Hand",cursive;--font-mono:"JetBrains Mono",monospace;--font-sans:"Inter",sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-xl:20px;--duration-fast:.15s;--duration-base:.3s;--duration-slow:.6s;--duration-flip:.5s}@layer base{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);min-height:100vh;font-size:1rem;line-height:1.7;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-hand);color:var(--color-ink);line-height:1.2}h1{font-size:clamp(2.4rem,6vw,4rem)}h2{font-size:clamp(1.8rem,4vw,2.8rem)}h3{font-size:clamp(1.4rem,3vw,2rem)}h4{font-size:clamp(1.1rem,2.5vw,1.5rem)}p{font-family:var(--font-body);color:var(--color-ink-light)}a{color:var(--color-accent);transition:color var(--duration-fast)ease;text-decoration:none}a:hover{color:var(--color-accent-hover)}code,pre{font-family:var(--font-mono);background:var(--color-paper-dark);border-radius:var(--radius-sm)}::selection{background:var(--color-highlight);color:var(--color-ink)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes peelHover{0%{transform:rotate(0)skewY(0)}to{transform:rotate(-3deg)skewY(2deg)}}@keyframes cardLift{0%{box-shadow:var(--shadow-paper);transform:translateY(0)rotate(0)}to{box-shadow:var(--shadow-lift);transform:translateY(-8px)rotate(1deg)}}@keyframes stampPress{0%{filter:brightness();transform:scale(1)}40%{filter:brightness(.85);transform:scale(.91)}to{filter:brightness();transform:scale(1)}}@keyframes dotBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes drawLine{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}@keyframes barFill{0%{width:0%}to{width:var(--bar-width)}}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pageFlipOut{0%{opacity:1;transform:perspective(1200px)rotateY(0)}to{opacity:0;transform:perspective(1200px)rotateY(-90deg)}}@keyframes pageFlipIn{0%{opacity:0;transform:perspective(1200px)rotateY(90deg)}to{opacity:1;transform:perspective(1200px)rotateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes scribbleIn{0%{width:0}to{width:100%}}@layer components{.paper-texture{background-color:var(--color-paper);position:relative}.paper-texture:before{content:"";pointer-events:none;z-index:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");position:absolute;inset:0}.notebook-grid{background-image:linear-gradient(#2c181014 1px,#0000 1px),linear-gradient(90deg,#2c181014 1px,#0000 1px);background-size:28px 28px}.notebook-dots{background-image:radial-gradient(circle,#2c181026 1px,#0000 1px);background-size:24px 24px}.notebook-lines{background-image:repeating-linear-gradient(#0000,#0000 27px,#2c18101a 28px)}.notebook-margin:before{content:"";pointer-events:none;background:#b4281433;width:2px;position:absolute;top:0;bottom:0;left:56px}.paper-card{background-color:var(--color-paper-light);border-radius:var(--radius-md);box-shadow:var(--shadow-paper);transition:transform var(--duration-base)ease,box-shadow var(--duration-base)ease;border:1px solid #2c181026;position:relative;overflow:visible}.paper-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-8px)rotate(.8deg)}.sticky-note{background-color:var(--color-highlight);border-radius:2px var(--radius-sm)var(--radius-sm)var(--radius-sm);font-family:var(--font-hand);transition:transform var(--duration-base)ease,box-shadow var(--duration-base)ease;padding:1rem 1.25rem;position:relative;box-shadow:3px 4px 12px #2c18102e}.sticky-note:before{content:"";border-style:solid;border-width:0 20px 20px 0;border-color:transparent var(--color-paper-dark)transparent transparent;position:absolute;top:0;right:0}.sticky-note.green{background-color:var(--color-sticky-green)}.sticky-note.blue{background-color:var(--color-sticky-blue)}.sticky-note.pink{background-color:var(--color-sticky-pink)}.tape{background-color:var(--color-tape);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:2px;height:22px;display:inline-block;position:absolute}.stamp-btn{background-color:var(--color-accent);color:var(--color-paper-light);font-family:var(--font-hand);letter-spacing:.06em;text-transform:uppercase;border:3px solid var(--color-accent-red);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast)ease;box-shadow:3px 3px 0 var(--color-accent-red);align-items:center;gap:.5rem;padding:.65rem 1.6rem;font-size:1.1rem;font-weight:700;display:inline-flex;position:relative}.stamp-btn:hover{box-shadow:4px 4px 0 var(--color-accent-red);background-color:var(--color-accent-hover);transform:translate(-1px,-1px)}.stamp-btn:active{box-shadow:1px 1px 0 var(--color-accent-red);animation:.25s forwards stampPress;transform:translate(2px,2px)}.sketch-input{border:none;border-bottom:2px solid var(--color-ink-light);width:100%;font-family:var(--font-hand);color:var(--color-ink);transition:border-color var(--duration-fast)ease;background:0 0;outline:none;padding:.5rem .25rem;font-size:1.1rem}.sketch-input::placeholder{color:var(--color-ink-faint)}.sketch-input:focus{border-bottom-color:var(--color-accent)}.sketch-textarea{background-color:var(--color-paper-light);border:2px solid var(--color-ink-light);border-radius:var(--radius-sm);width:100%;font-family:var(--font-hand);color:var(--color-ink);resize:vertical;transition:border-color var(--duration-fast)ease,box-shadow var(--duration-fast)ease;background-image:repeating-linear-gradient(#0000,#0000 27px,#2c18101a 28px);outline:none;padding:.75rem;font-size:1.05rem;line-height:28px}.sketch-textarea:focus{border-color:var(--color-accent);box-shadow:0 2px 8px #c8602a26}.scribble-underline{display:inline-block;position:relative}.scribble-underline:after{content:"";background-color:var(--color-accent);border-radius:2px;width:100%;height:3px;animation:.6s forwards scribbleIn;position:absolute;bottom:-4px;left:0}.chat-bubble-user{background-color:var(--color-highlight);border-radius:var(--radius-lg)var(--radius-lg)var(--radius-sm)var(--radius-lg);font-family:var(--font-hand);color:var(--color-ink);max-width:80%;padding:.65rem 1rem;font-size:1rem;position:relative;box-shadow:2px 3px 8px #2c18101f}.chat-bubble-ai{background-color:var(--color-paper-light);border-radius:var(--radius-sm)var(--radius-lg)var(--radius-lg)var(--radius-lg);font-family:var(--font-hand);color:var(--color-ink);border:1px solid #2c181026;max-width:80%;padding:.65rem 1rem;font-size:1rem;box-shadow:2px 3px 8px #2c18101a}.sketch-badge{background-color:var(--color-paper-dark);border:1.5px solid var(--color-ink-light);font-family:var(--font-hand);color:var(--color-ink);transition:transform var(--duration-fast)ease;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .75rem;font-size:.85rem;display:inline-flex;transform:rotate(-1deg)}.sketch-badge:hover{transform:rotate(0)scale(1.06)}.sketch-badge.accent{background-color:var(--color-accent);color:var(--color-paper-light);border-color:var(--color-accent-red)}.sketch-badge.blue{background-color:var(--color-accent-blue);color:var(--color-paper-light);border-color:var(--color-accent-blue-light)}.sketch-badge.green{background-color:var(--color-sticky-green);border-color:#2c181040}.notebook-tab{font-family:var(--font-hand);color:var(--color-ink-light);border-radius:var(--radius-sm)var(--radius-sm)0 0;background-color:var(--color-paper-dark);cursor:pointer;transition:background-color var(--duration-fast)ease,color var(--duration-fast)ease,transform var(--duration-fast)ease;border:1.5px solid #2c181026;border-bottom:none;padding:.45rem 1.1rem;font-size:1.05rem;position:relative;top:2px}.notebook-tab:hover{background-color:var(--color-paper);color:var(--color-ink)}.notebook-tab.active{background-color:var(--color-paper);color:var(--color-accent);font-weight:700;top:0}.glass-paper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#f4e4c1d9;border-bottom:1.5px solid #2c181026;position:relative}.glass-paper:before{content:"";pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}.nav-item-underglow{background:radial-gradient(circle,var(--color-accent)0%,transparent 70%);opacity:.4;filter:blur(2px);height:4px;position:absolute;bottom:-2px;left:0;right:0}.section-heading{font-family:var(--font-hand);color:var(--color-ink);margin-bottom:1.5rem;font-size:2.2rem;display:inline-block;position:relative}.section-heading:before{content:"";background-color:var(--color-tape);border-radius:2px;height:10px;position:absolute;top:-8px;left:-12px;right:-12px;transform:rotate(-1deg)}.dotted-connector{border-left:2.5px dashed #2c181040;margin-left:12px;padding-left:24px}.progress-track{background-color:var(--color-paper-dark);border:1.5px solid #2c181033;border-radius:999px;height:14px;position:relative;overflow:hidden}.progress-fill{background-color:var(--color-accent);height:100%;width:var(--bar-width,0%);border-radius:999px;animation:1.2s cubic-bezier(.25,.46,.45,.94) forwards barFill;position:relative}.progress-fill:after{content:"";background:#ffffff40;border-radius:999px;position:absolute;inset:3px 4px}.chat-trigger{cursor:pointer;transition:transform var(--duration-fast)ease;animation:3s ease-in-out infinite floatBob}.chat-trigger:hover{animation:none;transform:scale(1.08)rotate(-2deg)}.page-wrapper{max-width:1100px;min-height:calc(100vh - 72px);margin:0 auto;padding:2rem 1.5rem;position:relative}.torn-top{position:relative}.torn-top:before{content:"";background-color:var(--color-paper-cream);clip-path:polygon(0% 100%,2% 20%,5% 80%,8% 10%,12% 70%,16% 25%,20% 85%,24% 30%,28% 90%,32% 15%,36% 75%,40% 35%,44% 95%,48% 20%,52% 80%,56% 10%,60% 65%,64% 30%,68% 85%,72% 20%,76% 70%,80% 15%,84% 80%,88% 25%,92% 90%,96% 35%,100% 70%,100% 100%);height:16px;position:absolute;top:-14px;left:0;right:0}}@layer utilities{.font-hand{font-family:var(--font-hand)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.font-clean{font-family:var(--font-clean)}.font-sans{font-family:var(--font-sans)}.text-ink{color:var(--color-ink)}.text-ink-light{color:var(--color-ink-light)}.text-ink-faint{color:var(--color-ink-faint)}.text-accent{color:var(--color-accent)}.text-accent-blue{color:var(--color-accent-blue)}.bg-paper{background-color:var(--color-paper)}.bg-paper-dark{background-color:var(--color-paper-dark)}.bg-paper-light{background-color:var(--color-paper-light)}.bg-highlight{background-color:var(--color-highlight)}.bg-accent{background-color:var(--color-accent)}.shadow-paper{box-shadow:var(--shadow-paper)}.shadow-lift{box-shadow:var(--shadow-lift)}.animate-fade-up{animation:.5s forwards fadeSlideUp}.animate-fade-in{animation:.4s forwards fadeIn}.animate-float{animation:3s ease-in-out infinite floatBob}.animate-blink{animation:1s step-end infinite blink}.animate-draw-line{animation:1.5s forwards drawLine}.animate-shake{animation:.4s shake}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-paper-dark)}::-webkit-scrollbar-thumb{background-color:var(--color-ink-faint);border:2px solid var(--color-paper-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-ink-light)}:focus-visible{outline:2.5px dashed var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}@media (max-width:768px){.page-wrapper{padding:1.25rem 1rem}.notebook-tab{padding:.35rem .75rem;font-size:.9rem}h1{font-size:2.2rem}h2{font-size:1.6rem}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}