*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:host,html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}progress{vertical-align:initial}.from-pink-400{--tw-gradient-from:#f472b6 var(--tw-gradient-from-position);--tw-gradient-to:#f472b600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-50{--tw-gradient-from:#fdf2f8 var(--tw-gradient-from-position);--tw-gradient-to:#fdf2f800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:#ec489900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-ponpon-pink-light{--tw-gradient-from:#f9a8d4 var(--tw-gradient-from-position);--tw-gradient-to:#f9a8d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.text-transparent{color:#0000}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.hover\:from-pink-600:hover{--tw-gradient-from:#db2777 var(--tw-gradient-from-position);--tw-gradient-to:#db277700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#fdf2f8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(253,242,248,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#faf5ff var(--tw-gradient-to-position);font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.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}}.btn{border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(244 114 182/var(--tw-ring-opacity,1));--tw-ring-opacity:.6;--tw-ring-offset-width:2px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn{-webkit-tap-highlight-color:rgba(255,107,157,.3)}.btn-primary{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background:linear-gradient(145deg,#ff6b9d,#c44ea0);box-shadow:0 4px 16px #ff6b9d4d,inset 0 1px #fff3}.btn-primary,.btn-primary:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-primary:hover{--tw-translate-y:-.25rem;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-primary{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{background:linear-gradient(145deg,#ff5a8a,#b8458f);box-shadow:0 6px 20px #ff6b9d66,inset 0 1px #ffffff4d}.btn-secondary{border-width:2px;--tw-border-opacity:1;border-color:rgb(249 168 212/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity,1))}.btn-secondary:hover{--tw-border-opacity:1;border-color:rgb(244 114 182/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity,1))}.btn-sm{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}.btn-nav{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.btn-nav,.btn-nav:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-nav:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.btn-nav{background:var(--paper-card);color:var(--ink);border-color:var(--frame)}.btn-nav:hover{background:#efe6d3;border-color:var(--ink-sub)}.btn-toggle{border-width:1px;background:transparent;color:var(--ink-sub);border-color:var(--frame)}.btn-toggle:hover{background:#efe6d3}.btn-toggle.active{border-color:transparent;background:var(--shu);color:#fff}.btn-today{border-width:1px;background:var(--paper-card);color:var(--ink);border-color:var(--frame)}.btn-today:hover{background:#efe6d3}.card{border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.5rem;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 2px 8px #0000000d,inset 0 1px #fffc;border:1px solid rgba(0,0,0,.05)}.touch-target{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.touch-target:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.touch-target{-webkit-tap-highlight-color:rgba(255,107,157,.2)}@media(hover:none)and (pointer:coarse){.btn,.touch-target{min-height:48px}.card:hover{transform:none}}@media(hover:hover)and (pointer:fine){.btn:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.right-1{right:.25rem}.top-1{top:.25rem}.z-20{z-index:20}.z-50{z-index:50}.-m-px{margin:-1px}.mx-4{margin-left:1rem;margin-right:1rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.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-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.max-h-32{max-height:8rem}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-ponpon{border-radius:16px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-pink-500{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-pink-50{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity,1))}.bg-pink-500{--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:.5}.bg-opacity-90{--tw-bg-opacity:.9}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-pink-400{--tw-gradient-from:#f472b6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(244,114,182,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-50{--tw-gradient-from:#fdf2f8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(253,242,248,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:rgba(236,72,153,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-ponpon-pink-light{--tw-gradient-from:#f9a8d4 var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,168,212,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-ponpon-purple-light,.to-purple-400{--tw-gradient-to:#c084fc var(--tw-gradient-to-position)}.to-purple-50{--tw-gradient-to:#faf5ff var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to:#a855f7 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pt-3{padding-top:.75rem}.pt-6{padding-top:1.5rem}.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-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.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}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.625}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-pink-500{--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity,1))}.text-pink-700{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-pink-200{--tw-ring-opacity:1;--tw-ring-color:rgb(251 207 232/var(--tw-ring-opacity,1))}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{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);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-105:hover,.hover\:scale-110:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:border-pink-200:hover{--tw-border-opacity:1;border-color:rgb(251 207 232/var(--tw-border-opacity,1))}.hover\:border-pink-300:hover{--tw-border-opacity:1;border-color:rgb(249 168 212/var(--tw-border-opacity,1))}.hover\:border-pink-400:hover{--tw-border-opacity:1;border-color:rgb(244 114 182/var(--tw-border-opacity,1))}.hover\:border-red-300:hover{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-opacity-100:hover{--tw-bg-opacity:1}.hover\:from-pink-600:hover{--tw-gradient-from:#db2777 var(--tw-gradient-from-position);--tw-gradient-to:rgba(219,39,119,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-purple-600:hover{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\:text-pink-600:hover{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-md:hover,.hover\:shadow-sm:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-pink-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(236 72 153/var(--tw-ring-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:640px){.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}:root{--color-primary:#ec4899;--color-primary-rgb:236,72,153;--color-primary-light:#f472b6;--color-primary-dark:#be185d;--color-secondary:#fdf2f8;--color-secondary-light:#fce7f3;--color-accent:#fb7185;--background-gradient:linear-gradient(135deg,#fdf2f8,#fce7f3);--color-card-background:hsla(0,0%,100%,.9);--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-success-light:#34d399;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-error:#ef4444;--color-error-light:#f87171;--color-info:#3b82f6;--color-info-light:#60a5fa;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-base:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--border-radius-sm:.375rem;--border-radius-base:.5rem;--border-radius-md:.75rem;--border-radius-lg:1rem;--border-radius-xl:1.5rem;--border-radius-2xl:2rem;--border-radius-full:9999px;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-base:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--pattern-density:1;--pattern-opacity:.25}body{min-height:100vh;margin:0;padding:0}.theme-bg,body{background:var(--background-gradient)}.theme-primary{color:var(--color-primary)}.theme-primary-bg{background-color:var(--color-primary);color:var(--color-white)}.theme-secondary{color:var(--color-secondary)}.theme-secondary-bg{background-color:var(--color-secondary)}.theme-accent{color:var(--color-accent)}.theme-accent-bg{background-color:var(--color-accent);color:var(--color-white)}.theme-text-primary{color:var(--color-text-primary)}.theme-text-secondary{color:var(--color-text-secondary)}.card{background:var(--color-card-background);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-base);border:1px solid rgba(0,0,0,.05);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.input{border:1px solid var(--color-gray-300);border-radius:var(--border-radius-base);padding:.75rem 1rem;font-size:1rem;transition:all var(--transition-base);background:var(--color-white)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-8px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease}.animate-slide-in{animation:slideIn var(--transition-slow) ease}.animate-bounce{animation:bounce 1s ease infinite}@media(max-width:640px){:root{--spacing-base:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem}}.tasks-page{margin-left:auto;margin-right:auto;max-width:72rem;padding:1.5rem;background:transparent;min-height:100vh}body.bg-bubbles .header-content,body.bg-bubbles .page-header,body.bg-bubbles .tasks-page,body.bg-chevron .header-content,body.bg-chevron .page-header,body.bg-chevron .tasks-page,body.bg-confetti .header-content,body.bg-confetti .page-header,body.bg-confetti .tasks-page,body.bg-hearts .header-content,body.bg-hearts .page-header,body.bg-hearts .tasks-page,body.bg-polka-dots .header-content,body.bg-polka-dots .page-header,body.bg-polka-dots .tasks-page,body.bg-stars .header-content,body.bg-stars .page-header,body.bg-stars .tasks-page,body.bg-stripes .header-content,body.bg-stripes .page-header,body.bg-stripes .tasks-page,body.bg-zigzag .header-content,body.bg-zigzag .page-header,body.bg-zigzag .tasks-page{background:transparent!important}.tasks-page.bg-polka-dots,body.bg-polka-dots{background:var(--background-gradient);position:relative}body.bg-polka-dots:before{content:"";position:fixed;inset:0;background:radial-gradient(circle,rgba(var(--color-primary-rgb),var(--pattern-opacity,.25)) calc(20%*var(--pattern-density, 1)),transparent calc(20%*var(--pattern-density, 1))),radial-gradient(circle,rgba(var(--color-primary-rgb),calc(var(--pattern-opacity, .25)*.6)) calc(15%*var(--pattern-density, 1)),transparent calc(15%*var(--pattern-density, 1)));background-size:calc(40px/var(--pattern-density, 1)) calc(40px/var(--pattern-density, 1)),calc(60px/var(--pattern-density, 1)) calc(60px/var(--pattern-density, 1));background-position:0 0,calc(20px/var(--pattern-density, 1)) calc(20px/var(--pattern-density, 1));z-index:-1;pointer-events:none}.tasks-page.bg-stripes,body.bg-stripes{background:var(--background-gradient);position:relative}body.bg-stripes:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent calc(15px*var(--pattern-density, 1)),rgba(var(--color-primary-rgb),var(--pattern-opacity,.15)) calc(15px*var(--pattern-density, 1)),rgba(var(--color-primary-rgb),var(--pattern-opacity,.15)) calc(30px*var(--pattern-density, 1)));z-index:-1;pointer-events:none}body.bg-chevron{background:var(--background-gradient);position:relative}body.bg-chevron:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),var(--pattern-opacity,.08)) 25%,transparent 25%),linear-gradient(225deg,rgba(var(--color-primary-rgb),var(--pattern-opacity,.08)) 25%,transparent 25%),linear-gradient(45deg,rgba(var(--color-primary-rgb),var(--pattern-opacity,.08)) 25%,transparent 25%),linear-gradient(315deg,rgba(var(--color-primary-rgb),var(--pattern-opacity,.08)) 25%,transparent 25%);background-size:calc(40px/var(--pattern-density, 1)) calc(40px/var(--pattern-density, 1)),calc(40px/var(--pattern-density, 1)) calc(40px/var(--pattern-density, 1)),calc(40px/var(--pattern-density, 1)) calc(40px/var(--pattern-density, 1)),calc(40px/var(--pattern-density, 1)) calc(40px/var(--pattern-density, 1));background-position:0 0,calc(20px/var(--pattern-density, 1)) 0,calc(20px/var(--pattern-density, 1)) calc(20px/var(--pattern-density, 1)),0 calc(20px/var(--pattern-density, 1));z-index:-1;pointer-events:none}body.bg-hearts{background:var(--background-gradient);position:relative}body.bg-hearts:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Ctext x='30' y='35' fill='rgba(255,255,255,0.3)' font-size='20' text-anchor='middle'%3E💕%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Ctext x='30' y='35' fill='rgba(255,255,255,0.2)' font-size='16' text-anchor='middle'%3E💖%3C/text%3E%3C/svg%3E");background-size:calc(60px/var(--pattern-density, 1)) calc(60px/var(--pattern-density, 1)),calc(80px/var(--pattern-density, 1)) calc(80px/var(--pattern-density, 1));background-position:0 0,calc(40px/var(--pattern-density, 1)) calc(80px/var(--pattern-density, 1));background-repeat:repeat;opacity:var(--pattern-opacity,.4);z-index:-1;pointer-events:none}.tasks-page.bg-hearts>*,body.bg-hearts>*{position:relative;z-index:1}body.bg-stars{background:var(--background-gradient);position:relative}body.bg-stars:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Ctext x='30' y='35' fill='rgba(255,255,255,0.4)' font-size='16' text-anchor='middle'%3E⭐%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Ctext x='30' y='35' fill='rgba(255,255,255,0.25)' font-size='12' text-anchor='middle'%3E✨%3C/text%3E%3C/svg%3E");background-size:calc(60px/var(--pattern-density, 1)) calc(60px/var(--pattern-density, 1)),calc(90px/var(--pattern-density, 1)) calc(90px/var(--pattern-density, 1));background-position:0 0,calc(45px/var(--pattern-density, 1)) calc(75px/var(--pattern-density, 1));background-repeat:repeat;opacity:var(--pattern-opacity,.6);z-index:-1;pointer-events:none;animation:starTwinkle 4s ease-in-out infinite}@keyframes starTwinkle{0%,to{opacity:var(--pattern-opacity,.6)}50%{opacity:calc(var(--pattern-opacity, .6)*.7)}}body.bg-bubbles{background:var(--background-gradient);position:relative}body.bg-bubbles:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(var(--color-primary-rgb),var(--pattern-opacity,.3)) calc(8px*var(--pattern-density, 1)),transparent calc(8px*var(--pattern-density, 1))),radial-gradient(circle at 80% 40%,rgba(var(--color-primary-rgb),var(--pattern-opacity,.25)) calc(12px*var(--pattern-density, 1)),transparent calc(12px*var(--pattern-density, 1))),radial-gradient(circle at 40% 80%,rgba(var(--color-primary-rgb),var(--pattern-opacity,.2)) calc(6px*var(--pattern-density, 1)),transparent calc(6px*var(--pattern-density, 1))),radial-gradient(circle at 70% 70%,rgba(var(--color-primary-rgb),var(--pattern-opacity,.15)) calc(10px*var(--pattern-density, 1)),transparent calc(10px*var(--pattern-density, 1)));background-size:calc(60px/var(--pattern-density, 1)) calc(60px/var(--pattern-density, 1)),calc(80px/var(--pattern-density, 1)) calc(80px/var(--pattern-density, 1)),calc(50px/var(--pattern-density, 1)) calc(50px/var(--pattern-density, 1)),calc(70px/var(--pattern-density, 1)) calc(70px/var(--pattern-density, 1));background-position:0 0,25px 25px,40px 10px,10px 40px;z-index:-1;pointer-events:none;animation:bubbleFloat 8s ease-in-out infinite}@keyframes bubbleFloat{0%,to{background-position:0 0,25px 25px,40px 10px,10px 40px}50%{background-position:15px 20px,35px 35px,25px 15px,5px 50px}}.bg-polka-dots-preview{background:radial-gradient(circle,rgba(244,114,182,.4) 30%,transparent 0);background-size:8px 8px}.bg-hearts-preview{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><text y="15" font-size="10">💕</text></svg>') #fce7f34d;background-size:12px 12px}.bg-stars-preview{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><text y="15" font-size="10">⭐</text></svg>') #fef08a4d;background-size:12px 12px}.bg-bubbles-preview{background:radial-gradient(circle at 25% 25%,rgba(99,102,241,.2) 15%,transparent 0),radial-gradient(circle at 75% 75%,rgba(168,85,247,.15) 10%,transparent 0);background-size:10px 10px,15px 15px}.bg-stripes-preview{background:repeating-linear-gradient(45deg,rgba(147,51,234,.2),rgba(147,51,234,.2) 3px,transparent 0,transparent 6px)}body.bg-zigzag{background:var(--background-gradient);position:relative}body.bg-zigzag:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,transparent 25%,rgba(var(--color-primary-rgb),var(--pattern-opacity,.06)) 25%,rgba(var(--color-primary-rgb),var(--pattern-opacity,.06)) 50%,transparent 50%,transparent 75%,rgba(var(--color-primary-rgb),var(--pattern-opacity,.06)) 75%),linear-gradient(45deg,transparent 25%,rgba(var(--color-primary-rgb),calc(var(--pattern-opacity, .06)*1.2)) 25%,rgba(var(--color-primary-rgb),calc(var(--pattern-opacity, .06)*1.2)) 50%,transparent 50%,transparent 75%,rgba(var(--color-primary-rgb),calc(var(--pattern-opacity, .06)*1.2)) 75%);background-size:calc(50px/var(--pattern-density, 1)) calc(50px/var(--pattern-density, 1)),calc(50px/var(--pattern-density, 1)) calc(50px/var(--pattern-density, 1));z-index:-1;pointer-events:none}body.bg-confetti{background:var(--background-gradient);position:relative}body.bg-confetti:before{content:"";position:fixed;inset:0;background:linear-gradient(45deg,rgba(var(--color-primary-rgb),var(--pattern-opacity,.08)) 10%,transparent 10%),linear-gradient(-45deg,rgba(var(--color-primary-rgb),calc(var(--pattern-opacity, .08)*.8)) 15%,transparent 15%),linear-gradient(90deg,transparent 40%,rgba(var(--color-primary-rgb),calc(var(--pattern-opacity, .08)*.6)) 40%,rgba(var(--color-primary-rgb),calc(var(--pattern-opacity, .08)*.6)) 60%,transparent 60%),linear-gradient(0deg,rgba(var(--color-primary-rgb),calc(var(--pattern-opacity, .08)*.7)) 25%,transparent 25%);background-size:calc(30px/var(--pattern-density, 1)) calc(30px/var(--pattern-density, 1)),calc(40px/var(--pattern-density, 1)) calc(40px/var(--pattern-density, 1)),calc(50px/var(--pattern-density, 1)) calc(50px/var(--pattern-density, 1)),calc(35px/var(--pattern-density, 1)) calc(35px/var(--pattern-density, 1));background-position:0 0,calc(15px/var(--pattern-density, 1)) calc(15px/var(--pattern-density, 1)),0 0,calc(20px/var(--pattern-density, 1)) calc(20px/var(--pattern-density, 1));z-index:-1;pointer-events:none}.page-header{margin-bottom:2rem;display:flex;align-items:flex-start;justify-content:space-between}.header-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.page-title{font-size:1.875rem;line-height:2.25rem;font-weight:700;color:var(--ink)}.page-subtitle{color:var(--ink-sub)}.header-actions{display:flex;gap:.75rem}.create-btn{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:rgba(236,72,153,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#a855f7 var(--tw-gradient-to-position);padding:.75rem 1.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.create-btn:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.bulk-delete-btn{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bulk-delete-btn:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.bulk-actions{display:flex;gap:.5rem}.bulk-confirm-btn{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bulk-confirm-btn:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bulk-confirm-btn:disabled{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bulk-cancel-btn{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bulk-cancel-btn:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.create-btn.primary{background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;gap:.5rem;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.create-btn.primary:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.create-btn.primary{transform:translateY(0)}.create-btn.primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}@media(max-width:640px){.create-btn.primary{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.create-btn .btn-text{display:none}.create-btn .btn-text-mobile{display:block;font-size:.75rem;line-height:1rem}.create-btn .btn-icon{font-size:1.125rem;line-height:1.75rem}}.view-mode-radio{min-height:44px}.radio-group{display:flex;gap:.25rem;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));padding:.25rem}.radio-option{flex:1 1 0%;cursor:pointer}.radio-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.radio-label{display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.25rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;background-color:transparent;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.radio-option:has(.radio-input:checked) .radio-label{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#2563eb var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(147 197 253/var(--tw-ring-opacity,1));--tw-ring-opacity:.5}.radio-option:hover .radio-label{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.radio-option:has(.radio-input:checked):hover .radio-label{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.radio-icon{font-size:1rem;line-height:1.5rem}.radio-text{display:none}@media(min-width:640px){.radio-text{display:inline}}@media(max-width:640px){.radio-group{gap:.125rem}.radio-label{padding:.5rem}}.menu-dropdown{position:relative}.menu-btn{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));padding:.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.menu-btn:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.menu-dropdown-content{position:absolute;right:0;top:100%;z-index:50;margin-top:.5rem;min-width:12rem;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding-top:.5rem;padding-bottom:.5rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);background:var(--color-card-background);border:1px solid rgba(var(--color-primary-rgb),.1);box-shadow:0 8px 20px #0000001a}.menu-item{display:flex;width:100%;align-items:center;gap:.75rem;padding:.5rem 1rem;text-align:left;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.menu-item:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));background:var(--color-secondary-light)}.menu-icon{flex-shrink:0;font-size:1.125rem;line-height:1.75rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bulk-mode-header{margin-bottom:1.5rem;border-radius:.5rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1));padding:1rem;text-align:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-mode-indicator{margin-bottom:.25rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.bulk-mode-icon{font-size:1.5rem;line-height:2rem}.bulk-mode-text{font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.bulk-mode-instruction{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.btn-icon{font-size:1.125rem;line-height:1.75rem}.stats-summary{margin-bottom:2rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media(min-width:768px){.stats-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}.stat-card{background:var(--color-card-background);display:flex;align-items:center;gap:1rem;border-radius:.5rem;padding:1.5rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border:1px solid rgba(var(--color-primary-rgb),.1)}.stat-icon{font-size:1.875rem;line-height:2.25rem}.stat-content{text-align:center}.stat-value{font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.stat-label{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.stat-compact{display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center}.stat-compact .stat-icon,.stat-compact .stat-value{font-size:1.125rem;line-height:1.75rem}.stat-compact .stat-value{font-weight:600}.stat-separator{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:3rem;padding-bottom:3rem}.loading-spinner{margin-bottom:1rem;height:2rem;width:2rem}@keyframes spin{to{transform:rotate(1turn)}}.loading-spinner{animation:spin 1s linear infinite;border-radius:9999px;border-width:4px;border-color:rgb(251 207 232/var(--tw-border-opacity,1));--tw-border-opacity:1;border-top-color:rgb(236 72 153/var(--tw-border-opacity,1))}.loading-text{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.error-container{padding-top:3rem;padding-bottom:3rem;text-align:center}.error-icon{margin-bottom:1rem;font-size:3.75rem;line-height:1}.error-title{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.error-message{margin-bottom:1.5rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.retry-btn{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity,1));padding:.5rem 1.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.retry-btn:hover{--tw-bg-opacity:1;background-color:rgb(219 39 119/var(--tw-bg-opacity,1))}.empty-state{padding-top:4rem;padding-bottom:4rem;text-align:center}.empty-illustration{margin-bottom:1.5rem}.empty-icon{font-size:6rem;line-height:1}.empty-title{margin-bottom:1rem;font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.empty-description{margin-left:auto;margin-right:auto;margin-bottom:2rem;max-width:28rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.empty-action-btn{border-radius:.5rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:rgba(236,72,153,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#a855f7 var(--tw-gradient-to-position);padding:.75rem 2rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.empty-action-btn:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tasks-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media(min-width:768px){.tasks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.tasks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tasks-grid.bulk-mode{opacity:.8;filter:grayscale(15%)}.tasks-sections>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.task-section{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.section-header{margin-bottom:1rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.section-icon{font-size:1.5rem;line-height:2rem}.section-count{font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.inactive-grid{opacity:.75}.inactive-card{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.inactive-status{margin-top:1rem;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding-top:1rem}.inactive-label{border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.task-card{background:var(--paper-card);position:relative;cursor:pointer;overflow:hidden;padding:1.5rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.task-card,.task-card:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.task-card:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.task-card{border:1.5px solid var(--frame);border-radius:14px}body.bg-bubbles .stat-card,body.bg-bubbles .task-card,body.bg-chevron .stat-card,body.bg-chevron .task-card,body.bg-confetti .stat-card,body.bg-confetti .task-card,body.bg-hearts .stat-card,body.bg-hearts .task-card,body.bg-polka-dots .stat-card,body.bg-polka-dots .task-card,body.bg-stars .stat-card,body.bg-stars .task-card,body.bg-stripes .stat-card,body.bg-stripes .task-card,body.bg-zigzag .stat-card,body.bg-zigzag .task-card{background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.task-card:hover:before{height:5px}.task-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--shu);opacity:.9}.task-card[data-theme=polka-dots]{--theme-color:#f472b6;--theme-color-light:#fbcfe8;background-image:radial-gradient(circle,rgba(251,207,232,.4) 25%,transparent 0),radial-gradient(circle,rgba(251,207,232,.4) 25%,transparent 0);background-size:20px 20px;background-position:0 0,10px 10px}.task-card[data-theme=stripes]{--theme-color:#9333ea;--theme-color-light:#c084fc;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(196,132,252,.1) 0,rgba(196,132,252,.1) 20px)}.task-card[data-theme=chevron]{--theme-color:#06b6d4;--theme-color-light:#67e8f9;background-image:linear-gradient(135deg,rgba(103,232,249,.1) 25%,transparent 0),linear-gradient(225deg,rgba(103,232,249,.1) 25%,transparent 0),linear-gradient(45deg,rgba(103,232,249,.1) 25%,transparent 0),linear-gradient(315deg,rgba(103,232,249,.1) 25%,transparent 0);background-size:20px 20px;background-position:0 0,10px 0,10px 10px,0 10px}.task-card[data-theme=hearts]{--theme-color:#ec4899;--theme-color-light:#f9a8d4;position:relative}.task-card[data-theme=hearts]:after{content:"💕 💖 💕 💖 💕";position:absolute;inset:20px 0 0;opacity:.05;font-size:24px;line-height:40px;pointer-events:none;overflow:hidden;word-wrap:break-word}.task-card[data-theme=stars]{--theme-color:#fbbf24;--theme-color-light:#fde68a;position:relative}.task-card[data-theme=stars]:after{content:"⭐ ✨ ⭐ ✨ ⭐";position:absolute;inset:20px 0 0;opacity:.08;font-size:20px;line-height:36px;pointer-events:none;overflow:hidden;word-wrap:break-word;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.08}50%{opacity:.12}}.task-card[data-theme=bubbles]{--theme-color:#60a5fa;--theme-color-light:#93c5fd;background-image:radial-gradient(circle at 20% 30%,rgba(147,197,253,.2) 0,transparent 50%),radial-gradient(circle at 80% 60%,rgba(147,197,253,.15) 0,transparent 40%),radial-gradient(circle at 40% 80%,rgba(147,197,253,.1) 0,transparent 30%),radial-gradient(circle at 70% 20%,rgba(147,197,253,.12) 0,transparent 35%);background-size:100% 100%}.task-card[data-theme=zigzag]{--theme-color:#10b981;--theme-color-light:#6ee7b7;background-image:linear-gradient(135deg,transparent 25%,rgba(110,231,183,.1) 0,rgba(110,231,183,.1) 50%,transparent 0,transparent 75%,rgba(110,231,183,.1) 0),linear-gradient(45deg,transparent 25%,rgba(110,231,183,.1) 0,rgba(110,231,183,.1) 50%,transparent 0,transparent 75%,rgba(110,231,183,.1) 0);background-size:30px 30px}.task-card[data-theme=confetti]{--theme-color:#f472b6;--theme-color-light:#fbcfe8;position:relative;background-image:linear-gradient(45deg,rgba(244,114,182,.1) 25%,transparent 0),linear-gradient(-45deg,rgba(147,51,234,.1) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(251,191,36,.1) 0),linear-gradient(-45deg,transparent 75%,rgba(96,165,250,.1) 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.task-card.bulk-mode{position:relative;cursor:pointer;--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.task-card.bulk-mode,.task-card.bulk-mode:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.task-card.bulk-mode:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.task-card.bulk-mode:hover,.task-checkbox{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.task-checkbox{position:absolute;top:1rem;right:1rem;z-index:10;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.25rem;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.bulk-checkbox{height:1.5rem;width:1.5rem;cursor:pointer;border-radius:.25rem;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.bulk-checkbox:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.bulk-checkbox:checked{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.task-header{margin-bottom:1rem;display:flex;align-items:flex-start;gap:1rem}.task-icon{position:relative;flex-shrink:0;font-size:1.875rem;line-height:2.25rem}.task-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:radial-gradient(circle,var(--theme-color),transparent 70%);opacity:.1;border-radius:50%;z-index:-1}.task-info{min-width:0;flex:1 1 0%}.task-title{margin-bottom:.25rem;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--ink)}.task-description,.task-title{overflow:hidden}.task-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.875rem;line-height:1.25rem;color:var(--ink-sub)}.task-actions{display:flex;flex-shrink:0;gap:.25rem}.action-btn{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:.5rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.action-btn:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.task-calendar-preview{margin-bottom:1rem}.preview-header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.preview-label{color:var(--ink-sub)}.preview-label,.preview-value{font-size:.875rem;line-height:1.25rem}.preview-value{font-weight:500;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.mini-calendar{display:flex;border-radius:.5rem;gap:5px}.mini-calendar,.mini-day{padding:.5rem;background:transparent}.mini-day{position:relative;min-height:3rem;flex:1 1 0%;cursor:pointer;text-align:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border:1px solid var(--frame);border-radius:8px}.mini-day:hover{background:var(--paper-dim)}.mini-day.has-effort{background:var(--shu-wash);border-color:#d9436d47}.mini-day.weekend{background:#d9436d08}.mini-day.today{border:1.8px solid var(--shu);background:transparent}.mini-day.today.has-effort{background:var(--shu-wash)}.mini-day-number{font-size:.75rem;line-height:1rem;font-weight:500;color:var(--ink-sub)}.mini-effort-stamp{margin-top:.25rem;display:flex;align-items:center;justify-content:center;font-size:1.125rem;line-height:1.75rem;color:var(--shu)}.weekday-controls>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.weekday-quick-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.quick-select-btn{cursor:pointer;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.quick-select-btn:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.quick-select-btn.active{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.quick-select-btn.clear{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.quick-select-btn.clear:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.weekday-selector{display:flex;flex-wrap:wrap;gap:.5rem}.weekday-option{cursor:pointer;border-radius:.5rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.weekday-option:hover{--tw-border-opacity:1;border-color:rgb(249 168 212/var(--tw-border-opacity,1))}.weekday-option.selected{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity,1))}.form-help{margin-top:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.stamp-selector{display:flex;flex-wrap:wrap;gap:.5rem}.stamp-option{display:flex;height:4rem;width:5rem;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border-radius:.5rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.stamp-option:hover{--tw-border-opacity:1;border-color:rgb(249 168 212/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity,1))}.stamp-image-display img{height:2rem;width:2rem;border-radius:.25rem;-o-object-fit:contain;object-fit:contain}.stamp-emoji-display{font-size:1.25rem;line-height:1.75rem}.stamp-label{font-size:.75rem;line-height:1rem;line-height:1;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.stamp-option.selected{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity,1))}.mini-stamp-image img{height:1rem;width:1rem;border-radius:.25rem;-o-object-fit:contain;object-fit:contain}.effect-stamp-image img{height:4rem;width:4rem;border-radius:.5rem;-o-object-fit:contain;object-fit:contain}.task-quick-actions{border-top-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1));padding-top:1rem}.quick-effort-btn{width:100%;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:999px}.quick-effort-btn:not(.completed):not(.rest-day){transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background:var(--shu);color:#fff;border:1.5px solid var(--shu-deep);box-shadow:var(--shu-shadow);font-weight:700}.quick-effort-btn:not(.completed):not(.rest-day):hover{background:var(--shu-deep);transform:translateY(-1px)}.quick-effort-btn:not(.completed):not(.rest-day):active{transform:translateY(0) scale(.98)}.quick-effort-btn.completed{cursor:not-allowed;background:var(--shu-wash);color:var(--shu-deep)}.quick-effort-btn.rest-day{cursor:pointer;background:var(--paper-dim);color:var(--ink-faint);border:1.2px solid var(--frame)}.quick-effort-btn.rest-day:hover{color:var(--ink-sub)}.completed-actions{display:flex;width:100%;align-items:center;justify-content:center}.completed-status-full{width:100%;padding:.5rem 1rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:500;border-radius:999px;background:var(--shu-wash);border:1.5px solid rgba(217,67,109,.32);color:var(--shu-deep)}.task-menu-container{position:relative}.task-menu-btn{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;font-size:1rem;line-height:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.task-menu-btn:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.task-menu-btn{border-style:none;background-color:transparent;font-weight:900;letter-spacing:-.5px}.task-menu-btn.active,.task-menu-btn:hover{transform:scale(1.1);--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.task-menu-btn.active{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.task-menu-dropdown{position:absolute;top:100%;right:0;z-index:30;margin-top:.25rem;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding-top:.25rem;padding-bottom:.25rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);min-width:120px}.task-menu-dropdown .menu-item{width:100%;padding:.5rem 1rem;text-align:left;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.task-menu-dropdown .menu-item:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.task-menu-dropdown .menu-item{border-style:none;background-color:transparent;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.task-menu-dropdown .menu-item:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.5;padding:1rem}.modal-header{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between}.modal-title{font-weight:700;color:rgb(31 41 55/var(--tw-text-opacity,1))}.close-btn,.modal-title{font-size:1.25rem;line-height:1.75rem;--tw-text-opacity:1}.close-btn{color:rgb(156 163 175/var(--tw-text-opacity,1))}.close-btn:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.create-form>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.form-group>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.form-row{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-label{display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.form-input,.form-textarea{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));padding:.5rem 1rem}.form-input:focus,.form-textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(236 72 153/var(--tw-ring-opacity,1))}.color-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}@media(min-width:768px){.color-options{grid-template-columns:repeat(6,minmax(0,1fr))}}.color-option{display:flex;height:3rem;width:100%;cursor:pointer;align-items:center;justify-content:center;border-radius:.5rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.color-option:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.color-option.selected{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(236 72 153/var(--tw-ring-opacity,1))}.color-name{font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.form-actions{display:flex;gap:.75rem;border-top-width:1px;padding-top:1.5rem}.cancel-btn{flex:1 1 0%;padding:.5rem 1rem;font-weight:500;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.cancel-btn:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.submit-btn{flex:1 1 0%;border-radius:.5rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:rgba(236,72,153,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#a855f7 var(--tw-gradient-to-position);padding:.5rem 1rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.submit-btn:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.submit-btn:disabled{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.stamp-effect-inline{pointer-events:none;position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.5rem}.stamp-overlay-enhanced{display:none}.stamp-main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.stamp-main:after{content:"";position:absolute;top:42%;left:50%;width:68px;height:68px;border-radius:999px;border:2px solid var(--shu,#d9436d);transform:translate(-50%,-50%) scale(.5);opacity:0;animation:stampRingInline .55s ease-out forwards;z-index:1}.stamp-emoji-main{font-size:3rem;line-height:1;color:var(--shu,#d9436d);filter:drop-shadow(0 1px 1px rgba(69,58,47,.18));animation:stampPressInline .5s cubic-bezier(.22,1.35,.38,1) forwards;z-index:2}.stamp-message-enhanced{margin-top:.4rem;font-weight:700;font-size:.95rem;color:var(--shu-deep,#c22f5b);opacity:0;animation:stampMsgFadeInline .5s ease-out .15s forwards;z-index:2}.stamp-particle-inline{display:none}@keyframes stampPressInline{0%{opacity:0;transform:scale(2.4) rotate(9deg)}55%{opacity:1;transform:scale(.86) rotate(-8deg)}76%{transform:scale(1.07) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(-6deg)}}@keyframes stampRingInline{0%{transform:translate(-50%,-50%) scale(.5);opacity:.55}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes stampMsgFadeInline{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.stamp-emoji-main{animation:none;transform:rotate(-6deg);opacity:1}.stamp-main:after{animation:none;opacity:0}.stamp-message-enhanced{animation:none;opacity:1}}@media(max-width:768px){.page-header{flex-direction:column;gap:1rem}.stats-summary,.tasks-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.stamp-emoji-main{font-size:2.4rem}}.profile-selector{margin-bottom:.5rem;display:flex;flex-wrap:wrap;gap:.75rem}.profile-option{display:flex;cursor:pointer;align-items:center;gap:.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:.5rem 1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.profile-option:hover{--tw-border-opacity:1;border-color:rgb(249 168 212/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity,1))}.profile-option.selected{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(252 231 243/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity,1))}.profile-avatar{font-size:1.125rem;line-height:1.75rem}.profile-name{font-weight:500}.current-badge{border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.form-help-inline{margin-left:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}:root{--color-ponpon-pink:#ec4899;--color-ponpon-pink-light:#f9a8d4;--color-ponpon-pink-dark:#db2777;--color-ponpon-purple:#a855f7;--color-ponpon-purple-light:#c084fc;--color-ponpon-purple-dark:#9333ea;--color-ponpon-yellow:#fbbf24;--color-ponpon-yellow-light:#fde68a;--color-ponpon-yellow-dark:#f59e0b;--color-achievement-bg:#fef3c7;--color-achievement-border:#fde68a;--color-achievement-text:#92400e;--color-modal-overlay:rgba(0,0,0,.5);--color-modal-bg:#fff;--shadow-ponpon:0 2px 8px rgba(236,72,153,.1);--shadow-ponpon-hover:0 4px 12px rgba(236,72,153,.15);--shadow-modal:0 20px 25px -5px rgba(0,0,0,.1);--shadow-card:0 2px 8px rgba(0,0,0,.05);--radius-ponpon:16px;--radius-modal:20px;--radius-card:16px;--radius-button:8px}*,:after,:before{box-sizing:border-box}.transition-ponpon{transition:all .2s ease-in-out}.transition-ponpon-slow{transition:all .3s ease-in-out}.gradient-ponpon{background:linear-gradient(135deg,var(--color-ponpon-pink) 0,var(--color-ponpon-purple) 100%)}.gradient-ponpon-light{background:linear-gradient(135deg,var(--color-ponpon-pink-light) 0,var(--color-ponpon-purple-light) 100%)}.btn-ponpon{border-radius:8px;--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity,1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-ponpon:hover{--tw-bg-opacity:1;background-color:rgb(219 39 119/var(--tw-bg-opacity,1));--tw-shadow:0 4px 12px rgba(236,72,153,.15);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-ponpon:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-ponpon:disabled{cursor:not-allowed;opacity:.5}.btn-ponpon-secondary{border-radius:8px;--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-ponpon-secondary:hover{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity,1));--tw-shadow:0 4px 12px rgba(236,72,153,.15);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-ponpon-secondary:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-ponpon-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-ponpon-ghost{border-radius:8px;border-width:2px;--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1));background-color:transparent;padding:.5rem 1rem;font-weight:500;--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity,1));transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-ponpon-ghost:hover{--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 2px 8px rgba(236,72,153,.1);--tw-shadow-colored:0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-ponpon-ghost:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-ponpon-ghost:disabled{cursor:not-allowed;opacity:.5}.btn-ponpon-sm{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}.btn-ponpon-lg{padding:.75rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.card-ponpon{border-radius:16px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem;--tw-shadow:0 2px 8px rgba(0,0,0,.05);--tw-shadow-colored:0 2px 8px var(--tw-shadow-color);transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.card-ponpon,.card-ponpon:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card-ponpon:hover{--tw-shadow:0 4px 12px rgba(236,72,153,.15);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color)}.card-ponpon-interactive{cursor:pointer;border-radius:16px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem;--tw-shadow:0 2px 8px rgba(0,0,0,.05);--tw-shadow-colored:0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.card-ponpon-interactive:hover{--tw-shadow:0 4px 12px rgba(236,72,153,.15);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color);--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-width:2px;border-color:rgb(236 72 153/var(--tw-border-opacity,1))}.card-achievement,.card-ponpon-interactive:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-border-opacity:1}.card-achievement{border-radius:16px;border-width:2px;border-color:rgb(253 230 138/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1));padding:1rem;--tw-shadow:0 2px 8px rgba(0,0,0,.05);--tw-shadow-colored:0 2px 8px var(--tw-shadow-color)}.modal-ponpon-overlay{position:fixed;inset:0;z-index:50;display:flex;animation:fadeIn .2s ease-out;align-items:center;justify-content:center;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.5;padding:1rem}.modal-ponpon-content{max-height:90vh;width:100%;max-width:32rem;animation:slideUp .3s ease-out;overflow-y:auto;border-radius:20px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.modal-ponpon-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:1rem 1.5rem}.modal-ponpon-body{padding:1rem 1.5rem}.modal-ponpon-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:1rem 1.5rem}.input-ponpon{width:100%;border-radius:8px;border-width:2px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));padding:.5rem 1rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.input-ponpon:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.input-ponpon:focus{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(236 72 153/var(--tw-ring-opacity,1));--tw-ring-opacity:.2}.input-ponpon:disabled{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.textarea-ponpon{min-height:100px;resize:vertical;width:100%;border-radius:8px;border-width:2px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));padding:.5rem 1rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.textarea-ponpon:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.textarea-ponpon:focus{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(236 72 153/var(--tw-ring-opacity,1));--tw-ring-opacity:.2}.textarea-ponpon:disabled{cursor:not-allowed;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.select-ponpon,.textarea-ponpon:disabled{--tw-bg-opacity:1}.select-ponpon{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));background-repeat:no-repeat;width:100%;border-radius:8px;border-width:2px;border-color:rgb(209 213 219/var(--tw-border-opacity,1));padding:.5rem 1rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.select-ponpon,.select-ponpon:hover{--tw-border-opacity:1}.select-ponpon:hover{border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.select-ponpon:focus{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(236 72 153/var(--tw-ring-opacity,1));--tw-ring-opacity:.2}.select-ponpon:disabled{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.select-ponpon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-size:1.5em 1.5em}.label-ponpon{display:flex;cursor:pointer;align-items:center;gap:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.label-ponpon:hover{--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity,1))}.badge-ponpon{background-color:rgb(249 168 212/var(--tw-bg-opacity,1));color:rgb(219 39 119/var(--tw-text-opacity,1))}.badge-ponpon,.badge-success{display:inline-flex;align-items:center;border-radius:9999px;--tw-bg-opacity:1;padding:.125rem .625rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1}.badge-success{background-color:rgb(220 252 231/var(--tw-bg-opacity,1));color:rgb(22 101 52/var(--tw-text-opacity,1));background-color:rgb(249 168 212/var(--tw-bg-opacity,1));color:rgb(219 39 119/var(--tw-text-opacity,1))}.badge-warning{background-color:rgb(254 243 199/var(--tw-bg-opacity,1));color:rgb(146 64 14/var(--tw-text-opacity,1));display:inline-flex;align-items:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(249 168 212/var(--tw-bg-opacity,1));padding:.125rem .625rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity,1))}.gradient-achievement{--tw-gradient-from:#fef3c7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(254,243,199,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(253,230,138,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fde68a var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:#fbbf24 var(--tw-gradient-to-position)}.gradient-achievement,.text-gradient-ponpon{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.text-gradient-ponpon{--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:rgba(236,72,153,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#a855f7 var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;color:transparent}.close-button{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-bg-opacity:.9;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.close-button,.close-button:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.close-button:hover{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1));--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);transform:scale(1.05)}.action-button{display:flex;align-items:center;justify-content:center;border-radius:.75rem;border-width:2px;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.action-button,.action-button:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.action-button:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.action-button:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.action-button:disabled{cursor:not-allowed;opacity:.5}.cancel-button{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(243,244,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#e5e7eb var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));--tw-shadow-color:#e5e7eb;--tw-shadow:var(--tw-shadow-colored)}.cancel-button:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1));--tw-gradient-from:#e5e7eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(229,231,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#d1d5db var(--tw-gradient-to-position);--tw-shadow-color:#d1d5db;--tw-shadow:var(--tw-shadow-colored)}.save-button{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:rgba(236,72,153,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#9333ea var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow-color:#fbcfe8;--tw-shadow:var(--tw-shadow-colored)}.save-button:hover{--tw-border-opacity:1;border-color:rgb(147 51 234/var(--tw-border-opacity,1));--tw-gradient-from:#db2777 var(--tw-gradient-from-position);--tw-gradient-to:rgba(219,39,119,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#7e22ce var(--tw-gradient-to-position);--tw-shadow-color:#d8b4fe;--tw-shadow:var(--tw-shadow-colored)}.update-button{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:rgba(236,72,153,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#9333ea var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow-color:#fbcfe8;--tw-shadow:var(--tw-shadow-colored)}.update-button:hover{--tw-border-opacity:1;border-color:rgb(147 51 234/var(--tw-border-opacity,1));--tw-gradient-from:#db2777 var(--tw-gradient-from-position);--tw-gradient-to:rgba(219,39,119,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#7e22ce var(--tw-gradient-to-position);--tw-shadow-color:#d8b4fe;--tw-shadow:var(--tw-shadow-colored)}.delete-button{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:rgba(239,68,68,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#ec4899 var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow-color:#fecaca;--tw-shadow:var(--tw-shadow-colored)}.delete-button:hover{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1));--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:rgba(220,38,38,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#db2777 var(--tw-gradient-to-position);--tw-shadow-color:#fca5a5;--tw-shadow:var(--tw-shadow-colored)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.container-ponpon{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.container-ponpon{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.container-ponpon{padding-left:2rem;padding-right:2rem}}.section-ponpon{padding-top:2rem;padding-bottom:2rem}@media(min-width:640px){.section-ponpon{padding-top:3rem;padding-bottom:3rem}}.title-ponpon{margin-bottom:1rem;font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.subtitle-ponpon{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.description-ponpon{line-height:1.625;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.ponpon-message{margin-bottom:1.25rem;display:flex;align-items:center;gap:1rem;border-bottom-width:2px;border-style:dashed;--tw-border-opacity:1;border-color:rgb(253 224 71/var(--tw-border-opacity,1));padding-left:.5rem;padding-right:.5rem;padding-bottom:1.25rem}.ponpon-avatar{height:5rem;width:5rem;flex-shrink:0;border-radius:.75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));-o-object-fit:contain;object-fit:contain;padding:.25rem}.ponpon-message-text{flex:1 1 0%;font-size:1rem;line-height:1.5rem;font-weight:500;line-height:1.625;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.achievement-list{display:flex;flex-direction:column;gap:.5rem}.achievement-item{display:flex;align-items:center;gap:.75rem;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.5rem .75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.achievement-item:hover{--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.task-stamp{display:flex;flex-shrink:0;align-items:center;justify-content:center}.stamp-image,.task-stamp{height:1.5rem;width:1.5rem}.stamp-image{border-radius:.25rem;-o-object-fit:contain;object-fit:contain}.stamp-emoji{font-size:1.25rem;line-height:1.75rem}.task-title{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:500;line-height:1.25;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.task-genre{flex-shrink:0;font-size:1.125rem;line-height:1.75rem}.no-achievements{padding:1.25rem}.modal-genre-management{max-width:56rem}.genre-section{margin-bottom:1.5rem}.genre-section-default{border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding-top:1.5rem}.section-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));padding:.75rem 1rem;text-align:left;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.section-toggle:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.section-icon{margin-right:.75rem;font-size:1.125rem;line-height:1.75rem}.toggle-icon{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.toggle-icon.rotated{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.section-description{margin-bottom:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.genre-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.genre-item{display:flex;align-items:center;gap:.75rem;border-radius:.75rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.genre-item:hover{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.genre-item-default{--tw-border-opacity:1;border-color:rgb(186 230 253/var(--tw-border-opacity,1));background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(239,246,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f0f9ff var(--tw-gradient-to-position)}.genre-emoji{flex-shrink:0;font-size:1.5rem;line-height:2rem}.genre-info{min-width:0;flex:1 1 0%}.genre-label{overflow-wrap:break-word;font-weight:500;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.save-section{margin-top:1.5rem;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding-top:1.5rem;text-align:center}.close-btn-genre{border-radius:.5rem;padding:.5rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.close-btn-genre:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.close-icon{height:1.5rem;width:1.5rem}.account-switcher-ponpon{position:relative}.account-btn-ponpon{display:flex;align-items:center}.account-btn-ponpon>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.account-btn-ponpon{border-radius:.5rem;border-width:1px;border-color:transparent;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.account-btn-ponpon.active,.account-btn-ponpon:hover{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.dropdown-ponpon{position:absolute;right:0;top:100%;z-index:50;margin-top:.5rem;width:16rem;animation:slideUp .3s ease-out;border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding-top:.5rem;padding-bottom:.5rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.avatar-ponpon{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#fce7f3 var(--tw-gradient-from-position);--tw-gradient-to:rgba(252,231,243,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f3e8ff var(--tw-gradient-to-position);font-size:1.125rem;line-height:1.75rem}.avatar-ponpon.small{height:1.5rem;width:1.5rem;font-size:.875rem;line-height:1.25rem}.account-name-ponpon{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-section-ponpon{padding-left:.5rem;padding-right:.5rem}.section-title-ponpon{padding:.5rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.account-item-ponpon{display:flex;align-items:center;justify-content:space-between;border-radius:.5rem;padding:.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.account-item-ponpon:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.account-item-ponpon.current{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity,1))}.account-main-area-ponpon{display:flex;flex:1 1 0%;cursor:pointer;align-items:center}.account-main-area-ponpon>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))}.btn-action-ponpon{margin-left:.5rem;flex-shrink:0;border-radius:.25rem;padding:.25rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-action-ponpon:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.group:hover .btn-action-ponpon{opacity:1}.dropdown-action-ponpon{display:flex;width:100%;cursor:pointer;align-items:center}.dropdown-action-ponpon>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))}.dropdown-action-ponpon{border-radius:.5rem;padding:.5rem .75rem;text-align:left;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dropdown-action-ponpon:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.modal-danger-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.6;padding:1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-danger-content{max-height:90vh;width:100%;max-width:32rem;overflow-y:auto;border-radius:1.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);background:linear-gradient(135deg,#fff,#fafafa);box-shadow:0 25px 50px -12px #dc262640,0 0 0 1px #ffffff0d}.modal-danger-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1));padding:1.5rem;background:linear-gradient(135deg,#fef2f2,#fef7f7);border-radius:1.5rem 1.5rem 0 0}.btn-danger{display:flex;align-items:center;justify-content:center;border-radius:.75rem;border-width:2px;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-danger,.btn-danger:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-danger:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.btn-danger:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-danger:disabled{cursor:not-allowed;opacity:.5}.btn-danger-confirm{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:rgba(220,38,38,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#b91c1c var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow-color:#fecaca;--tw-shadow:var(--tw-shadow-colored);display:flex;align-items:center;justify-content:center;border-radius:.75rem;border-width:2px;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-danger-confirm,.btn-danger-confirm:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-danger-confirm:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.btn-danger-confirm:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-danger-confirm:disabled{cursor:not-allowed;opacity:.5}.btn-danger-confirm:hover{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity,1));--tw-gradient-from:#b91c1c var(--tw-gradient-from-position);--tw-gradient-to:rgba(185,28,28,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#991b1b var(--tw-gradient-to-position);--tw-shadow-color:#fca5a5;--tw-shadow:var(--tw-shadow-colored)}.btn-danger-cancel{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(243,244,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#e5e7eb var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));--tw-shadow-color:#e5e7eb;--tw-shadow:var(--tw-shadow-colored);display:flex;align-items:center;justify-content:center;border-radius:.75rem;border-width:2px;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-danger-cancel,.btn-danger-cancel:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-danger-cancel:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.btn-danger-cancel:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-danger-cancel:disabled{cursor:not-allowed;opacity:.5}.btn-danger-cancel:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1));--tw-gradient-from:#e5e7eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(229,231,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#d1d5db var(--tw-gradient-to-position);--tw-shadow-color:#d1d5db;--tw-shadow:var(--tw-shadow-colored)}.danger-warning-box{border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1));padding:1rem}.input-danger-confirm{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));padding:.5rem .75rem}.input-danger-confirm:focus{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.dropdown-action-ponpon.logout{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.dropdown-action-ponpon.logout:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.dropdown-action-ponpon.logout .action-icon{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.action-icon-ponpon{color:rgb(107 114 128/var(--tw-text-opacity,1))}.action-icon-ponpon,.check-icon-ponpon{height:1rem;width:1rem;--tw-text-opacity:1}.check-icon-ponpon{margin-left:auto;color:rgb(219 39 119/var(--tw-text-opacity,1))}.chevron-ponpon{height:1rem;width:1rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.divider-ponpon{margin-top:.5rem;margin-bottom:.5rem}.divider-ponpon,.divider-ponpon.small{border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.divider-ponpon.small{margin-top:.25rem;margin-bottom:.25rem}.dropdown-ponpon-enter-active,.dropdown-ponpon-leave-active{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.form-ponpon-emoji-grid{display:grid;max-height:200px;grid-template-columns:repeat(8,minmax(0,1fr));gap:.5rem;overflow-y:auto;border-radius:.5rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding:.5rem}.form-ponpon-emoji-grid.mobile{grid-template-columns:repeat(6,minmax(0,1fr))}.form-ponpon-emoji-option{display:flex;aspect-ratio:1/1;cursor:pointer;align-items:center;justify-content:center;border-radius:.5rem;border-style:none;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));font-size:1.25rem;line-height:1.75rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-ponpon-emoji-option:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.form-ponpon-emoji-option-selected,.form-ponpon-emoji-option:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.form-ponpon-emoji-option-selected{--tw-scale-x:1.1;--tw-scale-y:1.1;--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 4px 12px rgba(236,72,153,.3);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-ponpon-char-count{margin-top:.25rem;display:block;text-align:right;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.form-ponpon-preview-section{margin-bottom:1.5rem}.form-ponpon-preview{display:flex;align-items:center;gap:.75rem;border-radius:.75rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#fdf2f8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(253,242,248,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#faf5ff var(--tw-gradient-to-position);padding:1rem}.form-ponpon-preview-emoji{font-size:1.5rem;line-height:2rem}.form-ponpon-preview-label{font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.form-ponpon-actions.mobile{flex-direction:column-reverse}.form-ponpon-actions.mobile .btn-ponpon,.form-ponpon-actions.mobile .btn-ponpon-ghost{width:100%;justify-content:center}.modal-ponpon-close{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-bg-opacity:.9;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));--tw-shadow:0 2px 8px rgba(236,72,153,.1);--tw-shadow-colored:0 2px 8px var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.modal-ponpon-close,.modal-ponpon-close:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.modal-ponpon-close:hover{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1));--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1));--tw-shadow:0 4px 12px rgba(236,72,153,.15);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color);transform:scale(1.05)}.modal-ponpon-content form{padding:1.5rem}.form-ponpon-emoji-option-profile{display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:8px;border-width:2px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:1.5rem;line-height:2rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.form-ponpon-emoji-option-profile:hover{--tw-border-opacity:1;--tw-bg-opacity:1}.form-ponpon-emoji-option-profile.selected,.form-ponpon-emoji-option-profile:hover{border-color:rgb(236 72 153/var(--tw-border-opacity,1));background-color:rgb(249 168 212/var(--tw-bg-opacity,1))}.form-ponpon-emoji-option-profile.selected{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;--tw-bg-opacity:1}@media(max-width:640px){.form-ponpon-emoji-option-profile{height:2.5rem;width:2.5rem;font-size:1.25rem;line-height:1.75rem}}.dialog-ponpon-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.5;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.dialog-ponpon-content{width:100%;max-width:28rem;border-radius:1.5rem;padding:1.5rem;background:var(--paper-card);color:var(--ink);border:1.5px solid var(--frame);box-shadow:0 20px 45px #453a2f47;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.dialog-ponpon-icon{margin-bottom:1rem;text-align:center}.dialog-ponpon-icon-wrapper{display:inline-flex;height:4rem;width:4rem;align-items:center;justify-content:center;border-radius:9999px;font-size:1.875rem;line-height:2.25rem;background:var(--paper);border:1.5px solid var(--frame)}.dialog-ponpon-title{margin-bottom:.75rem;text-align:center;font-size:1.25rem;line-height:1.75rem;font-weight:700;color:var(--ink)}.dialog-ponpon-message{margin-bottom:1rem;text-align:center}.dialog-ponpon-message,.dialog-ponpon-warning{color:var(--ink-sub)}.dialog-ponpon-warning{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;padding:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;background:var(--paper);border:1px solid var(--frame)}.dialog-ponpon-warning-icon{color:#c9a24b}.dialog-ponpon-error{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;padding:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;background:var(--paper);border:1px solid var(--ink-sub);color:var(--ink)}.dialog-ponpon-error-icon{color:var(--ink-sub)}.dialog-ponpon-items{margin-bottom:1rem}.dialog-ponpon-items-header{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--ink-sub)}.dialog-ponpon-items-list{max-height:8rem}.dialog-ponpon-items-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.dialog-ponpon-items-list{overflow-y:auto}.dialog-ponpon-item-chip{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;background:var(--paper);border:1px solid var(--frame);color:var(--ink-sub)}.dialog-ponpon-actions{display:flex;gap:.75rem}.btn-ponpon-dialog{border-radius:.75rem;padding:.75rem 1.5rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;display:flex;align-items:center;justify-content:center;font-size:.875rem;line-height:1.25rem;border-width:2px;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.btn-ponpon-dialog,.btn-ponpon-dialog:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-ponpon-dialog:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.btn-ponpon-dialog:disabled{cursor:not-allowed;opacity:.5}.btn-ponpon-dialog,.btn-ponpon-dialog:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-ponpon-dialog:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.btn-ponpon-dialog:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-ponpon-dialog{flex:1 1 0%}.btn-ponpon-dialog-cancel{background:var(--paper);color:var(--ink);border-color:var(--frame)}.btn-ponpon-dialog-cancel:hover{background:#efe6d3;border-color:var(--ink-sub)}.btn-ponpon-dialog-danger{background:#a5462f;color:var(--paper-card);border-color:#8f3a26}.btn-ponpon-dialog-danger:hover{background:#8f3a26;border-color:#7a3120}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:640px){.dialog-ponpon-content{margin-left:1rem;margin-right:1rem;max-width:24rem}.dialog-ponpon-actions{flex-direction:column}.btn-ponpon-dialog{width:100%}}.dropdown-ponpon-enter-from,.dropdown-ponpon-leave-to{--tw-translate-y:.5rem;--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.form-ponpon>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.form-ponpon-group>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.form-ponpon-label{display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.form-ponpon-label-with-action{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.form-ponpon-help{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.form-ponpon-help-inline{font-weight:400;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.btn-ponpon-genre-manage{border-radius:.5rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#059669 var(--tw-gradient-to-position);padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-ponpon-genre-manage:hover{--tw-translate-y:-.125rem;--tw-gradient-from:#059669 var(--tw-gradient-from-position);--tw-gradient-to:rgba(5,150,105,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#047857 var(--tw-gradient-to-position);--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.btn-ponpon-genre-manage:active,.btn-ponpon-genre-manage:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-ponpon-genre-manage:active{--tw-scale-x:.95;--tw-scale-y:.95}.form-ponpon-genre-selector{margin-top:.5rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-ponpon-genre-option{display:flex;cursor:pointer;align-items:center;gap:.75rem;border-radius:.75rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-ponpon-genre-option:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-ponpon-genre-option-selected{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1));background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#fdf2f8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(253,242,248,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#faf5ff var(--tw-gradient-to-position);--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-ponpon-genre-option-custom{--tw-border-opacity:1;--tw-gradient-from:#fefce8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(254,252,232,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#fffbeb var(--tw-gradient-to-position)}.form-ponpon-genre-option-custom,.form-ponpon-genre-option-custom-selected{border-color:rgb(251 191 36/var(--tw-border-opacity,1));background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.form-ponpon-genre-option-custom-selected{--tw-border-opacity:1;--tw-gradient-from:#fef9c3 var(--tw-gradient-from-position);--tw-gradient-to:hsla(55,97%,88%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#fef3c7 var(--tw-gradient-to-position);--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-ponpon-genre-emoji{flex-shrink:0;font-size:1.5rem;line-height:2rem}.form-ponpon-genre-text{display:flex;flex:1 1 0%;flex-direction:column;gap:.25rem}.form-ponpon-genre-label{font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.form-ponpon-genre-option-selected .form-ponpon-genre-label{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity,1))}.form-ponpon-genre-description{font-size:.875rem;line-height:1.25rem;line-height:1.25;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.form-ponpon-genre-option-selected .form-ponpon-genre-description{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.form-ponpon-genre-custom-badge{margin-top:.25rem;display:inline-block;width:-moz-fit-content;width:fit-content;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1));padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.form-ponpon-genre-count{margin-left:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.form-ponpon-profile-selector{margin-top:.5rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-ponpon-profile-option{display:flex;cursor:pointer;align-items:center;gap:.75rem;border-radius:.5rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.form-ponpon-profile-option:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.form-ponpon-profile-option-selected{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(250,245,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#fdf2f8 var(--tw-gradient-to-position);--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-ponpon-profile-avatar{flex-shrink:0;font-size:1.5rem;line-height:2rem}.form-ponpon-profile-name{flex:1 1 0%;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.form-ponpon-profile-current-badge{border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1));padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.form-ponpon-color-options{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.75rem}.form-ponpon-color-option{min-width:5rem;flex:1 1 0%;cursor:pointer;border-radius:.5rem;border-width:2px;border-color:transparent;padding:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.form-ponpon-color-option:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.form-ponpon-color-option-selected,.form-ponpon-color-option:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-ponpon-color-option-selected{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.form-ponpon-color-name{text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,0,0,.05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.form-ponpon-weekday-controls{margin-top:.5rem}.form-ponpon-weekday-controls>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.form-ponpon-weekday-quick-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.form-ponpon-weekday-quick-btn{border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.form-ponpon-weekday-quick-btn:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.form-ponpon-weekday-quick-btn-active{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.form-ponpon-weekday-quick-btn-active:hover{--tw-bg-opacity:1;background-color:rgb(219 39 119/var(--tw-bg-opacity,1))}.form-ponpon-weekday-quick-btn-clear{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.form-ponpon-weekday-quick-btn-clear:hover{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.form-ponpon-weekday-selector{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem}.form-ponpon-weekday-option{cursor:pointer;border-radius:.5rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.75rem;text-align:center;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.form-ponpon-weekday-option:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.form-ponpon-weekday-option-selected{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-ponpon-stamp-selector{margin-top:.5rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.form-ponpon-stamp-option{display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;border-radius:.5rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.form-ponpon-stamp-option:hover{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.form-ponpon-stamp-option-selected,.form-ponpon-stamp-option:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-ponpon-stamp-option-selected{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1));background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:#fdf2f8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(253,242,248,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#faf5ff var(--tw-gradient-to-position);--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.form-ponpon-stamp-image-display{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center}.form-ponpon-stamp-image-display img{height:100%;width:100%;border-radius:.25rem;-o-object-fit:contain;object-fit:contain}.form-ponpon-stamp-emoji-display{font-size:1.5rem;line-height:2rem}.form-ponpon-stamp-label{text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.form-ponpon-actions{display:flex;justify-content:flex-end;gap:.75rem;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));padding-top:1rem}@media(max-width:640px){.form-ponpon-genre-selector,.form-ponpon-profile-selector{grid-template-columns:1fr}.form-ponpon-color-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.form-ponpon-stamp-selector{grid-template-columns:repeat(3,1fr)}.form-ponpon-actions{flex-direction:column}}.effect-ponpon-container{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;pointer-events:none}.effect-ponpon-container.active{pointer-events:auto}.effect-ponpon-overlay{display:none}.effect-ponpon-main{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}.effect-ponpon-stamp{z-index:20;font-size:3.75rem;line-height:1;color:var(--shu,#d9436d);filter:drop-shadow(0 1px 2px rgba(69,58,47,.2));animation:effectStampPress .5s cubic-bezier(.22,1.35,.38,1) forwards}.effect-ponpon-stamp img{height:3.5rem;width:3.5rem;border-radius:.5rem;-o-object-fit:contain;object-fit:contain}.effect-ponpon-message{z-index:20;margin-top:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;color:var(--shu-deep,#c22f5b);animation:effectMessageFade .5s ease-out .15s forwards}.effect-ponpon-glow,.effect-ponpon-message{opacity:0}.effect-ponpon-glow{position:absolute;top:50%;left:50%;height:4rem;width:4rem;border-radius:9999px;border:2px solid var(--shu,#d9436d);background:transparent;transform:translate(-50%,-50%) scale(.5)}.effect-ponpon-glow.active{animation:effectRing .55s ease-out forwards}.effect-ponpon-particle{display:none}@keyframes effectStampPress{0%{opacity:0;transform:scale(2.4) rotate(9deg)}55%{opacity:1;transform:scale(.86) rotate(-8deg)}76%{transform:scale(1.07) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(-6deg)}}@keyframes effectMessageFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes effectRing{0%{transform:translate(-50%,-50%) scale(.5);opacity:.55}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@media(prefers-reduced-motion:reduce){.effect-ponpon-stamp{animation:none;transform:rotate(-6deg);opacity:1}.effect-ponpon-glow.active{animation:none;opacity:0}.effect-ponpon-message{animation:none;opacity:1}}@media(max-width:640px){.effect-ponpon-stamp{font-size:3rem;line-height:1}.effect-ponpon-stamp img{height:3rem;width:3rem}.effect-ponpon-message{font-size:1rem;line-height:1.5rem}}.toast-ponpon-container{pointer-events:none;position:fixed;top:1rem;right:1rem;z-index:50;max-width:24rem}.toast-ponpon{position:relative;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem;border-radius:.75rem;padding:1rem;min-width:300px;color:var(--ink);box-shadow:0 8px 20px #453a2f24;border:1.5px solid var(--frame);pointer-events:auto;overflow:hidden}.toast-ponpon,.toast-ponpon-success{background:var(--paper-card)}.toast-ponpon-success{border-left:4px solid var(--shu)}.toast-ponpon-error{border-left:4px solid var(--ink);background:var(--paper-card)}.toast-ponpon-warning{border-left:4px solid #c9a24b;background:var(--paper-card)}.toast-ponpon-info{border-left:4px solid var(--paper-sat);background:var(--paper-card)}.toast-ponpon-with-stamp{border-left:4px solid var(--shu)}.toast-ponpon-stamp{position:absolute;top:-.25rem;left:-.25rem;font-size:1.875rem;line-height:2.25rem;animation:toastStampPop .6s cubic-bezier(.68,-.55,.265,1.55)}.toast-ponpon-stamp img{height:2rem;width:2rem;border-radius:.25rem;-o-object-fit:contain;object-fit:contain}.toast-ponpon-icon{flex-shrink:0;font-size:1.5rem;line-height:2rem;animation:toastIconBounce .6s ease-out}.toast-ponpon-content{min-width:0;flex:1 1 0%}.toast-ponpon-title{margin-bottom:.125rem;font-size:.875rem;line-height:1.25rem;font-weight:600;line-height:1.25;color:var(--ink)}.toast-ponpon-message{font-size:.75rem;line-height:1rem;line-height:1.25;color:var(--ink-sub)}.toast-ponpon-close{display:flex;height:1.5rem;width:1.5rem;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:.375rem;border-width:0;background-color:transparent;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;color:var(--ink-sub)}.toast-ponpon-close:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.05;color:var(--ink)}.toast-ponpon-close:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px #d9436d66}@keyframes toastStampPop{0%{transform:scale(0) rotate(-180deg);opacity:0}15%{transform:scale(1.8) rotate(15deg);opacity:1}25%{transform:scale(.9) rotate(-8deg);opacity:1}35%{transform:scale(1.3) rotate(5deg);opacity:1}45%{transform:scale(1.05) rotate(-2deg);opacity:1}60%{transform:scale(1.15) rotate(1deg);opacity:1}75%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes toastIconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.toast-ponpon-enter-active{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.toast-ponpon-leave-active{transition:all .3s ease-in}.toast-ponpon-enter-from,.toast-ponpon-leave-to{transform:translate(100%) scale(.8);opacity:0}@media(max-width:640px){.toast-ponpon-container{left:1rem;right:1rem;top:1rem;max-width:none}.toast-ponpon{min-width:0}.toast-ponpon-stamp{font-size:1.5rem;line-height:2rem}.toast-ponpon-stamp img{height:1.5rem;width:1.5rem}.toast-ponpon-icon{font-size:1.25rem;line-height:1.75rem}}.calendar-ponpon-grid{display:flex;flex-direction:column;gap:0;padding:8px}.calendar-ponpon-weekday-headers{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px}.calendar-ponpon-weekday-header{text-align:center;font-weight:700;color:var(--ink-sub);font-size:.875rem;padding:.5rem;min-height:32px;display:flex;align-items:center;justify-content:center}.calendar-ponpon-cells{display:grid;gap:8px}.calendar-ponpon-cells-month,.calendar-ponpon-cells-week{grid-template-columns:repeat(7,1fr);grid-auto-rows:100px}.calendar-ponpon-cell{position:relative;height:100px;border-radius:.5rem;border:1.2px dashed var(--frame);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.5rem;overflow:hidden}.calendar-ponpon-cell-clickable:hover{border-color:var(--frame);background:#efe6d3;transform:scale(1.05);box-shadow:0 4px 12px #453a2f1f}.calendar-ponpon-cell-today{border:1.8px solid var(--shu);background:var(--paper-card);box-shadow:none}.calendar-ponpon-cell-has-effort{border-color:var(--frame);background:var(--paper-card)}.calendar-ponpon-cell-other-month{color:var(--ink-sub);opacity:.5;background:transparent}.calendar-ponpon-cell-weekend{background:transparent}.calendar-ponpon-cell-selected{border:2px solid var(--shu-deep);background:var(--paper);box-shadow:0 0 0 3px #d9436d38}.calendar-ponpon-cell-header{width:100%;display:flex;justify-content:space-between;align-items:flex-start}.calendar-ponpon-date-number{font-size:1.125rem;font-weight:600}.calendar-ponpon-date-weekday{font-size:.75rem;color:var(--ink-sub)}.calendar-ponpon-effort-display{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:.25rem}.calendar-ponpon-effort-stamp,.calendar-ponpon-stamp-image{display:flex;align-items:center;justify-content:center}.calendar-ponpon-stamp-image{width:2rem;height:2rem;border-radius:.375rem;overflow:hidden}.calendar-ponpon-stamp-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.calendar-ponpon-effort-details{text-align:center}.calendar-ponpon-effort-intensity{font-size:.75rem;font-weight:700}.calendar-ponpon-intensity-light{color:var(--ink-sub)}.calendar-ponpon-intensity-normal{color:var(--ink)}.calendar-ponpon-intensity-strong{color:var(--shu-deep)}.calendar-ponpon-effort-mood{font-size:.75rem}.calendar-ponpon-touch-target{min-height:44px;min-width:44px}.calendar-ponpon-swipe-container{touch-action:pan-y pinch-zoom}@media(max-width:640px){.calendar-ponpon-cells-month,.calendar-ponpon-cells-week{grid-auto-rows:80px}.calendar-ponpon-cell{height:80px;padding:.25rem}.calendar-ponpon-date-number{font-size:1rem}.calendar-ponpon-stamp-image{width:1.5rem;height:1.5rem}}.calendar-ponpon-container{margin-left:auto;margin-right:auto;max-width:56rem;border-radius:1rem;padding:1.5rem;background:var(--paper-card);border:1.5px solid var(--frame);box-shadow:0 1px #453a2f0f}.calendar-ponpon-modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.5;padding:1rem}.task-ponpon-genre{display:flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;background:#ffffffb3;border:1px solid rgba(0,0,0,.1);border-radius:12px;width:-moz-fit-content;width:fit-content;font-size:.8rem}.task-ponpon-genre-emoji{font-size:.9rem}.task-ponpon-genre-label{color:#4b5563;font-weight:500}.mini-stamp-image{width:1.25rem;height:1.25rem;border-radius:.25rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.mini-stamp-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.effect-stamp-image{width:3rem;height:3rem;border-radius:.5rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.effect-stamp-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@media(prefers-color-scheme:dark){.task-ponpon-genre{background:#0000004d;border-color:#fff3}.task-ponpon-genre-label{color:#9ca3af}}.mascot-ponpon-character{position:fixed;bottom:80px;right:120px;z-index:1000}.mascot-ponpon-container{position:relative;display:flex;align-items:flex-end;justify-content:center}.mascot-ponpon-container:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:66%;height:12px;background:radial-gradient(ellipse at center,#453a2f33,#453a2f00 70%);z-index:-1;pointer-events:none}.mascot-ponpon-image{width:132px;height:auto;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease;cursor:pointer;display:block;filter:drop-shadow(0 4px 4px rgba(69,58,47,.16))}.mascot-ponpon-image:hover{transform:scale(1.05) translateY(-2px)}.mascot-ponpon-bubble{position:absolute;top:-120px;right:-10px;background:var(--paper-card,#fffaf0);border:1.5px solid var(--frame,#d9cbb4);border-radius:14px;padding:12px 16px;font-size:14px;color:var(--ink,#453a2f);font-weight:500;max-width:200px;box-shadow:0 4px 10px #453a2f1f;animation:bubbleAppear .3s ease-out;z-index:1001;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mascot-ponpon-bubble:before{content:"";position:absolute;bottom:-16px;right:20px;border:8px solid transparent;border-top:8px solid var(--frame,#d9cbb4)}.mascot-ponpon-bubble:after{content:"";position:absolute;bottom:-12px;right:22px;border:6px solid transparent;border-top:6px solid var(--paper-card,#fffaf0)}.mascot-ponpon-bubble-praise{animation:bubbleAppear .3s ease-out,bubblePulse 1s ease-in-out infinite}.mascot-ponpon-celebrating .mascot-ponpon-image{animation:celebrate .6s ease-in-out}@keyframes bubbleAppear{0%{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bubblePulse{0%,to{transform:scale(1);box-shadow:0 4px 10px #453a2f1f}50%{transform:scale(1.02);box-shadow:0 6px 14px #453a2f33}}@keyframes celebrate{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}@media(max-width:768px){.mascot-ponpon-character{bottom:calc(12px + env(safe-area-inset-bottom,0px));right:12px}.mascot-ponpon-image{width:76px;height:auto;-o-object-fit:contain;object-fit:contain}.mascot-ponpon-bubble{top:-90px;right:-5px;max-width:150px;font-size:12px;padding:8px 12px}.mascot-ponpon-bubble:before{right:15px;border-width:6px;bottom:-12px}.mascot-ponpon-bubble:after{right:17px;border-width:4px;bottom:-8px}}.navigation-ponpon-controller>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.navigation-ponpon-calendar-header{display:flex;align-items:flex-start;justify-content:space-between}.navigation-ponpon-header-info>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.navigation-ponpon-task-title{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--ink)}.navigation-ponpon-task-emoji{font-size:1.875rem;line-height:2.25rem}.navigation-ponpon-task-meta{display:flex;gap:.75rem;font-size:.875rem;line-height:1.25rem}.navigation-ponpon-task-category{border-radius:9999px;padding:.25rem .5rem;background:var(--paper);border:1px solid var(--frame);color:var(--ink-sub)}.navigation-ponpon-header-actions{display:flex;gap:.5rem}.navigation-ponpon-view-toggle-group{padding:.25rem}.navigation-ponpon-calendar-navigation,.navigation-ponpon-view-toggle-group{display:flex;border-radius:.5rem;background:var(--paper);border:1px solid var(--frame)}.navigation-ponpon-calendar-navigation{align-items:center;justify-content:space-between;padding:1rem}.navigation-ponpon-period-display{text-align:center}.navigation-ponpon-period-title{font-size:1.25rem;line-height:1.75rem;font-weight:700;color:var(--ink)}.navigation-ponpon-period-subtitle{font-size:.875rem;line-height:1.25rem;color:var(--ink-sub)}.effort-ponpon-detail-panel{margin-top:1.5rem;border-radius:.5rem;padding:1.5rem;background:var(--paper);border:1.5px solid var(--frame)}.effort-ponpon-detail-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.effort-ponpon-detail-title{font-size:1.125rem;line-height:1.75rem;font-weight:700;color:var(--ink)}.effort-ponpon-close-detail-btn{font-size:1.25rem;line-height:1.75rem;color:var(--ink-sub)}.effort-ponpon-close-detail-btn:hover{color:var(--ink)}.effort-ponpon-detail-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.effort-ponpon-summary>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.effort-ponpon-summary-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem}.effort-ponpon-summary-icon{font-size:1.125rem;line-height:1.75rem}.effort-ponpon-detail-stamp-image img{height:1.25rem;width:1.25rem;border-radius:.25rem;-o-object-fit:contain;object-fit:contain}.effort-ponpon-summary-text{color:var(--ink)}.effort-ponpon-memo>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.effort-ponpon-memo-title{font-weight:500;color:var(--ink)}.effort-ponpon-memo-content{border-radius:.25rem;padding:.75rem;font-style:italic;color:var(--ink-sub);background:var(--paper-card);border:1px solid var(--frame)}.effort-ponpon-detail-actions{display:flex;gap:.5rem}.effort-ponpon-edit-btn,.effort-ponpon-share-btn{border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.effort-ponpon-edit-btn{background:var(--paper-card);color:var(--ink);border:1.2px solid var(--frame)}.effort-ponpon-edit-btn:hover{background:#efe6d3}.effort-ponpon-share-btn{background:var(--paper-card);color:var(--shu-deep);border:1.2px solid var(--shu)}.effort-ponpon-share-btn:hover{background:#efe6d3}.card-ponpon-interactive{animation:slideIn .3s ease-out backwards}.card-ponpon-interactive:first-child{animation-delay:.1s}.card-ponpon-interactive:nth-child(2){animation-delay:.2s}.card-ponpon-interactive:nth-child(3){animation-delay:.3s}.card-ponpon-interactive:nth-child(4){animation-delay:.4s}.card-ponpon-interactive:nth-child(5){animation-delay:.5s}.card-ponpon-interactive:nth-child(6){animation-delay:.6s}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.dropdown-ponpon{right:0;width:14rem}.account-name-ponpon{max-width:100px}}:root{--paper:#f8f1e2;--paper-card:#fffaf0;--paper-dim:#f1e7d2;--ink:#453a2f;--ink-sub:#8a7a67;--ink-faint:#b5a68f;--shu:#d9436d;--shu-deep:#c22f5b;--shu-wash:rgba(217,67,109,.07);--ai:#5f7fa8;--frame:#d9cbb4;--paper-sat:#5f7fa8;--paper-sun:#c22f5b;--paper-shadow:0 1px 0 rgba(69,58,47,.06),0 2px 8px rgba(69,58,47,.05);--shu-shadow:0 2px 6px rgba(194,47,91,.25);--paper-noise:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='2' type='fractalNoise'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .05 0'/%3E%3C/filter%3E%3Cpath d='M0 0h140v140H0z' filter='url(%23a)'/%3E%3C/svg%3E");--font-paper:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Yu Gothic",Meiryo,sans-serif}body{background:var(--paper-noise),var(--paper);color:var(--ink);font-family:var(--font-paper)}@supports (overflow-x:clip){body,html{overflow-x:clip}}.stampbook{color:var(--ink);font-family:var(--font-paper);padding-bottom:40px}.stampbook-home{padding:14px 18px 40px;max-width:1240px;margin:0 auto}.stampbook .app-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 18px;margin-bottom:22px}.stampbook-home .app-head{position:sticky;top:0;z-index:40;background:var(--paper-noise),var(--paper);margin:-14px -18px 22px;padding:14px 18px 10px;border-bottom:1px solid hsla(37,33%,78%,.55)}.stampbook-home .area-week{scroll-margin-top:96px}.stampbook .app-date{font-size:13px;letter-spacing:.14em;display:block;color:var(--ink-sub)}.stampbook .app-title{font-size:30px;font-weight:700;margin:0;line-height:1.3;letter-spacing:.03em;color:var(--ink)}.stampbook .app-title small{font-size:14px;font-weight:400;margin-left:8px;color:var(--ink-sub)}.stampbook .head-left{margin-right:auto}.stampbook .app-brand{display:block;font-size:12.5px;font-weight:700;letter-spacing:.14em;color:var(--ink-faint);margin-bottom:2px}.stampbook .app-brand i{font-style:normal;color:var(--shu)}.stampbook .app-day{font-size:32px;font-weight:700;margin:0;line-height:1.2;color:var(--ink)}.stampbook .app-day small{font-size:14px;font-weight:400;margin-left:8px;color:var(--ink-sub)}.stampbook .head-tools{display:flex;align-items:center;gap:14px;padding-top:12px}.stampbook .streak{display:inline-flex;align-items:baseline;gap:4px}.stampbook .streak b{font-size:26px;font-variant-numeric:tabular-nums;color:var(--ink)}.stampbook .streak span{font-size:12px;color:var(--ink-sub)}.stampbook .top-nav{display:flex;gap:4px}.stampbook .top-nav a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12.5px;text-decoration:none;border-radius:999px;padding:6px 13px;color:var(--ink-sub);background:none;border:none;cursor:pointer;font-family:inherit}.stampbook .top-nav a:hover{color:var(--ink);background:var(--paper-card)}.stampbook .top-nav svg{width:16px;height:16px;flex-shrink:0}.stampbook .app-head .account-switcher-ponpon{padding-top:8px}@media(max-width:620px){.stampbook .app-day{font-size:24px}.stampbook .app-head{align-items:center}.stampbook .app-head .account-switcher-ponpon{order:2;padding-top:0}.stampbook .head-tools{order:3;width:100%;padding-top:0;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}.stampbook .head-tools .streak{order:1}.stampbook .head-tools .top-nav{order:2;flex-wrap:wrap}}.stampbook .grid{display:grid;gap:20px;grid-template-columns:minmax(0,1fr);grid-template-areas:"week" "tasks" "month"}@media(min-width:940px){.stampbook .grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"month week" "month tasks";align-items:start}}.stampbook .area-week{grid-area:week;min-width:0}.stampbook .area-tasks{grid-area:tasks;min-width:0}.stampbook .area-month{grid-area:month;min-width:0}@media(min-width:940px){.stampbook .area-month{align-self:stretch;display:flex;flex-direction:column}.stampbook .area-month>.card{position:sticky;top:18px}.stampbook-home .area-month>.card{top:96px}.stampbook .mascot-home{position:sticky;bottom:12px;margin-top:auto;display:flex;justify-content:flex-end;padding:14px 10px 0 0}.stampbook .mascot-home .mascot-ponpon-character{position:static}.stampbook .mascot-home .mascot-ponpon-image{width:104px}}@media(max-width:939px){.stampbook-home{padding-bottom:calc(180px + env(safe-area-inset-bottom,0px))}.stampbook .mascot-home .mascot-ponpon-character{bottom:calc(12px + env(safe-area-inset-bottom,0px));right:12px}.stampbook .mascot-home .mascot-ponpon-image{width:76px}}.stampbook .section-label{font-size:12px;letter-spacing:.16em;font-weight:700;margin:0 0 10px;color:var(--ink-sub)}.stampbook .card{border-radius:16px;padding:18px 18px 16px;background:var(--paper-card);border:1.5px solid var(--frame);box-shadow:0 1px #453a2f0f}.stampbook .days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.stampbook .day{text-align:center}.stampbook .dow{font-size:11px;display:block;margin-bottom:4px;color:var(--ink-sub)}.stampbook .dow.sat{color:var(--paper-sat)}.stampbook .dow.sun{color:var(--paper-sun)}.stampbook .cell{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:13px;font-variant-numeric:tabular-nums;border:1px solid var(--frame);border-radius:8px;color:var(--ink-faint)}.stampbook .cell.stamped{background:var(--shu-wash);border-color:#d9436d47;color:var(--ink-sub)}.stampbook .cell.today{border:1.8px solid var(--shu);color:var(--ink)}.stampbook .cell.future{opacity:.5}.stampbook .album-tabs{display:flex;flex-wrap:nowrap;gap:6px;margin-bottom:10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent);padding-bottom:2px;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stampbook .album-tabs::-webkit-scrollbar{display:none}.stampbook .album-tabs:active{cursor:grabbing}.stampbook .atab{flex:none;font-family:inherit;font-size:12px;cursor:pointer;background:none;border:1.2px dashed var(--frame);border-radius:999px;padding:4px 13px;color:var(--ink-sub);white-space:nowrap}.stampbook .atab[aria-pressed=true]{border:1.6px solid var(--shu);color:var(--shu-deep);background:var(--paper-card);font-weight:700}.stampbook .album-hint{font-size:11px;color:var(--ink-faint);margin:8px 0 0}.stampbook .mdays{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.stampbook .mhead{font-size:11px;text-align:center;padding-bottom:4px;color:var(--ink-sub)}.stampbook .mhead.sat{color:var(--paper-sat)}.stampbook .mhead.sun{color:var(--paper-sun)}.stampbook .mcell{position:relative;aspect-ratio:1;border-radius:10px;font-size:12px;font-variant-numeric:tabular-nums;border:1px solid var(--frame);color:var(--ink-faint)}.stampbook .mnum{position:absolute;top:5px;left:7px}.stampbook .mcell.stamped{background:var(--shu-wash);border-color:#d9436d47;color:var(--ink-sub)}.stampbook .mcell.out{opacity:.38}.stampbook .mcell.future{opacity:.55}.stampbook .mcell.today{border:1.8px solid var(--shu);color:var(--ink)}.stampbook .mcount{position:absolute;right:4px;bottom:3px;font-size:9.5px;font-weight:700;color:var(--shu-deep)}.stampbook .mdays.flip{animation:sb-page-flip .4s ease;transform-origin:left center}@keyframes sb-page-flip{0%{transform:perspective(900px) rotateY(-10deg);opacity:.15}to{transform:none;opacity:1}}.stampbook .task{display:flex;align-items:center;gap:14px;padding:14px 14px 14px 18px;border-radius:16px;margin-bottom:12px;background:var(--paper-card);border:1.5px solid var(--frame);cursor:pointer}.stampbook .t-info{flex:1;min-width:0}.stampbook .t-name{font-size:17px;font-weight:700;display:block;line-height:1.4;color:var(--ink)}.stampbook .t-meta{font-size:12px;display:block;margin-top:2px;color:var(--ink-sub)}.stampbook .tasks-empty{font-size:13px;color:var(--ink-sub);padding:8px 2px 2px;line-height:1.7}.stampbook .new-habit{font-family:inherit;font-size:13px;cursor:pointer;margin-top:4px;background:var(--shu);color:#fff;border:none;border-radius:999px;padding:8px 16px;font-weight:700;box-shadow:0 2px 6px #c22f5b40}.stampbook .new-habit:hover{background:var(--shu-deep)}.stampbook .loading-spinner{border-color:var(--frame);border-top-color:var(--shu)}.stampbook .loading-text{color:var(--ink-sub)}.stampbook .error-title{color:var(--ink)}.stampbook .error-message{color:var(--ink-sub)}.stampbook .retry-btn{background:var(--paper-card);color:var(--ink);border:1.5px solid var(--frame);border-radius:999px;padding:8px 20px;font-weight:700}.stampbook .retry-btn:hover{background:#efe6d3;border-color:var(--ink-sub)}.stampbook .slot{width:74px;height:74px;flex:none;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:default;font-family:inherit;color:var(--shu)}.stampbook .slot.pending{cursor:pointer}.stampbook .slot .empty{position:absolute;inset:5px;border-radius:50%;border:1.8px dashed var(--shu);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--shu);letter-spacing:.1em;animation:sb-breathe 2.2s ease-in-out infinite}.stampbook .slot.stamped .empty{display:none}.stampbook .mini .stamp,.stampbook .slot .stamp{display:flex;align-items:center;justify-content:center}.stampbook .slot .stamp{width:68px;height:68px}.stampbook .slot .stamp-emoji{font-size:34px;line-height:1}.stampbook .slot .stamp-img{width:60px;height:60px;-o-object-fit:contain;object-fit:contain}.stampbook .mini{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.stampbook .mini .stamp{width:72%;height:72%}.stampbook .mini .stamp-emoji{font-size:15px;line-height:1}.stampbook .mini .stamp-img{width:74%;height:74%;-o-object-fit:contain;object-fit:contain}.stampbook .stamp{opacity:0;pointer-events:none}.stampbook .stamp.static{opacity:1}.stampbook .slot.stamped .stamp.show{animation:sb-press .5s cubic-bezier(.22,1.35,.38,1) both}.stampbook .mini .stamp.show{animation:sb-press .5s cubic-bezier(.22,1.35,.38,1) .12s both}@keyframes sb-press{0%{opacity:0;transform:scale(2.4) rotate(9deg)}55%{opacity:1;transform:scale(.86) rotate(-8deg)}76%{transform:scale(1.07) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(-6deg)}}.stampbook .slot.stamped:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid;opacity:0;animation:sb-ring .55s ease-out .08s}@keyframes sb-ring{0%{transform:scale(.5);opacity:.55}to{transform:scale(1.5);opacity:0}}@keyframes sb-breathe{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:1}}@media(prefers-reduced-motion:reduce){.stampbook .mini .stamp.show,.stampbook .slot.stamped .stamp.show{animation:none;opacity:1;transform:rotate(-6deg)}.stampbook .slot.stamped:after{animation:none}.stampbook .slot .empty{animation:none!important}.stampbook .mdays.flip{animation:none}}