@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Nunito:wght@400;600;800&family=JetBrains+Mono:wght@400;700&display=swap";:root{--ink-black:#1a1a1a;--paper-white:#faf9f6;--marker-blue:#4a90e2;--marker-red:#ff5a5f;--marker-yellow:#ffd166;--marker-green:#06d6a0;--bg-yellow:#fff8e1;--bg-blue:#e3f2fd;--bg-green:#e8f5e9;--bg-red:#ffebee;--bg-color:var(--paper-white);--text-primary:var(--ink-black);--text-secondary:#555;--border-thick:3px solid var(--ink-black);--shadow-solid:6px 6px 0px var(--ink-black);--shadow-hover:10px 10px 0px var(--ink-black)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;min-height:100vh;font-family:Nunito,sans-serif;overflow-x:hidden}.ambient-glow{pointer-events:none;z-index:-1;opacity:.8;background-image:radial-gradient(#d5d5d5 1.5px,#0000 1.5px);background-size:30px 30px;width:100vw;height:100vh;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6,.cartoon-font{letter-spacing:.02em;font-family:Caveat,cursive}.app-container{z-index:1;flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 2rem;display:flex;position:relative}.comic-box{border:var(--border-thick);box-shadow:var(--shadow-solid);background:#fff;border-radius:12px;padding:2rem;transition:all .2s cubic-bezier(.25,.8,.25,1)}.comic-box:hover{box-shadow:var(--shadow-hover);transform:translate(-4px,-4px)}.comic-box-yellow{border-color:var(--marker-yellow);box-shadow:6px 6px 0px var(--marker-yellow)}.comic-box-yellow:hover{box-shadow:10px 10px 0px var(--marker-yellow)}.comic-box-blue{border-color:var(--marker-blue);box-shadow:6px 6px 0px var(--marker-blue)}.comic-box-blue:hover{box-shadow:10px 10px 0px var(--marker-blue)}.comic-box-green{border-color:var(--marker-green);box-shadow:6px 6px 0px var(--marker-green)}.comic-box-green:hover{box-shadow:10px 10px 0px var(--marker-green)}.comic-box-red{border-color:var(--marker-red);box-shadow:6px 6px 0px var(--marker-red)}.comic-box-red:hover{box-shadow:10px 10px 0px var(--marker-red)}@keyframes flyAlongPath{0%{offset-distance:0%}to{offset-distance:100%}}.plane-follower{offset-path:path("M -200 400 Q 300 -100, 700 200 T 1400 600 T 200 1200 T 1000 1800");offset-rotate:auto;z-index:-1;pointer-events:none;animation:12s linear infinite flyAlongPath;position:absolute;top:0;left:0}.day-nav-btn:hover:not(:disabled){box-shadow:5px 5px 0px var(--ink-black)!important;transform:translate(-2px,-2px)!important}.day-nav-btn:active:not(:disabled){box-shadow:1px 1px 0px var(--ink-black)!important;transform:translate(2px,2px)!important}