@font-face{font-family:Caveat;font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/caveat-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/caveat-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/caveat-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/caveat-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Kalam;font-style:normal;font-weight:300;font-display:swap;src:url(/static/fonts/kalam-latin-300-normal.woff2)format("woff2")}@font-face{font-family:Kalam;font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/kalam-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Kalam;font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/kalam-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Reenie Beanie;font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/reenie-beanie-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Special Elite;font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/special-elite-latin-400-normal.woff2)format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/dm-mono-latin-400-normal.woff2)format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/dm-mono-latin-500-normal.woff2)format("woff2")}:root{--desk:#b7a992;--desk-dk:#a2937b;--page:#fbf7ea;--page-2:#f5efdd;--card:#fdfbf4;--rule:#60769442;--rule-marg:#c08a80;--pen:#23304a;--pen-lt:#3e4e6e;--pencil:#56534c;--pencil-lt:#837f75;--pencil-gh:#a9a498;--redpen:#a8402f;--green:#4f6b4a;--amber:#e8a838;--rule-h:29px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--pencil);background-color:var(--desk);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Kalam,cursive;overflow-x:hidden}.nb-surface{z-index:0;pointer-events:none;background-color:var(--page);background-image:repeating-linear-gradient(0deg, transparent 0 28px, var(--rule) 28px 29px), radial-gradient(ellipse at 24% 6%, #ffffff8c, transparent 56%), radial-gradient(circle at 88% 90%, #a8926c1a, transparent 44%);position:fixed;inset:0}.nb-surface.legal{background-color:#faf0c4;background-image:repeating-linear-gradient(0deg,#0000 0 28px,#566e964d 28px 29px),radial-gradient(at 30% 8%,#fffce28c,#0000 58%)}.nb-surface.manila{background-color:#e9d9b6;background-image:radial-gradient(at 28% 10%,#fffae86b,#0000 58%),radial-gradient(circle at 84% 88%,#8c744229,#0000 42%),radial-gradient(circle at 12% 76%,#8c74421a,#0000 34%),repeating-linear-gradient(92deg,#7e683c0b 0 2px,#0000 2px 7px),repeating-linear-gradient(4deg,#7e683c08 0 1px,#0000 1px 6px)}.nb-surface.graph{background-color:#f7f5ec;background-image:repeating-linear-gradient(0deg,#0000 0 18px,#687c9633 18px 19px),repeating-linear-gradient(90deg,#0000 0 18px,#687c9633 18px 19px),repeating-linear-gradient(0deg,#0000 0 94px,#687c964d 94px 96px),repeating-linear-gradient(90deg,#0000 0 94px,#687c964d 94px 96px)}.nb-margin{background:var(--rule-marg);opacity:.5;z-index:1;pointer-events:none;width:1.5px;position:fixed;top:0;bottom:0;left:clamp(26px,4.4vw,62px)}@media (width<=700px){.nb-margin{display:none}}.nb-grain{z-index:2;pointer-events:none;opacity:.3;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23g)' opacity='.4'/%3E%3C/svg%3E");position:fixed;inset:0}.nb-app{z-index:3;min-height:100%;position:relative}.nb-tape{z-index:20;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(1px 2px 2px #3428163d);position:absolute}.nb-torn{z-index:0;pointer-events:none;filter:url(#nbTear)drop-shadow(1px 2px 3px #34281633);position:absolute;inset:-3px}.nb-torn.t2{filter:url(#nbTear2)drop-shadow(1px 2px 3px #34281633)}.nb-torn.t3{filter:url(#nbTear3)drop-shadow(1px 3px 4px #34281638)}.nb-above{z-index:1;position:relative}.nb-boxed{position:relative}.nb-boxed>.nb-box{pointer-events:none;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px;overflow:visible}textarea,input,button,select{font-family:inherit}textarea.nb-lyrics{color:var(--pen);background-color:#0000;background-image:repeating-linear-gradient(0deg, transparent 0 28px, var(--rule) 28px 29px);resize:vertical;letter-spacing:.005em;background-attachment:local;border:none;outline:none;padding-top:0;font-size:23px;font-weight:500;line-height:29px;font-family:Caveat,cursive!important}textarea.nb-lyrics::placeholder{color:var(--pencil-gh);font-style:normal}input.nb-input{color:var(--pen);background:0 0;border:none;border-bottom:1.5px dashed #60769473;outline:none;font-family:Caveat,cursive;font-weight:600}input.nb-input:focus{border-bottom-color:var(--amber);border-bottom-style:solid}::selection{color:var(--pen);background:#e8a83873}*{scrollbar-width:thin;scrollbar-color:#56534c66 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#56534c52 padding-box content-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#56534c80 padding-box content-box}.nb-hatch{position:relative}.nb-hatch:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(58deg,#00000029 0 3px,#0000 3px 7px);position:absolute;inset:0}.nb-hl{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#e8a83800 0%,#e8a83833 9%,#e8a8388f 20%,#e8a83899 78%,#e8a8384d 92%,#e8a83800 100%);margin:0 -3px;padding:1px 5px}.nb-xout{color:var(--pencil-lt);position:relative}.nb-xout:after{content:"";background:var(--redpen);opacity:.88;border-radius:2px;height:2px;position:absolute;top:52%;left:-5px;right:-7px;transform:rotate(-1.5deg)}.nb-xout:before{content:"";background:var(--redpen);opacity:.45;border-radius:2px;height:1.5px;position:absolute;top:43%;left:-2px;right:-4px;transform:rotate(1.2deg)}.nb-sticky{background:0 0;position:relative}.nb-sticky:before{content:"";z-index:0;clip-path:polygon(0 0,100% 0,100% 84%,86% 100%,0 100%);background:linear-gradient(178deg,#ffffff57,#00000005),linear-gradient(160deg,#f6dea4,#efce84);position:absolute;inset:0;box-shadow:2px 3px #00000008,0 10px 20px #34281633}.nb-sticky>:not(.nb-tape){z-index:2;position:relative}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}