@import"https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&display=swap";:root{--c-primary:#ff6b6b;--c-primary-dark:#e85d5d;--c-secondary:#4ecdc4;--c-accent-yellow:#ffd93d;--c-accent-blue:#6cb4ee;--c-accent-orange:#ffa07a;--c-accent-green:#95e86e;--c-accent-pink:#ff8fab;--c-accent-purple:#b388eb;--c-bg:#fff8f0;--c-bg-alt:#fff3e6;--c-surface:#fff;--c-text:#2d2d2d;--c-text-secondary:#6b6b6b;--c-text-muted:#9e9e9e;--c-border:#e0d5c8;--radius-sketchy:255px 15px 225px 15px/15px 225px 15px 255px;--radius-sketchy-alt:15px 225px 15px 255px/255px 15px 225px 15px;--radius-sketchy-sm:10px 80px 10px 80px/80px 10px 80px 10px;--radius-pill:50px;--shadow-sketchy:2px 3px 0 rgba(0,0,0,.12),-1px -1px 0 rgba(0,0,0,.05);--shadow-sketchy-hover:3px 4px 0 rgba(0,0,0,.15),-1px -1px 0 rgba(0,0,0,.08);--bounce-easing:cubic-bezier(.34,1.56,.64,1)}body{background-color:var(--c-bg);background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.03) 1px,transparent 0);background-size:32px 32px;color:var(--c-text);font-family:ZCOOL KuaiLe,Comic Sans MS,Chalkboard SE,cursive,sans-serif;-webkit-font-smoothing:antialiased}.sketchy-border{border:2px solid var(--c-border);border-radius:var(--radius-sketchy);box-shadow:var(--shadow-sketchy)}.sketchy-border-alt{border-radius:var(--radius-sketchy-alt)}.sketchy-border-sm{border-radius:var(--radius-sketchy-sm)}.sketchy-card{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-sketchy);box-shadow:var(--shadow-sketchy);padding:16px;transition:transform .2s var(--bounce-easing),box-shadow .2s ease}.sketchy-card:hover{box-shadow:var(--shadow-sketchy-hover);transform:translateY(-2px) rotate(-.3deg)}.sketchy-card--yellow{border-color:#f5d76e}.sketchy-card--blue{border-color:#a8d8ea}.sketchy-card--green{border-color:#b4e895}.sketchy-card--pink{border-color:#ffb6c1}.sketchy-card--orange{border-color:#ffd3a3}.sketchy-card--purple{border-color:#d4b8f0}.sketchy-btn{background:var(--c-primary);border:2px solid var(--c-primary);border-radius:var(--radius-sketchy-sm);box-shadow:var(--shadow-sketchy);color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;padding:8px 16px;transition:transform .15s var(--bounce-easing),box-shadow .15s ease}.sketchy-btn:hover{box-shadow:var(--shadow-sketchy-hover);transform:translateY(-1px) scale(1.02)}.sketchy-btn:active{box-shadow:0 0 0 transparent;transform:translateY(1px)}.sketchy-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.sketchy-btn--secondary{background:var(--c-secondary);border-color:var(--c-secondary)}.sketchy-btn--outline{background:transparent;border:2px solid var(--c-border);color:var(--c-text)}.sketchy-btn--small{font-size:.75rem;padding:4px 12px}.sketchy-btn--danger{background:transparent;border-color:#ff8a8a;color:#ff5252}.sketchy-btn--success{background:var(--c-accent-green);border-color:var(--c-accent-green);color:#333}.sketchy-input{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-sketchy-sm);color:var(--c-text);font-family:inherit;font-size:.875rem;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease}.sketchy-input:focus{border-color:var(--c-accent-blue);box-shadow:0 0 0 3px #6cb4ee33;outline:none}.sketchy-select{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-sketchy-sm);color:var(--c-text);cursor:pointer;font-family:inherit;font-size:.875rem;padding:8px 12px}.sketchy-select:focus{border-color:var(--c-accent-blue);outline:none}.sketchy-badge{border:1.5px solid transparent;border-radius:var(--radius-sketchy-sm);display:inline-block;font-size:.7rem;font-weight:700;padding:3px 10px}.sketchy-badge--green{background:#e8f8e0;border-color:#b4e895;color:#2e7d32}.sketchy-badge--yellow{background:#fff8e1;border-color:#f5d76e;color:#f9a825}.sketchy-badge--gray{background:#f5f0eb;border-color:#e0d5c8;color:var(--c-text-secondary)}.sketchy-badge--blue{background:#e3f2fd;border-color:#a8d8ea;color:#1976d2}.sketchy-badge--red{background:#fff0f0;border-color:#ffb6c1;color:#d32f2f}.sketchy-badge--orange{background:#fff3e0;border-color:#ffd3a3;color:#e65100}.stat-block{background:var(--c-bg);border:1.5px dashed var(--c-border);border-radius:var(--radius-sketchy-sm);padding:8px;text-align:center}.stat-block--blue{background:#e3f2fd;border-color:#a8d8ea}.stat-block--green{background:#e8f8e0;border-color:#b4e895}.stat-block--yellow{background:#fff8e1;border-color:#f5d76e}.stat-block--orange{background:#fff3e0;border-color:#ffd3a3}.stat-block__value{font-size:1.25rem;font-weight:700}.stat-block__label{color:var(--c-text-muted);font-size:.65rem}.doodle-nav{background:var(--c-surface);border-bottom:3px solid var(--c-accent-yellow);border-radius:0 0 var(--radius-sketchy) var(--radius-sketchy);box-shadow:0 3px #0000000f}.doodle-nav__tab{border:1.5px solid transparent;border-radius:var(--radius-sketchy-sm);color:var(--c-text-secondary);font-size:.8rem;padding:5px 12px;transition:all .2s var(--bounce-easing);white-space:nowrap}.doodle-nav__tab:hover{background:var(--c-bg);color:var(--c-text)}.doodle-nav__tab--active{background:var(--c-accent-yellow);border-color:#f5d76e;color:#333;transform:rotate(-1deg)}.empty-state{color:var(--c-text-muted);padding:48px 16px;text-align:center}.empty-state__icon{display:block;font-size:3rem;margin-bottom:12px;opacity:.4}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) rotate(-5deg)}50%{transform:scale(1.05) rotate(2deg)}70%{transform:scale(.9) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes doodleDraw{0%{stroke-dashoffset:200}to{stroke-dashoffset:0}}.animate-bounceIn{animation:bounceIn .6s var(--bounce-easing) both}.animate-wiggle{animation:wiggle .5s ease both}.animate-popIn{animation:popIn .3s var(--bounce-easing) both}.animate-float{animation:float 3s ease-in-out infinite}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.page-title{color:var(--c-text);display:inline-block;font-size:1.25rem;margin-bottom:16px;position:relative}.page-title:after{background:var(--c-accent-yellow);border-radius:4px;bottom:-4px;content:"";height:8px;left:-4px;position:absolute;right:-4px;transform:rotate(-.5deg);z-index:-1}.doodle-divider{background:repeating-linear-gradient(90deg,var(--c-accent-yellow) 0,var(--c-accent-yellow) 8px,transparent 8px,transparent 14px,var(--c-accent-blue) 14px,var(--c-accent-blue) 22px,transparent 22px,transparent 28px,var(--c-accent-pink) 28px,var(--c-accent-pink) 36px,transparent 36px,transparent 42px);border:none;border-radius:2px;height:3px;margin:20px 0}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.page-header__title{color:var(--c-text);font-size:1.25rem;position:relative}.page-header__title:after{background:var(--c-accent-yellow);border-radius:2px;bottom:-3px;content:"";height:4px;left:0;position:absolute;transform:rotate(-.3deg);width:100%}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2d2d2d59;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.modal-content{animation:bounceIn .4s var(--bounce-easing);background:var(--c-surface);border:2.5px solid var(--c-border);border-radius:var(--radius-sketchy);box-shadow:var(--shadow-sketchy),0 0 0 6px #0000000a;margin:16px;max-width:400px;padding:24px;width:100%}.modal-content__title{border-bottom:3px dashed var(--c-accent-yellow);font-size:1.1rem;margin-bottom:16px;padding-bottom:10px}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-form__actions{display:flex;gap:10px;margin-top:6px}.quick-add{background:var(--c-bg);border:1.5px dashed var(--c-border);border-radius:var(--radius-sketchy-sm);display:flex;gap:8px;padding:10px 12px}.quick-add--green{background:#f0faeb;border-color:#c8e6a0}.quick-add--blue{background:#ebf5fb;border-color:#a8d8ea}.login-container{align-items:center;background:var(--c-bg);background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.03) 1px,transparent 0);background-size:32px 32px;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-card{animation:bounceIn .6s var(--bounce-easing);background:var(--c-surface);border:3px solid var(--c-accent-yellow);border-radius:var(--radius-sketchy);box-shadow:var(--shadow-sketchy),0 0 0 6px #ffd93d26;max-width:360px;padding:32px;position:relative;width:100%}.login-card:before{animation:wiggle 2s ease-in-out infinite;color:var(--c-accent-yellow);content:"★";font-size:2rem;position:absolute;right:24px;top:-18px}.login-card:after{animation:float 3s ease-in-out infinite;bottom:-14px;color:var(--c-accent-pink);content:"✿";font-size:1.5rem;left:20px;position:absolute}.doodle-decoration{opacity:.15;pointer-events:none;position:absolute}.doodle-decoration--star{color:var(--c-accent-yellow);font-size:2rem}.doodle-decoration--heart{color:var(--c-accent-pink);font-size:1.5rem}.item-actions{align-items:center;display:flex;gap:6px}.form-error{background:#fff0f0;border:1.5px dashed #ffb6c1;border-radius:var(--radius-sketchy-sm);color:var(--c-primary);font-size:.8rem;padding:8px 12px}.form-label{color:var(--c-text-secondary);display:block;font-size:.8rem;font-weight:700;margin-bottom:4px}.form-field-group{display:flex;flex-direction:column;min-width:0}.form-field-group .sketchy-input,.form-field-group .sketchy-select{box-sizing:border-box;width:100%}.form-success{background:#e8f8e0;border:1.5px dashed #b4e895;border-radius:var(--radius-sketchy-sm);color:#2e7d32;font-size:.8rem;padding:8px 12px}.space-y>*+*{margin-top:12px}.progress-bar{background:#f5f0eb;border:1.5px solid var(--c-border);border-radius:6px;height:12px;overflow:hidden}.progress-bar__fill{animation:doodleDraw .8s ease both;background:linear-gradient(90deg,var(--c-accent-green),var(--c-accent-blue));border-radius:4px;height:100%;transition:width .5s var(--bounce-easing)}.course-name-group{align-items:center;display:flex;gap:4px}.course-name-group .sketchy-input,.course-name-group .sketchy-select{flex:1}.bar-chart{align-items:flex-end;display:flex;gap:12px;overflow-x:auto;padding:12px 4px}.bar-group{align-items:center;display:flex;flex:1;flex-direction:column;min-width:0}.bar-group--total{border-top:2px dashed var(--c-accent-green);padding-top:8px}.bar-group__labels{margin-bottom:6px;text-align:center}.bar-label{color:var(--c-text-secondary);font-size:.65rem;line-height:1.2}.bar-label--total{color:var(--c-text);font-weight:700}.bar-group__bars{gap:4px;height:100px}.bar-group__bars,.bar-track{align-items:flex-end;display:flex}.bar-track{background:#f5f0eb;border-radius:4px;height:100%;width:20px}.bar-fill{border-radius:4px;min-height:2px;transition:height .6s var(--bounce-easing);width:100%}.bar-fill--used{background:linear-gradient(to top,var(--c-accent-blue),#82c0e8)}.bar-fill--remaining{background:linear-gradient(to top,var(--c-accent-green),#b4e895)}.bar-group__values{align-items:center;display:flex;flex-direction:column;gap:4px;margin-top:6px}.bar-val{font-size:.7rem;font-weight:700}.bar-val--used{color:var(--c-accent-blue)}.bar-val--remain{color:var(--c-accent-green)}*,:after,:before{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.static{position:static}.-bottom-1\/2{bottom:-50%}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-10{z-index:10}.z-20{z-index:20}.grid{display:grid}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my{margin-bottom:1rem;margin-top:1rem}.-ml-1{margin-left:-.25rem}.-mr-1{margin-right:-.25rem}.mb-1{margin-bottom:.25rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ms{margin-inline-start:1rem}.mt,.mt-4{margin-top:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.h-1,.h1{height:.25rem}.h-1\/2{height:50%}.h-14{height:3.5rem}.h-3,.h3{height:.75rem}.h2{height:.5rem}.h4{height:1rem}.max-w-520px{max-width:520px}.max-w-lg{max-width:32rem}.min-h-screen{min-height:100vh}.w-3{width:.75rem}.w-full{width:100%}.wa{width:auto}.flex{display:flex}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.place-content-center{place-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.b,.border{border-width:1px}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.bg-\[\#FFF8F0\]{--un-bg-opacity:1;background-color:rgb(255 248 240/var(--un-bg-opacity))}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.dark .dark\:bg-black{--un-bg-opacity:1;background-color:rgb(0 0 0/var(--un-bg-opacity))}.hover\:bg-gray-100:hover{--un-bg-opacity:1;background-color:rgb(243 244 246/var(--un-bg-opacity))}.p\[i\]{padding:i}.p\[v\]{padding:v}.pa{padding:auto}.px,.px-4{padding-left:1rem;padding-right:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pb-2{padding-bottom:.5rem}.pl{padding-left:1rem}.ps{padding-inline-start:1rem}.pt{padding-top:1rem}.pt-3{padding-top:.75rem}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-8xl{font-size:6rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.dark .dark\:text-white{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}.text-black{--un-text-opacity:1;color:rgb(0 0 0/var(--un-text-opacity))}.text-blue-500{--un-text-opacity:1;color:rgb(59 130 246/var(--un-text-opacity))}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.leading-tight{line-height:1.25}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.opacity-30{opacity:.3}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color,rgba(0,0,0,.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color,rgba(0,0,0,.1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease,.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}@media(min-width:640px){.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-3{padding-bottom:.75rem;padding-top:.75rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}