*,::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:}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre,fieldset{margin:0}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}@keyframes spin{to{transform:rotate(1turn)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}@media (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 (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,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 (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}*,:after,:before,::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:#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:}*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family: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:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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,fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}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{vertical-align:middle;display:block}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:#faf5ff var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);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 (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.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)) skewX(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 #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)}.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{--tw-border-opacity:1;border-width:2px;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))}.card{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #0000000d;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000000d,inset 0 1px #fffc}@media (hover:none) and (pointer:coarse){.btn,.touch-target{min-height:48px}.card:hover{transform:none}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.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-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}.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-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-\[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}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:1s linear infinite spin}.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))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.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-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}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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-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-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-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-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-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-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:#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)}.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-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-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-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-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-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:#0000}.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}.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-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 #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)}.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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.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,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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-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-opacity-100:hover{--tw-bg-opacity:1}.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\: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-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 #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-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 #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-offset:2px;outline:2px solid #0000}.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)}.disabled\:opacity-50:disabled{opacity:.5}@media (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 (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,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 (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,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:#ffffffe6;--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 #0000000d;--shadow-base:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--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);transition:all var(--transition-base);border:1px solid #0000000d}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.input{border:1px solid var(--color-gray-300);border-radius:var(--border-radius-base);transition:all var(--transition-base);background:var(--color-white);padding:.75rem 1rem;font-size:1rem}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(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:translateY(-8px)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-4px)}90%{transform:translateY(-2px)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease}.animate-slide-in{animation:slideIn var(--transition-slow) ease}.animate-bounce{animation:1s infinite bounce}@media (width<=640px){:root{--spacing-base:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem}}.tasks-page{background:0 0;max-width:72rem;min-height:100vh;margin-left:auto;margin-right:auto;padding:1.5rem}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:0 0!important}.tasks-page.bg-polka-dots,body.bg-polka-dots{background:var(--background-gradient);position:relative}body.bg-polka-dots:before{content:"";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;position:fixed;inset:0}.tasks-page.bg-stripes,body.bg-stripes{background:var(--background-gradient);position:relative}body.bg-stripes:before{content:"";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;position:fixed;inset:0}body.bg-chevron{background:var(--background-gradient);position:relative}body.bg-chevron:before{content:"";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;position:fixed;inset:0}body.bg-hearts{background:var(--background-gradient);position:relative}body.bg-hearts:before{content:"";background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%3Ctext%20x%3D%2230%22%20y%3D%2235%22%20fill%3D%22rgba\(255%2C255%2C255%2C0.3\)%22%20font-size%3D%2220%22%20text-anchor%3D%22middle%22%3E%F0%9F%92%95%3C%2Ftext%3E%3C%2Fsvg%3E),url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%3Ctext%20x%3D%2230%22%20y%3D%2235%22%20fill%3D%22rgba\(255%2C255%2C255%2C0.2\)%22%20font-size%3D%2216%22%20text-anchor%3D%22middle%22%3E%F0%9F%92%96%3C%2Ftext%3E%3C%2Fsvg%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));opacity:var(--pattern-opacity,.4);z-index:-1;pointer-events:none;background-repeat:repeat;position:fixed;inset:0}.tasks-page.bg-hearts>*,body.bg-hearts>*{z-index:1;position:relative}body.bg-stars{background:var(--background-gradient);position:relative}body.bg-stars:before{content:"";background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%3Ctext%20x%3D%2230%22%20y%3D%2235%22%20fill%3D%22rgba\(255%2C255%2C255%2C0.4\)%22%20font-size%3D%2216%22%20text-anchor%3D%22middle%22%3E%E2%AD%90%3C%2Ftext%3E%3C%2Fsvg%3E),url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%3Ctext%20x%3D%2230%22%20y%3D%2235%22%20fill%3D%22rgba\(255%2C255%2C255%2C0.25\)%22%20font-size%3D%2212%22%20text-anchor%3D%22middle%22%3E%E2%9C%A8%3C%2Ftext%3E%3C%2Fsvg%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));opacity:var(--pattern-opacity,.6);z-index:-1;pointer-events:none;background-repeat:repeat;animation:4s ease-in-out infinite starTwinkle;position:fixed;inset:0}@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:"";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));z-index:-1;pointer-events:none;background-position:0 0,25px 25px,40px 10px,10px 40px;animation:8s ease-in-out infinite bubbleFloat;position:fixed;inset:0}@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,#f472b666 30%,#0000 0) 0 0/8px 8px}.bg-hearts-preview{background:#fce7f34d 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>") 0 0/12px 12px}.bg-stars-preview{background:#fef08a4d 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>") 0 0/12px 12px}.bg-bubbles-preview{background:radial-gradient(circle at 25% 25%,#6366f133 15%,#0000 0) 0 0/10px 10px,radial-gradient(circle at 75% 75%,#a855f726 10%,#0000 0) 0 0/15px 15px}.bg-stripes-preview{background:repeating-linear-gradient(45deg,#9333ea33,#9333ea33 3px,#0000 0 6px)}body.bg-zigzag{background:var(--background-gradient);position:relative}body.bg-zigzag:before{content:"";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;position:fixed;inset:0}body.bg-confetti{background:var(--background-gradient);position:relative}body.bg-confetti:before{content:"";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;position:fixed;inset:0}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.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{color:var(--ink);font-size:1.875rem;font-weight:700;line-height:2.25rem}.page-subtitle{color:var(--ink-sub)}.header-actions{gap:.75rem;display:flex}.create-btn{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:#a855f7 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.create-btn:hover{--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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.bulk-delete-btn{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1));border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.bulk-delete-btn:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.bulk-actions{gap:.5rem;display:flex}.bulk-confirm-btn{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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{--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));border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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);border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.create-btn.primary:hover{--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);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 (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{font-size:.75rem;line-height:1rem;display:block}.create-btn .btn-icon{font-size:1.125rem;line-height:1.75rem}}.view-mode-radio{min-height:44px}.radio-group{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));border-radius:.5rem;gap:.25rem;padding:.25rem;display:flex}.radio-option{cursor:pointer;flex:1}.radio-input{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.radio-label{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));background-color:#0000;border-radius:.25rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.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:#2563eb var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--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);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)) skewX(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:#1d4ed8 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.radio-icon{font-size:1rem;line-height:1.5rem}.radio-text{display:none}@media (width>=640px){.radio-text{display:inline}}@media (width<=640px){.radio-group{gap:.125rem}.radio-label{padding:.5rem}}.menu-dropdown{position:relative}.menu-btn{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:2.5rem;height:2.5rem;color:rgb(55 65 81/var(--tw-text-opacity,1));border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;font-weight:500;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.menu-btn:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.menu-dropdown-content{z-index:50;--tw-border-opacity:1;border-width:1px;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));--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);min-width:12rem;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);border-radius:.5rem;margin-top:.5rem;padding-top:.5rem;padding-bottom:.5rem;position:absolute;top:100%;right:0;box-shadow:0 8px 20px #0000001a}.menu-item{text-align:left;align-items:center;gap:.75rem;width:100%;padding:.5rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.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{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bulk-mode-header{--tw-border-opacity:1;border-width:2px;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));text-align:center;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem;animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-mode-indicator{justify-content:center;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.bulk-mode-icon{font-size:1.5rem;line-height:2rem}.bulk-mode-text{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1));font-size:1.125rem;font-weight:700;line-height:1.75rem}.bulk-mode-instruction{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem}.btn-icon{font-size:1.125rem;line-height:1.75rem}.stats-summary{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}@media (width>=768px){.stats-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}.stat-card{background:var(--color-card-background);--tw-shadow:0 1px 2px 0 #0000000d;--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);border-radius:.5rem;align-items:center;gap:1rem;padding:1.5rem;display:flex}.stat-icon{font-size:1.875rem;line-height:2.25rem}.stat-content{text-align:center}.stat-value{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1));font-size:1.5rem;font-weight:700;line-height:2rem}.stat-label{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem}.stat-compact{text-align:center;justify-content:center;align-items:center;gap:.5rem;display:flex}.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{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem}.loading-container{flex-direction:column;justify-content:center;align-items:center;padding-top:3rem;padding-bottom:3rem;display:flex}.loading-spinner{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));border-radius:9999px;width:2rem;height:2rem;margin-bottom:1rem;animation:1s linear infinite spin}.loading-text{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.error-container{text-align:center;padding-top:3rem;padding-bottom:3rem}.error-icon{margin-bottom:1rem;font-size:3.75rem;line-height:1}.error-title{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1));margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.75rem}.error-message{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));margin-bottom:1.5rem}.retry-btn{--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));border-radius:.5rem;padding:.5rem 1.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.retry-btn:hover{--tw-bg-opacity:1;background-color:rgb(219 39 119/var(--tw-bg-opacity,1))}.empty-state{text-align:center;padding-top:4rem;padding-bottom:4rem}.empty-illustration{margin-bottom:1.5rem}.empty-icon{font-size:6rem;line-height:1}.empty-title{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1));margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:2rem}.empty-description{--tw-text-opacity:1;max-width:28rem;color:rgb(75 85 99/var(--tw-text-opacity,1));margin-bottom:2rem;margin-left:auto;margin-right:auto}.empty-action-btn{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:#a855f7 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.5rem;padding:.75rem 2rem;font-weight:500;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.empty-action-btn:hover{--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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tasks-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid}@media (width>=768px){.tasks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (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-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.section-header{margin-bottom:1rem}.section-title{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1));align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;line-height:1.75rem;display:flex}.section-icon{font-size:1.5rem;line-height:2rem}.section-count{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));font-size:1rem;font-weight:500;line-height:1.5rem}.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{--tw-border-opacity:1;border-top-width:1px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));margin-top:1rem;padding-top:1rem}.inactive-label{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.task-card{background:var(--paper-card);cursor:pointer;--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);padding:1.5rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.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 #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)}.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{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc}.task-card:hover:before{height:5px}.task-card:before{content:"";background:var(--shu);opacity:.9;height:4px;position:absolute;top:0;left:0;right:0}.task-card[data-theme=polka-dots]{--theme-color:#f472b6;--theme-color-light:#fbcfe8;background-image:radial-gradient(circle,#fbcfe866 25%,#0000 0),radial-gradient(circle,#fbcfe866 25%,#0000 0);background-position:0 0,10px 10px;background-size:20px 20px}.task-card[data-theme=stripes]{--theme-color:#9333ea;--theme-color-light:#c084fc;background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#c484fc1a 0 20px)}.task-card[data-theme=chevron]{--theme-color:#06b6d4;--theme-color-light:#67e8f9;background-image:linear-gradient(135deg,#67e8f91a 25%,#0000 0),linear-gradient(225deg,#67e8f91a 25%,#0000 0),linear-gradient(45deg,#67e8f91a 25%,#0000 0),linear-gradient(315deg,#67e8f91a 25%,#0000 0);background-position:0 0,10px 0,10px 10px,0 10px;background-size:20px 20px}.task-card[data-theme=hearts]{--theme-color:#ec4899;--theme-color-light:#f9a8d4;position:relative}.task-card[data-theme=hearts]:after{content:"💕 💖 💕 💖 💕";opacity:.05;pointer-events:none;word-wrap:break-word;font-size:24px;line-height:40px;position:absolute;inset:20px 0 0;overflow:hidden}.task-card[data-theme=stars]{--theme-color:#fbbf24;--theme-color-light:#fde68a;position:relative}.task-card[data-theme=stars]:after{content:"⭐ ✨ ⭐ ✨ ⭐";opacity:.08;pointer-events:none;word-wrap:break-word;font-size:20px;line-height:36px;animation:3s ease-in-out infinite twinkle;position:absolute;inset:20px 0 0;overflow:hidden}@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%,#93c5fd33 0,#0000 50%),radial-gradient(circle at 80% 60%,#93c5fd26 0,#0000 40%),radial-gradient(circle at 40% 80%,#93c5fd1a 0,#0000 30%),radial-gradient(circle at 70% 20%,#93c5fd1f 0,#0000 35%);background-size:100% 100%}.task-card[data-theme=zigzag]{--theme-color:#10b981;--theme-color-light:#6ee7b7;background-image:linear-gradient(135deg,#0000 25%,#6ee7b71a 0 50%,#0000 0 75%,#6ee7b71a 0),linear-gradient(45deg,#0000 25%,#6ee7b71a 0 50%,#0000 0 75%,#6ee7b71a 0);background-size:30px 30px}.task-card[data-theme=confetti]{--theme-color:#f472b6;--theme-color-light:#fbcfe8;background-image:linear-gradient(45deg,#f472b61a 25%,#0000 0),linear-gradient(-45deg,#9333ea1a 25%,#0000 0),linear-gradient(45deg,#0000 75%,#fbbf241a 0),linear-gradient(-45deg,#0000 75%,#60a5fa1a 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;position:relative}.task-card.bulk-mode{cursor:pointer;--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1));position:relative}.task-card.bulk-mode,.task-card.bulk-mode:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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 #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);transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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{z-index:10;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--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);border-radius:9999px;padding:.25rem;position:absolute;top:1rem;right:1rem}.bulk-checkbox{cursor:pointer;--tw-text-opacity:1;width:1.5rem;height:1.5rem;color:rgb(239 68 68/var(--tw-text-opacity,1));border-radius:.25rem}.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{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.task-icon{flex-shrink:0;font-size:1.875rem;line-height:2.25rem;position:relative}.task-icon:before{content:"";background:radial-gradient(circle,var(--theme-color),transparent 70%);opacity:.1;z-index:-1;border-radius:50%;width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.task-info{flex:1;min-width:0}.task-title{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);margin-bottom:.25rem;font-weight:700}.task-description,.task-title{overflow:hidden}.task-description{-webkit-line-clamp:2;color:var(--ink-sub);-webkit-box-orient:vertical;font-size:.875rem;line-height:1.25rem;display:-webkit-box}.task-actions{flex-shrink:0;gap:.25rem;display:flex}.action-btn{border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.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{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.preview-label{color:var(--ink-sub)}.preview-label,.preview-value{font-size:.875rem;line-height:1.25rem}.preview-value{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1));font-weight:500}.mini-calendar{border-radius:.5rem;gap:5px;display:flex}.mini-calendar,.mini-day{background:0 0;padding:.5rem}.mini-day{cursor:pointer;text-align:center;border:1px solid var(--frame);border-radius:8px;flex:1;min-height:3rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative}.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:0 0}.mini-day.today.has-effort{background:var(--shu-wash)}.mini-day-number{color:var(--ink-sub);font-size:.75rem;font-weight:500;line-height:1rem}.mini-effort-stamp{color:var(--shu);justify-content:center;align-items:center;margin-top:.25rem;font-size:1.125rem;line-height:1.75rem;display:flex}.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{flex-wrap:wrap;gap:.5rem;display:flex}.quick-select-btn{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(209 213 219/var(--tw-border-opacity,1));border-radius:.375rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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{flex-wrap:wrap;gap:.5rem;display:flex}.weekday-option{cursor:pointer;--tw-border-opacity:1;border-width:2px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));margin-top:.25rem;font-size:.75rem;line-height:1rem}.stamp-selector{flex-wrap:wrap;gap:.5rem;display:flex}.stamp-option{cursor:pointer;--tw-border-opacity:1;border-width:2px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:5rem;height:4rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.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{-o-object-fit:contain;object-fit:contain;border-radius:.25rem;width:2rem;height:2rem}.stamp-emoji-display{font-size:1.25rem;line-height:1.75rem}.stamp-label{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));font-size:.75rem;line-height: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{-o-object-fit:contain;object-fit:contain;border-radius:.25rem;width:1rem;height:1rem}.effect-stamp-image img{-o-object-fit:contain;object-fit:contain;border-radius:.5rem;width:4rem;height:4rem}.task-quick-actions{--tw-border-opacity:1;border-top-width:1px;border-color:rgb(243 244 246/var(--tw-border-opacity,1));padding-top:1rem}.quick-effort-btn{border-radius:999px;width:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.quick-effort-btn:not(.completed):not(.rest-day){background:var(--shu);color:#fff;border:1.5px solid var(--shu-deep);box-shadow:var(--shu-shadow);font-weight:700;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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{justify-content:center;align-items:center;width:100%;display:flex}.completed-status-full{text-align:center;background:var(--shu-wash);width:100%;color:var(--shu-deep);border:1.5px solid #d9436d52;border-radius:999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem}.task-menu-container{position:relative}.task-menu-btn{--tw-text-opacity:1;width:2rem;height:2rem;color:rgb(156 163 175/var(--tw-text-opacity,1));border-radius:9999px;justify-content:center;align-items:center;font-size:1rem;line-height:1.5rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.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{letter-spacing:-.5px;background-color:#0000;border-style:none;font-weight:900}.task-menu-btn.active,.task-menu-btn:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));transform:scale(1.1)}.task-menu-btn.active{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.task-menu-dropdown{z-index:30;--tw-border-opacity:1;border-width:1px;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));--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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.5rem;min-width:120px;margin-top:.25rem;padding-top:.25rem;padding-bottom:.25rem;position:absolute;top:100%;right:0}.task-menu-dropdown .menu-item{text-align:left;--tw-text-opacity:1;width:100%;color:rgb(55 65 81/var(--tw-text-opacity,1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.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{background-color:#0000;border-style:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.task-menu-dropdown .menu-item:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.modal-overlay{z-index:50;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.5;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-title{color:rgb(31 41 55/var(--tw-text-opacity,1));font-weight:700}.close-btn,.modal-title{--tw-text-opacity:1;font-size:1.25rem;line-height:1.75rem}.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{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;display:grid}@media (width>=768px){.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-label{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));font-size:.875rem;font-weight:500;line-height:1.25rem;display:block}.form-input,.form-textarea{--tw-border-opacity:1;border-width:1px;border-color:rgb(209 213 219/var(--tw-border-opacity,1));border-radius:.5rem;width:100%;padding:.5rem 1rem}.form-input:focus,.form-textarea:focus{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));outline:2px solid #0000}.color-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}@media (width>=768px){.color-options{grid-template-columns:repeat(6,minmax(0,1fr))}}.color-option{cursor:pointer;--tw-border-opacity:1;border-width:2px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));border-radius:.5rem;justify-content:center;align-items:center;width:100%;height:3rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.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)) skewX(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{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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);font-size:.75rem;font-weight:500;line-height:1rem}.form-actions{border-top-width:1px;gap:.75rem;padding-top:1.5rem;display:flex}.cancel-btn{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));flex:1;padding:.5rem 1rem;font-weight:500}.cancel-btn:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.submit-btn{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:#a855f7 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.5rem;flex:1;padding:.5rem 1rem;font-weight:500;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.submit-btn:hover{--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);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;z-index:20;border-radius:.5rem;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.stamp-overlay-enhanced{display:none}.stamp-main{z-index:10;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.stamp-main:after{content:"";border:2px solid var(--shu,#d9436d);opacity:0;z-index:1;border-radius:999px;width:68px;height:68px;animation:.55s ease-out forwards stampRingInline;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(.5)}.stamp-emoji-main{color:var(--shu,#d9436d);filter:drop-shadow(0 1px 1px #453a2f2e);z-index:2;font-size:3rem;line-height:1;animation:.5s cubic-bezier(.22,1.35,.38,1) forwards stampPressInline}.stamp-message-enhanced{color:var(--shu-deep,#c22f5b);opacity:0;z-index:2;margin-top:.4rem;font-size:.95rem;font-weight:700;animation:.5s ease-out .15s forwards stampMsgFadeInline}.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%{opacity:.55;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}@keyframes stampMsgFadeInline{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.stamp-emoji-main{opacity:1;animation:none;transform:rotate(-6deg)}.stamp-main:after{opacity:0;animation:none}.stamp-message-enhanced{opacity:1;animation:none}}@media (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}}.form-help-inline{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));margin-left:.25rem;font-size:.875rem;line-height:1.25rem}: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:#00000080;--color-modal-bg:#fff;--shadow-ponpon:0 2px 8px #ec48991a;--shadow-ponpon-hover:0 4px 12px #ec489926;--shadow-modal:0 20px 25px -5px #0000001a;--shadow-card:0 2px 8px #0000000d;--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{--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));border-radius:8px;padding:.5rem 1rem;font-weight:500;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 #ec489926;--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)) skewX(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{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:8px;padding:.5rem 1rem;font-weight:500;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 #ec489926;--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)) skewX(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{--tw-border-opacity:1;border-width:2px;border-color:rgb(236 72 153/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity,1));background-color:#0000;border-radius:8px;padding:.5rem 1rem;font-weight:500;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 #ec48991a;--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)) skewX(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{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 2px 8px #0000000d;--tw-shadow-colored:0 2px 8px var(--tw-shadow-color);border-radius:16px;padding:1rem;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 #ec489926;--tw-shadow-colored:0 4px 12px var(--tw-shadow-color)}.card-ponpon-interactive{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 2px 8px #0000000d;--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);border-radius:16px;padding:1rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.card-ponpon-interactive:hover{--tw-shadow:0 4px 12px #ec489926;--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)) skewX(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-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));--tw-shadow:0 2px 8px #0000000d;--tw-shadow-colored:0 2px 8px var(--tw-shadow-color);border-radius:16px;padding:1rem}.modal-ponpon-overlay{z-index:50;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.5;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-ponpon-content{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color);width:100%;max-width:32rem;max-height:90vh;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:20px;animation:.3s ease-out slideUp;overflow-y:auto}.modal-ponpon-header{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-ponpon-body{padding:1rem 1.5rem}.modal-ponpon-footer{--tw-border-opacity:1;border-top-width:1px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));justify-content:flex-end;align-items:center;gap:.5rem;padding:1rem 1.5rem;display:flex}.input-ponpon{--tw-border-opacity:1;border-width:2px;border-color:rgb(209 213 219/var(--tw-border-opacity,1));border-radius:8px;width:100%;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{resize:vertical;--tw-border-opacity:1;border-width:2px;border-color:rgb(209 213 219/var(--tw-border-opacity,1));border-radius:8px;width:100%;min-height:100px;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{appearance:none;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-width:2px;border-color:rgb(209 213 219/var(--tw-border-opacity,1));background-repeat:no-repeat;border-radius:8px;width:100%;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%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20stroke%3D%22%236b7280%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m6%208%204%204%204-4%22%2F%3E%3C%2Fsvg%3E);background-position:right .5rem center;background-size:1.5em 1.5em}.label-ponpon{cursor:pointer;align-items:center;gap:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.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{--tw-bg-opacity:1;--tw-text-opacity:1;border-radius:9999px;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:500;line-height:1rem;display:inline-flex}.badge-success{background-color:rgb(220 252 231/var(--tw-bg-opacity,1));color:rgb(219 39 119/var(--tw-text-opacity,1));background-color:rgb(249 168 212/var(--tw-bg-opacity,1))}.badge-warning{background-color:rgb(254 243 199/var(--tw-bg-opacity,1));color:rgb(219 39 119/var(--tw-text-opacity,1));--tw-bg-opacity:1;background-color:rgb(249 168 212/var(--tw-bg-opacity,1));--tw-text-opacity:1;border-radius:9999px;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:500;line-height:1rem;display:inline-flex}.gradient-achievement{--tw-gradient-from:#fef3c7 var(--tw-gradient-from-position);--tw-gradient-to:#fbbf24 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #fde68a var(--tw-gradient-via-position), var(--tw-gradient-to)}.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:#a855f7 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);color:#0000;-webkit-background-clip:text;background-clip:text}.close-button{--tw-border-opacity:1;border-width:1px;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;width:2.5rem;height:2.5rem;color:rgb(107 114 128/var(--tw-text-opacity,1));--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);border-radius:9999px;justify-content:center;align-items:center;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.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 #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);transform:scale(1.05)}.action-button{--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);border-width:2px;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.action-button,.action-button:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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 #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)}.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)) skewX(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:#e5e7eb var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--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:#d1d5db var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-shadow-color:#d1d5db;--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:#9333ea var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--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:#7e22ce var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--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:#ec4899 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--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:#db2777 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-shadow-color:#fca5a5;--tw-shadow:var(--tw-shadow-colored)}.container-ponpon{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (width>=640px){.container-ponpon{padding-left:1.5rem;padding-right:1.5rem}}@media (width>=1024px){.container-ponpon{padding-left:2rem;padding-right:2rem}}.section-ponpon{padding-top:2rem;padding-bottom:2rem}@media (width>=640px){.section-ponpon{padding-top:3rem;padding-bottom:3rem}}.title-ponpon{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1));margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:2rem}.subtitle-ponpon{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));margin-bottom:.5rem;font-size:1.125rem;font-weight:500;line-height:1.75rem}.description-ponpon{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));line-height:1.625}.ponpon-message{--tw-border-opacity:1;border-style:dashed;border-bottom-width:2px;border-color:rgb(253 224 71/var(--tw-border-opacity,1));align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;padding-left:.5rem;padding-right:.5rem;display:flex}.stamp-image{-o-object-fit:contain;object-fit:contain;border-radius:.25rem;width:1.5rem;height:1.5rem}.stamp-emoji{font-size:1.25rem;line-height:1.75rem}.task-title{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1));flex:1;font-size:.875rem;font-weight:500;line-height:1.25;overflow:hidden}.section-icon{margin-right:.75rem;font-size:1.125rem;line-height:1.75rem}.section-description{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));margin-bottom:1rem;font-size:.875rem;line-height:1.25rem}.genre-emoji{flex-shrink:0;font-size:1.5rem;line-height:2rem}.genre-label{overflow-wrap:break-word;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1));font-weight:500}.close-btn-genre{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));border-radius:.5rem;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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{width:1.5rem;height:1.5rem}.account-switcher-ponpon{position:relative}.account-btn-ponpon{align-items:center;display:flex}.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{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));border-width:1px;border-color:#0000;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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{z-index:50;--tw-border-opacity:1;border-width:1px;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));--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);width:16rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.75rem;margin-top:.5rem;padding-top:.5rem;padding-bottom:.5rem;animation:.3s ease-out slideUp;position:absolute;top:100%;right:0}.avatar-ponpon{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#fce7f3 var(--tw-gradient-from-position);--tw-gradient-to:#f3e8ff var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.125rem;line-height:1.75rem;display:flex}.avatar-ponpon.small{width:1.5rem;height:1.5rem;font-size:.875rem;line-height:1.25rem}.account-name-ponpon{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.dropdown-section-ponpon{padding-left:.5rem;padding-right:.5rem}.section-title-ponpon{text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));padding:.5rem .75rem;font-size:.75rem;font-weight:600;line-height:1rem}.account-item-ponpon{border-radius:.5rem;justify-content:space-between;align-items:center;padding:.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.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{cursor:pointer;flex:1;align-items:center;display:flex}.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{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));opacity:0;border-radius:.25rem;flex-shrink:0;margin-left:.5rem;padding:.25rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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{cursor:pointer;align-items:center;width:100%;display:flex}.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{text-align:left;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dropdown-action-ponpon:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.modal-danger-overlay{z-index:60;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-danger-content{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);width:100%;max-width:32rem;max-height:90vh;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);border-radius:1.5rem;overflow-y:auto;box-shadow:0 25px 50px -12px #dc262640,0 0 0 1px #ffffff0d}.modal-danger-header{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(254 226 226/var(--tw-border-opacity,1));background:linear-gradient(135deg,#fef2f2,#fef7f7);border-radius:1.5rem 1.5rem 0 0;justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.btn-danger{--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);border-width:2px;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.btn-danger,.btn-danger:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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 #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)}.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)) skewX(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:#b91c1c var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow-color:#fecaca;--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);border-width:2px;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.btn-danger-confirm,.btn-danger-confirm:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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 #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)}.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)) skewX(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:#991b1b var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--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:#e5e7eb var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));--tw-shadow-color:#e5e7eb;--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);border-width:2px;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.btn-danger-cancel,.btn-danger-cancel:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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 #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)}.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)) skewX(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:#d1d5db var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-shadow-color:#d1d5db;--tw-shadow:var(--tw-shadow-colored)}.danger-warning-box{--tw-border-opacity:1;border-width:1px;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));border-radius:.5rem;padding:1rem}.input-danger-confirm{--tw-border-opacity:1;border-width:1px;border-color:rgb(209 213 219/var(--tw-border-opacity,1));border-radius:.5rem;width:100%;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{--tw-text-opacity:1;width:1rem;height:1rem}.check-icon-ponpon{color:rgb(219 39 119/var(--tw-text-opacity,1));margin-left:auto}.chevron-ponpon{--tw-text-opacity:1;width:1rem;height:1rem;color:rgb(107 114 128/var(--tw-text-opacity,1));transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.divider-ponpon{margin-top:.5rem;margin-bottom:.5rem}.divider-ponpon,.divider-ponpon.small{--tw-border-opacity:1;border-top-width:1px;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-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-ponpon-emoji-grid{--tw-border-opacity:1;border-width:2px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));border-radius:.5rem;grid-template-columns:repeat(8,minmax(0,1fr));gap:.5rem;max-height:200px;padding:.5rem;display:grid;overflow-y:auto}.form-ponpon-emoji-grid.mobile{grid-template-columns:repeat(6,minmax(0,1fr))}.form-ponpon-emoji-option{aspect-ratio:1;cursor:pointer;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));border-style:none;border-radius:.5rem;justify-content:center;align-items:center;font-size:1.25rem;line-height:1.75rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.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)) skewX(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 #ec48994d;--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{text-align:right;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));margin-top:.25rem;font-size:.75rem;line-height:1rem;display:block}.form-ponpon-preview-section{margin-bottom:1.5rem}.form-ponpon-preview{--tw-border-opacity:1;border-width:2px;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:#faf5ff var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem;display:flex}.form-ponpon-preview-emoji{font-size:1.5rem;line-height:2rem}.form-ponpon-preview-label{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1));font-size:1rem;font-weight:500;line-height:1.5rem}.form-ponpon-actions.mobile{flex-direction:column-reverse}.form-ponpon-actions.mobile .btn-ponpon,.form-ponpon-actions.mobile .btn-ponpon-ghost{justify-content:center;width:100%}.modal-ponpon-close{--tw-border-opacity:1;border-width:1px;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;width:2.5rem;height:2.5rem;color:rgb(107 114 128/var(--tw-text-opacity,1));--tw-shadow:0 2px 8px #ec48991a;--tw-shadow-colored:0 2px 8px var(--tw-shadow-color);border-radius:9999px;justify-content:center;align-items:center;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.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 #ec489926;--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{--tw-border-opacity:1;border-width:2px;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));border-radius:8px;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;line-height:2rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.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)) skewX(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 (width<=640px){.form-ponpon-emoji-option-profile{width:2.5rem;height:2.5rem;font-size:1.25rem;line-height:1.75rem}}.dialog-ponpon-overlay{z-index:50;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-bg-opacity:.5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.dialog-ponpon-content{background:var(--paper-card);width:100%;max-width:28rem;color:var(--ink);border:1.5px solid var(--frame);border-radius:1.5rem;padding:1.5rem;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;box-shadow:0 20px 45px #453a2f47}.dialog-ponpon-icon{text-align:center;margin-bottom:1rem}.dialog-ponpon-icon-wrapper{background:var(--paper);border:1.5px solid var(--frame);border-radius:9999px;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:1.875rem;line-height:2.25rem;display:inline-flex}.dialog-ponpon-title{text-align:center;color:var(--ink);margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.75rem}.dialog-ponpon-message{text-align:center;margin-bottom:1rem}.dialog-ponpon-message,.dialog-ponpon-warning{color:var(--ink-sub)}.dialog-ponpon-warning{background:var(--paper);border:1px solid var(--frame);border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:flex}.dialog-ponpon-warning-icon{color:#c9a24b}.dialog-ponpon-error{background:var(--paper);border:1px solid var(--ink-sub);color:var(--ink);border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:flex}.dialog-ponpon-error-icon{color:var(--ink-sub)}.dialog-ponpon-items{margin-bottom:1rem}.dialog-ponpon-items-header{color:var(--ink-sub);margin-bottom:.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem}.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{background:var(--paper);border:1px solid var(--frame);color:var(--ink-sub);border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;display:inline-flex}.dialog-ponpon-actions{gap:.75rem;display:flex}.btn-ponpon-dialog{--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);border-width:2px;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.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 #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)}.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)) skewX(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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-ponpon-dialog{flex:1}.btn-ponpon-dialog-cancel{background:var(--paper);color:var(--ink);border-color:var(--frame)}.btn-ponpon-dialog-cancel:hover{border-color:var(--ink-sub);background:#efe6d3}.btn-ponpon-dialog-danger{color:var(--paper-card);background:#a5462f;border-color:#8f3a26}.btn-ponpon-dialog-danger:hover{background:#8f3a26;border-color:#7a3120}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.dialog-ponpon-content{max-width:24rem;margin-left:1rem;margin-right:1rem}.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)) skewX(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{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));font-size:.875rem;font-weight:500;line-height:1.25rem;display:block}.form-ponpon-label-with-action{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.form-ponpon-help{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));margin-top:.25rem;font-size:.875rem;line-height:1.25rem}.form-ponpon-help-inline{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));font-weight:400}.btn-ponpon-genre-manage{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:#059669 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.5rem;padding:.375rem .75rem;font-size:.875rem;font-weight:600;line-height:1.25rem;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:#047857 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--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);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)) skewX(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{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.form-ponpon-genre-option{cursor:pointer;--tw-border-opacity:1;border-width:2px;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));border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.form-ponpon-genre-option:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(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 #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);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:#faf5ff var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--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);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:#fffbeb var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.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:#fef3c7 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--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);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{flex-direction:column;flex:1;gap:.25rem;display:flex}.form-ponpon-genre-label{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));font-size:1rem;font-weight:600;line-height:1.5rem}.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{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25}.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{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:fit-content;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:9999px;margin-top:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:700;line-height:1rem;display:inline-block}.form-ponpon-genre-count{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));margin-left:.5rem;font-size:.875rem;line-height:1.25rem}.form-ponpon-profile-selector{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.form-ponpon-profile-option{cursor:pointer;--tw-border-opacity:1;border-width:2px;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));border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.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:#fdf2f8 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--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);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{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));flex:1;font-weight:500}.form-ponpon-profile-current-badge{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1));border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;line-height:1rem}.form-ponpon-color-options{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.form-ponpon-color-option{cursor:pointer;border-width:2px;border-color:#0000;border-radius:.5rem;flex:1;min-width:5rem;padding:.75rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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 #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)}.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)) skewX(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 #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)}.form-ponpon-color-name{text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-drop-shadow:drop-shadow(0 1px 1px #0000000d);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);font-size:.875rem;font-weight:500;line-height:1.25rem}.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{flex-wrap:wrap;gap:.5rem;display:flex}.form-ponpon-weekday-quick-btn{--tw-border-opacity:1;border-width:1px;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));--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));border-radius:.5rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;display:grid}.form-ponpon-weekday-option{cursor:pointer;--tw-border-opacity:1;border-width:2px;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));text-align:center;border-radius:.5rem;padding:.75rem;font-weight:500;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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 #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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-ponpon-stamp-selector{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.form-ponpon-stamp-option{cursor:pointer;--tw-border-opacity:1;border-width:2px;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));border-radius:.5rem;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.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 #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)}.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:#faf5ff var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--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)}.form-ponpon-stamp-image-display{justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.form-ponpon-stamp-image-display img{-o-object-fit:contain;object-fit:contain;border-radius:.25rem;width:100%;height:100%}.form-ponpon-stamp-emoji-display{font-size:1.5rem;line-height:2rem}.form-ponpon-stamp-label{text-align:center;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));font-size:.875rem;font-weight:500;line-height:1.25rem}.form-ponpon-actions{--tw-border-opacity:1;border-top-width:1px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));justify-content:flex-end;gap:.75rem;padding-top:1rem;display:flex}@media (width<=640px){.form-ponpon-genre-selector,.form-ponpon-profile-selector{grid-template-columns:1fr}.form-ponpon-color-options{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-ponpon-stamp-selector{grid-template-columns:repeat(3,1fr)}.form-ponpon-actions{flex-direction:column}}.effect-ponpon-container{z-index:50;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.effect-ponpon-container.active{pointer-events:auto}.effect-ponpon-overlay{display:none}.effect-ponpon-main{z-index:10;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.effect-ponpon-stamp{z-index:20;color:var(--shu,#d9436d);filter:drop-shadow(0 1px 2px #453a2f33);font-size:3.75rem;line-height:1;animation:.5s cubic-bezier(.22,1.35,.38,1) forwards effectStampPress}.effect-ponpon-stamp img{-o-object-fit:contain;object-fit:contain;border-radius:.5rem;width:3.5rem;height:3.5rem}.effect-ponpon-message{z-index:20;color:var(--shu-deep,#c22f5b);margin-top:.5rem;font-size:1.125rem;font-weight:700;line-height:1.75rem;animation:.5s ease-out .15s forwards effectMessageFade}.effect-ponpon-glow,.effect-ponpon-message{opacity:0}.effect-ponpon-glow{border:2px solid var(--shu,#d9436d);background:0 0;border-radius:9999px;width:4rem;height:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.effect-ponpon-glow.active{animation:.55s ease-out forwards effectRing}.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%{opacity:.55;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}@media (prefers-reduced-motion:reduce){.effect-ponpon-stamp{opacity:1;animation:none;transform:rotate(-6deg)}.effect-ponpon-glow.active{opacity:0;animation:none}.effect-ponpon-message{opacity:1;animation:none}}@media (width<=640px){.effect-ponpon-stamp{font-size:3rem;line-height:1}.effect-ponpon-stamp img{width:3rem;height:3rem}.effect-ponpon-message{font-size:1rem;line-height:1.5rem}}.toast-ponpon-container{pointer-events:none;z-index:50;max-width:24rem;position:fixed;top:1rem;right:1rem}.toast-ponpon{min-width:300px;color:var(--ink);border:1.5px solid var(--frame);pointer-events:auto;border-radius:.75rem;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #453a2f24}.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{background:var(--paper-card);border-left:4px solid #c9a24b}.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{font-size:1.875rem;line-height:2.25rem;animation:.6s cubic-bezier(.68,-.55,.265,1.55) toastStampPop;position:absolute;top:-.25rem;left:-.25rem}.toast-ponpon-stamp img{-o-object-fit:contain;object-fit:contain;border-radius:.25rem;width:2rem;height:2rem}.toast-ponpon-icon{flex-shrink:0;font-size:1.5rem;line-height:2rem;animation:.6s ease-out toastIconBounce}.toast-ponpon-content{flex:1;min-width:0}.toast-ponpon-title{color:var(--ink);margin-bottom:.125rem;font-size:.875rem;font-weight:600;line-height:1.25}.toast-ponpon-message{color:var(--ink-sub);font-size:.75rem;line-height:1.25}.toast-ponpon-close{cursor:pointer;width:1.5rem;height:1.5rem;color:var(--ink-sub);background-color:#0000;border-width:0;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.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)) skewX(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-offset:2px;outline:2px solid #0000;box-shadow:0 0 0 2px #d9436d66}@keyframes toastStampPop{0%{opacity:0;transform:scale(0)rotate(-180deg)}15%{opacity:1;transform:scale(1.8)rotate(15deg)}25%{opacity:1;transform:scale(.9)rotate(-8deg)}35%{opacity:1;transform:scale(1.3)rotate(5deg)}45%{opacity:1;transform:scale(1.05)rotate(-2deg)}60%{opacity:1;transform:scale(1.15)rotate(1deg)}75%{opacity:1;transform:scale(1)rotate(0)}to{opacity:1;transform:scale(1)rotate(0)}}@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{opacity:0;transform:translate(100%)scale(.8)}@media (width<=640px){.toast-ponpon-container{max-width:none;top:1rem;left:1rem;right:1rem}.toast-ponpon{min-width:0}.toast-ponpon-stamp{font-size:1.5rem;line-height:2rem}.toast-ponpon-stamp img{width:1.5rem;height:1.5rem}.toast-ponpon-icon{font-size:1.25rem;line-height:1.75rem}}.task-ponpon-genre{background:#ffffffb3;border:1px solid #0000001a;border-radius:12px;align-items:center;gap:6px;width:fit-content;margin-top:8px;padding:4px 10px;font-size:.8rem;display:flex}.task-ponpon-genre-emoji{font-size:.9rem}.task-ponpon-genre-label{color:#4b5563;font-weight:500}.mini-stamp-image{border-radius:.25rem;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex;overflow:hidden}.mini-stamp-image img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.effect-stamp-image{border-radius:.5rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;overflow:hidden}.effect-stamp-image img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}@media (prefers-color-scheme:dark){.task-ponpon-genre{background:#0000004d;border-color:#fff3}.task-ponpon-genre-label{color:#9ca3af}}.mascot-ponpon-character{z-index:1000;position:fixed;bottom:80px;right:120px}.mascot-ponpon-container{justify-content:center;align-items:flex-end;display:flex;position:relative}.mascot-ponpon-container:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#453a2f33,#453a2f00 70%);width:66%;height:12px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.mascot-ponpon-image{-o-object-fit:contain;object-fit:contain;cursor:pointer;filter:drop-shadow(0 4px 4px #453a2f29);width:132px;height:auto;transition:transform .3s;display:block}.mascot-ponpon-image:hover{transform:scale(1.05)translateY(-2px)}.mascot-ponpon-bubble{background:var(--paper-card,#fffaf0);border:1.5px solid var(--frame,#d9cbb4);color:var(--ink,#453a2f);z-index:1001;cursor:default;-webkit-user-select:none;user-select:none;border-radius:14px;max-width:200px;padding:12px 16px;font-size:14px;font-weight:500;animation:.3s ease-out bubbleAppear;position:absolute;top:-120px;right:-10px;box-shadow:0 4px 10px #453a2f1f}.mascot-ponpon-bubble:before{content:"";border:8px solid #0000;border-top:8px solid var(--frame,#d9cbb4);position:absolute;bottom:-16px;right:20px}.mascot-ponpon-bubble:after{content:"";border:6px solid #0000;border-top:6px solid var(--paper-card,#fffaf0);position:absolute;bottom:-12px;right:22px}.mascot-ponpon-bubble-praise{animation:.3s ease-out bubbleAppear,1s ease-in-out infinite bubblePulse}.mascot-ponpon-celebrating .mascot-ponpon-image{animation:.6s ease-in-out celebrate}@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 (width<=768px){.mascot-ponpon-character{bottom:calc(12px + env(safe-area-inset-bottom,0px));right:12px}.mascot-ponpon-image{-o-object-fit:contain;object-fit:contain;width:76px;height:auto}.mascot-ponpon-bubble{max-width:150px;padding:8px 12px;font-size:12px;top:-90px;right:-5px}.mascot-ponpon-bubble:before{border-width:6px;bottom:-12px;right:15px}.mascot-ponpon-bubble:after{border-width:4px;bottom:-8px;right:17px}}.card-ponpon-interactive{animation:.3s ease-out backwards slideIn}.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}@media (width<=640px){.dropdown-ponpon{width:14rem;right:0}.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:#d9436d12;--ai:#5f7fa8;--frame:#d9cbb4;--paper-sat:#5f7fa8;--paper-sun:#c22f5b;--paper-shadow:0 1px 0 #453a2f0f, 0 2px 8px #453a2f0d;--shu-shadow:0 2px 6px #c22f5b40;--paper-noise:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22140%22%20height%3D%22140%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.85%22%20numOctaves%3D%222%22%20type%3D%22fractalNoise%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20.05%200%22%2F%3E%3C%2Ffilter%3E%3Cpath%20d%3D%22M0%200h140v140H0z%22%20filter%3D%22url\(%23a\)%22%2F%3E%3C%2Fsvg%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{max-width:1240px;margin:0 auto;padding:14px 18px 40px}.stampbook .app-head{flex-wrap:wrap;align-items:flex-start;gap:10px 18px;margin-bottom:22px;display:flex}.stampbook-home .app-head{z-index:40;background:var(--paper-noise),var(--paper);border-bottom:1px solid #d9cbb48c;margin:-14px -18px 22px;padding:14px 18px 10px;position:sticky;top:0}.stampbook-home .area-week{scroll-margin-top:96px}.stampbook .app-date{letter-spacing:.14em;color:var(--ink-sub);font-size:13px;display:block}.stampbook .app-title{letter-spacing:.03em;color:var(--ink);margin:0;font-size:30px;font-weight:700;line-height:1.3}.stampbook .app-title small{color:var(--ink-sub);margin-left:8px;font-size:14px;font-weight:400}.stampbook .head-left{margin-right:auto}.stampbook .app-brand{letter-spacing:.14em;color:var(--ink-faint);margin-bottom:2px;font-size:12.5px;font-weight:700;display:block}.stampbook .app-brand i{color:var(--shu);font-style:normal}.stampbook .app-day{color:var(--ink);margin:0;font-size:32px;font-weight:700;line-height:1.2}.stampbook .app-day small{color:var(--ink-sub);margin-left:8px;font-size:14px;font-weight:400}.stampbook .head-tools{align-items:center;gap:14px;padding-top:12px;display:flex}.stampbook .streak{align-items:baseline;gap:4px;display:inline-flex}.stampbook .streak b{font-variant-numeric:tabular-nums;color:var(--ink);font-size:26px}.stampbook .streak span{color:var(--ink-sub);font-size:12px}.stampbook .top-nav{gap:4px;display:flex}.stampbook .top-nav a{white-space:nowrap;color:var(--ink-sub);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-family:inherit;font-size:12.5px;text-decoration:none;display:inline-flex}.stampbook .top-nav a:hover{color:var(--ink);background:var(--paper-card)}.stampbook .top-nav svg{flex-shrink:0;width:16px;height:16px}.stampbook .app-head .account-switcher-ponpon{padding-top:8px}@media (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{flex-wrap:wrap;order:3;justify-content:space-between;gap:8px 12px;width:100%;padding-top:0}.stampbook .head-tools .streak{order:1}.stampbook .head-tools .top-nav{flex-wrap:wrap;order:2}}.stampbook .grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"week""tasks""month";gap:20px;display:grid}@media (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 (width>=940px){.stampbook .area-month{flex-direction:column;align-self:stretch;display:flex}.stampbook .area-month>.card{position:sticky;top:18px}.stampbook-home .area-month>.card{top:96px}.stampbook .mascot-home{justify-content:flex-end;margin-top:auto;padding:14px 10px 0 0;display:flex;position:sticky;bottom:12px}.stampbook .mascot-home .mascot-ponpon-character{position:static}.stampbook .mascot-home .mascot-ponpon-image{width:104px}}@media (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{letter-spacing:.16em;color:var(--ink-sub);margin:0 0 10px;font-size:12px;font-weight:700}.stampbook .card{background:var(--paper-card);border:1.5px solid var(--frame);border-radius:16px;padding:18px 18px 16px;box-shadow:0 1px #453a2f0f}.stampbook .days{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.stampbook .day{text-align:center}.stampbook .dow{color:var(--ink-sub);margin-bottom:4px;font-size:11px;display:block}.stampbook .dow.sat{color:var(--paper-sat)}.stampbook .dow.sun{color:var(--paper-sun)}.stampbook .cell{aspect-ratio:1;font-variant-numeric:tabular-nums;border:1px solid var(--frame);width:100%;color:var(--ink-faint);border-radius:8px;justify-content:center;align-items:center;font-size:13px;display:flex;position:relative}.stampbook .cell.stamped{background:var(--shu-wash);color:var(--ink-sub);border-color:#d9436d47}.stampbook .cell.today{border:1.8px solid var(--shu);color:var(--ink)}.stampbook .cell.future{opacity:.5}.stampbook .album-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none;flex-wrap:nowrap;gap:6px;margin-bottom:10px;padding-bottom:2px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000);mask-image:linear-gradient(90deg,#000 92%,#0000)}.stampbook .album-tabs::-webkit-scrollbar{display:none}.stampbook .album-tabs:active{cursor:grabbing}.stampbook .atab{cursor:pointer;border:1.2px dashed var(--frame);color:var(--ink-sub);white-space:nowrap;background:0 0;border-radius:999px;flex:none;padding:4px 13px;font-family:inherit;font-size:12px}.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{color:var(--ink-faint);margin:8px 0 0;font-size:11px}.stampbook .mdays{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.stampbook .mhead{text-align:center;color:var(--ink-sub);padding-bottom:4px;font-size:11px}.stampbook .mhead.sat{color:var(--paper-sat)}.stampbook .mhead.sun{color:var(--paper-sun)}.stampbook .mcell{aspect-ratio:1;font-variant-numeric:tabular-nums;border:1px solid var(--frame);color:var(--ink-faint);border-radius:10px;font-size:12px;position:relative}.stampbook .mnum{position:absolute;top:5px;left:7px}.stampbook .mcell.stamped{background:var(--shu-wash);color:var(--ink-sub);border-color:#d9436d47}.stampbook .mcell.out{opacity:.38}.stampbook .mcell.future{opacity:.55}.stampbook .mcell.today{border:1.8px solid var(--shu);color:var(--ink)}.stampbook .mcount{color:var(--shu-deep);font-size:9.5px;font-weight:700;position:absolute;bottom:3px;right:4px}.stampbook .mdays.pop .mcell.stamped{animation:sb-wash-in .2s var(--pop-d,0s) ease-out backwards}.stampbook .mdays.pop .mcell.stamped .mini{animation:sb-pop-in .24s var(--pop-d,0s) cubic-bezier(.3,1.5,.5,1) backwards}.stampbook .mdays.pop .mcount{animation:sb-count-in .16s ease-out calc(var(--pop-d,0s) + .14s) backwards}@keyframes sb-wash-in{0%{background:var(--paper-card);border-color:var(--frame)}}@keyframes sb-pop-in{0%{opacity:0;transform:scale(1.4)rotate(5deg)}to{opacity:1;transform:none}}@keyframes sb-count-in{0%{opacity:0;transform:translateY(3px)}}.stampbook .task{background:var(--paper-card);border:1.5px solid var(--frame);cursor:pointer;border-radius:16px;align-items:center;gap:14px;margin-bottom:12px;padding:14px 14px 14px 18px;display:flex}.stampbook .t-info{flex:1;min-width:0}.stampbook .t-name{color:var(--ink);font-size:17px;font-weight:700;line-height:1.4;display:block}.stampbook .t-meta{color:var(--ink-sub);margin-top:2px;font-size:12px;display:block}.stampbook .tasks-empty{color:var(--ink-sub);padding:8px 2px 2px;font-size:13px;line-height:1.7}.stampbook .new-habit{cursor:pointer;background:var(--shu);color:#fff;border:none;border-radius:999px;margin-top:4px;padding:8px 16px;font-family:inherit;font-size:13px;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{border-color:var(--ink-sub);background:#efe6d3}.stampbook .slot{cursor:default;width:74px;height:74px;color:var(--shu);background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-family:inherit;display:flex;position:relative}.stampbook .slot.pending{cursor:pointer}.stampbook .slot .empty{border:1.8px dashed var(--shu);color:var(--shu);letter-spacing:.1em;border-radius:50%;justify-content:center;align-items:center;font-size:11px;animation:2.2s ease-in-out infinite sb-breathe;display:flex;position:absolute;inset:5px}.stampbook .slot.stamped .empty{display:none}.stampbook .mini .stamp,.stampbook .slot .stamp{justify-content:center;align-items:center;display:flex}.stampbook .slot .stamp{width:68px;height:68px}.stampbook .slot .stamp-emoji{font-size:34px;line-height:1}.stampbook .slot .stamp-img{-o-object-fit:contain;object-fit:contain;width:60px;height:60px}.stampbook .mini{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stampbook .mini .stamp{width:72%;height:72%}.stampbook .mini .stamp-emoji{font-size:15px;line-height:1}.stampbook .mini .stamp-img{-o-object-fit:contain;object-fit:contain;width:74%;height:74%}.stampbook .stamp{opacity:0;pointer-events:none}.stampbook .stamp.static{opacity:1}.stampbook .slot.stamped .stamp.show{animation:.5s cubic-bezier(.22,1.35,.38,1) both sb-press}.stampbook .mini .stamp.show{animation:.5s cubic-bezier(.22,1.35,.38,1) .12s both sb-press}@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:"";opacity:0;border:2px solid;border-radius:50%;animation:.55s ease-out 80ms sb-ring;position:absolute;inset:-5px}@keyframes sb-ring{0%{opacity:.55;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}@keyframes sb-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.stampbook .mini .stamp.show,.stampbook .slot.stamped .stamp.show{opacity:1;animation:none;transform:rotate(-6deg)}.stampbook .slot.stamped:after{animation:none}.stampbook .slot .empty{animation:none!important}.stampbook .mdays.pop .mcell.stamped,.stampbook .mdays.pop .mcell.stamped .mini,.stampbook .mdays.pop .mcount{animation:none}}