@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Patrick+Hand&display=swap";:root{--notebook-blue:#2563eb;--notebook-blue-light:#60a5fa;--notebook-blue-dark:#1e40af;--notebook-pink:#ec4899;--notebook-pink-light:#f472b6;--notebook-red:#ef4444;--notebook-yellow:#fbbf24;--notebook-yellow-light:#fcd34d;--notebook-amber:#f59e0b;--notebook-green:#22c55e;--notebook-green-light:#4ade80;--notebook-paper:#fffef9;--notebook-grid:#e0e7ff;--notebook-margin:#fecaca;--paper-texture:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40 L100 40' stroke='%23e0e7ff' stroke-width='0.5'/%3E%3Cpath d='M0 80 L100 80' stroke='%23e0e7ff' stroke-width='0.5'/%3E%3Cpath d='M40 0 L40 100' stroke='%23e0e7ff' stroke-width='0.5'/%3E%3Cpath d='M80 0 L80 100' stroke='%23e0e7ff' stroke-width='0.5'/%3E%3C/svg%3E")}.notebook-bg{background-color:var(--notebook-paper);background-image:none}.notebook-bg-simple{background-color:var(--notebook-paper);background-image:var(--paper-texture);background-size:20px 20px}.handwritten{font-family:Caveat,cursive;font-weight:600}.handwritten-casual{font-family:Patrick Hand,cursive}.sticker{background:var(--notebook-yellow);border-radius:2px;transition:transform .2s;transform:rotate(-2deg);box-shadow:0 1px 3px #0000001a,0 4px 8px #0000001a}.sticker:hover{transform:rotate(0)scale(1.02)}.sticker-pink{background:var(--notebook-pink-light);transform:rotate(2deg)}.sticker-blue{background:var(--notebook-blue-light);transform:rotate(-1deg)}.habit-card-notebook{border:2px solid var(--notebook-blue-light);background:#fff;border-radius:8px;padding:12px 16px;transition:all .2s;position:relative;box-shadow:0 2px 4px #0000001a}.habit-card-notebook:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.habit-card-notebook.completed{opacity:.8;border-color:var(--notebook-green)}.btn-notebook{background:var(--notebook-blue);color:#fff;border:none;border-radius:4px;padding:10px 20px;font-family:Patrick Hand,cursive;font-size:16px;transition:all .2s;box-shadow:0 2px 4px #0003}.btn-notebook:hover{background:var(--notebook-blue-dark);transform:translateY(-1px);box-shadow:0 3px 6px #00000040}.btn-notebook-primary{background:var(--notebook-pink)}.btn-notebook-primary:hover{background:#db2777}.btn-notebook-accent{background:var(--notebook-yellow);color:#78350f}.btn-notebook-accent:hover{background:var(--notebook-amber)}.hand-drawn-icon{stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.progress-notebook{background:repeating-linear-gradient(90deg, var(--notebook-grid) 0px, var(--notebook-grid) 18px, transparent 18px, transparent 20px);border:2px solid var(--notebook-blue-light);border-radius:4px;height:12px;overflow:hidden}.progress-notebook-fill{background:linear-gradient(90deg, var(--notebook-blue) 0%, var(--notebook-blue-light) 100%);height:100%;transition:width .3s}@keyframes doodle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.doodle-animate{animation:2s ease-in-out infinite doodle}@keyframes marker{0%{background-position:-100% 0}to{background-position:200% 0}}.marker-highlight{background:linear-gradient(90deg, transparent 0%, var(--notebook-yellow) 50%, transparent 100%);background-size:200% 100%;animation:1.5s ease-in-out infinite marker}.notebook-corner{position:relative}.notebook-corner:after{content:"";border-style:solid;border-width:0 0 20px 20px;border-color:transparent transparent var(--notebook-pink-light) transparent;border-radius:0 0 4px;width:0;height:0;position:absolute;bottom:0;right:0}.notebook-margin{border-left:3px solid var(--notebook-margin);padding-left:16px}