@import "https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Caveat:wght@400;500;600;700&family=Shadows+Into+Light&display=swap";
.notebook-container{background:linear-gradient(#0000000d 0%,#0000 2px) 0 0/100% 100%,repeating-linear-gradient(#0000 0 24px,#e0e0e0 24px 25px) 0 0/100% 25px,#fefefe 0 0/100% 100%;padding:20px 15px 15px 45px;position:relative;box-shadow:0 0 0 1px #0000001a,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80}@media (min-width:640px){.notebook-container{padding:40px 20px 20px 60px}}.notebook-container:before{content:"";opacity:.3;background:#ef476f;width:2px;position:absolute;top:0;bottom:0;left:35px}@media (min-width:640px){.notebook-container:before{left:50px}}.notebook-container.dark{background:linear-gradient(#ffffff05 0%,#0000 2px),repeating-linear-gradient(#0000 0 24px,#2a2a2a 24px 25px),#1a1a1a;box-shadow:0 0 0 1px #ffffff1a,0 2px 4px #0000004d,inset 0 0 0 1px #ffffff0d}.notebook-container.dark:before{opacity:.2;background:#ef476f}.handwritten-title{color:#26547c;font-family:Caveat,cursive;font-size:2.5rem;font-weight:700;line-height:1.2;transform:rotate(-.5deg)}.dark .handwritten-title{color:#60a5fa}.handwritten-text{font-family:Kalam,cursive;font-weight:400;line-height:1.8;transform:rotate(.2deg)}.handwritten-label{font-family:Shadows Into Light,cursive;font-size:1.1rem;font-weight:400;transform:rotate(-.3deg)}.notebook-entry{background:#ffffffe6;border-left:3px solid #26547c;border-radius:4px;margin-bottom:10px;padding:12px 16px;position:relative;transform:rotate(.1deg);box-shadow:0 1px 3px #0000001a}@media (min-width:640px){.notebook-entry{border-left-width:4px;margin-bottom:12px;padding:16px 20px}}.dark .notebook-entry{background:#1e1e1ee6;border-left-color:#60a5fa}.notebook-entry:before{content:"";opacity:.3;background:linear-gradient(#0000,#ffd166,#0000);width:2px;position:absolute;top:0;bottom:0;left:-2px}.notebook-note{color:#333;background:#fffff0cc;border-left:3px solid #ffd166;border-radius:4px;margin-top:8px;padding:12px;font-family:Kalam,cursive;font-size:.95rem;line-height:1.6;position:relative;transform:rotate(-.2deg);box-shadow:0 1px 2px #0000000d}.dark .notebook-note{color:#e0e0e0;background:#28281ecc;border-left-color:#ffd166}.notebook-note:after{content:"✎";opacity:.2;font-size:1.2rem;position:absolute;bottom:4px;right:8px}.scribble-decoration{opacity:.1;pointer-events:none;position:absolute}.scribble-1{border:2px solid;border-radius:50%/60% 60% 40% 40%;width:60px;height:40px;top:10%;right:5%;transform:rotate(15deg)}.scribble-2{border:2px solid;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;width:40px;height:30px;bottom:15%;left:8%;transform:rotate(-20deg)}.sticker{color:#333;z-index:10;white-space:nowrap;background:#ffd166;border:1px dashed #0003;padding:3px 6px;font-family:Caveat,cursive;font-size:.75rem;font-weight:600;position:absolute;transform:rotate(-5deg);box-shadow:0 2px 4px #0003}@media (min-width:640px){.sticker{padding:4px 8px;font-size:.9rem}}.sticker:before{content:"";background:#ffd166;border-radius:2px;width:15px;height:3px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}@media (min-width:640px){.sticker:before{width:20px;height:4px}}.sticker.pink{color:#fff;background:#ef476f}.sticker.pink:before{background:#ef476f}.sticker.teal{color:#fff;background:#06d6a0}.sticker.teal:before{background:#06d6a0}.sticker.blue{color:#fff;background:#26547c}.sticker.blue:before{background:#26547c}.paper-clip{opacity:.3;border:3px solid #999;border-radius:0 0 50% 50%/0 0 100% 100%;width:20px;height:30px;position:absolute;top:-8px;right:20px;transform:rotate(45deg)}.stats-badge{color:#26547c;background:#fff;border:2px solid #26547c;border-radius:8px;padding:8px 16px;font-family:Caveat,cursive;font-size:1.3rem;font-weight:600;display:inline-block;position:relative;transform:rotate(-1deg);box-shadow:2px 2px #0000001a}.dark .stats-badge{color:#60a5fa;background:#1a1a1a;border-color:#60a5fa}.stats-badge:after{content:"";background:#ef476f;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 4px #ef476f80}.highlight{background:linear-gradient(120deg,#ffd166 0% 100%) 0 88%/100% .4em no-repeat;padding:0 2px}.dark .highlight{background:linear-gradient(120deg,#ffd1664d 0% 100%) 0 88%/100% .4em no-repeat}@media (max-width:640px){.notebook-container{padding-left:40px}.notebook-container:before{left:30px}.handwritten-title{font-size:1.75rem;line-height:1.3}.handwritten-text{font-size:.9rem;line-height:1.6}.handwritten-label{font-size:.95rem}.stats-badge{padding:6px 12px;font-size:1.1rem}.notebook-entry{padding:10px 12px}.notebook-note{padding:10px;font-size:.85rem}.sticker{padding:2px 5px;font-size:.7rem}.notebook-entry,.stats-badge,.sticker{-webkit-tap-highlight-color:#26547c1a}.notebook-container>*+*{margin-top:1rem}}.dart-hit{transition:all .3s;position:relative}.dart-hit:before{content:"";opacity:0;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);border-radius:50%;transition:opacity .3s;position:absolute;inset:-2px}.dart-hit:hover:before{opacity:1}.dart-hit.bullseye{animation:.5s ease-out dartHit}@keyframes dartHit{0%{opacity:0;transform:scale(.5)rotate(0)}50%{transform:scale(1.3)rotate(180deg)}to{opacity:1;transform:scale(1)rotate(360deg)}}.dart-board{background:radial-gradient(circle,#fefefe 0%,#f0f0f0 20%,#e0e0e0 40%,#d0d0d0 60%,silver 80%,#b0b0b0 100%);border-radius:50%;width:100%;height:100%;position:relative}.dart-board:before{content:"";opacity:.3;border:2px solid #26547c;border-radius:50%;position:absolute;inset:10%}.dart-board:after{content:"";opacity:.2;border:2px solid #ef476f;border-radius:50%;position:absolute;inset:20%}.score-card{background:linear-gradient(135deg,#ffffffe6 0%,#ffffffb3 100%);border:2px dashed #26547c;border-radius:8px;padding:8px 12px;transform:rotate(-1deg);box-shadow:2px 2px 4px #0000001a}.dark .score-card{background:linear-gradient(135deg,#1e1e1ee6 0%,#1e1e1eb3 100%);border-color:#60a5fa}.dart-trajectory{transform-origin:top;opacity:0;background:linear-gradient(#0000,#ef476f,#0000);width:2px;height:100px;animation:.5s ease-out dartFly;position:absolute}@keyframes dartFly{0%{opacity:1;transform:rotate(-45deg)scaleY(0)}to{opacity:0;transform:rotate(-45deg)scaleY(1)}}