.gallery{height:600px;border-radius:.75rem;--tw-bg-opacity: 1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity, 1)));padding:1rem;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;contain:paint}.gallery-item{position:relative;border-radius:.75rem;--tw-bg-opacity: 1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;aspect-ratio:1/1;transform:translateZ(0);will-change:transform;overflow:hidden}.gallery-item:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:translateY(-2px)}.gallery-img{height:100%;width:100%;border-radius:.75rem;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;opacity:1}.image-actions{position:absolute;top:.5rem;right:.5rem;z-index:20;display:flex;gap:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.action-btn{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-color:var(--fallback-bc,oklch(var(--bc)/.1));--tw-bg-opacity: .9;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.edit-btn{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.edit-btn:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.delete-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))}.delete-btn:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}@media (min-width: 769px){.image-actions{opacity:0}.gallery-item:hover .image-actions,.gallery-item:focus-within .image-actions{opacity:1}.action-btn:hover{transform:scale(1.1)}}@media (max-width: 768px){.image-actions{border-radius:.5rem;background-color:var(--fallback-b1,oklch(var(--b1)/.7));padding:.25rem;opacity:1;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.action-btn{height:2rem;width:2rem;min-width:32px;min-height:32px}.action-btn i{font-size:.875rem;line-height:1.25rem}.gallery-item:hover,.action-btn:hover{transform:none}.action-btn:active{opacity:.7;transform:scale(.95)}}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;width:100%;margin:0 auto}.gallery-img{opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;min-height:100px}.gallery-img.loading{opacity:0}.gallery-img.loaded{opacity:1}.gallery-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}@keyframes pulse{50%{opacity:.5}}.gallery-item:before{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.75rem;--tw-bg-opacity: 1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)))}.gallery-img.loaded+.gallery-item:before{display:none}.folder-item{position:relative;cursor:pointer;overflow:hidden;border-radius:.75rem;--tw-bg-opacity: 1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.folder-item:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.folder-item{aspect-ratio:1}.folder-preview{position:relative;overflow:hidden;--tw-bg-opacity: 1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity, 1)));height:calc(100% - 3rem)}.folder-preview img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transform:scale(1)}.folder-item:hover .folder-preview img{transform:scale(1.05)}.folder-info{position:absolute;bottom:0;left:0;right:0;display:flex;height:3rem;align-items:center;gap:.5rem;border-top-width:1px;border-color:var(--fallback-bc,oklch(var(--bc)/.1));background-color:var(--fallback-b2,oklch(var(--b2)/.9));padding:.75rem;--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.folder-item:hover .folder-info{background-color:var(--fallback-b3,oklch(var(--b3)/.95))}.gallery-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:.75rem;--tw-bg-opacity: 1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity, 1)))}.gallery-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: var(--fallback-b2,oklch(var(--b2)/0)) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--fallback-b2,oklch(var(--b2)/1)) var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: transparent var(--tw-gradient-to-position);animation:shimmer 1.5s infinite}.loading-state .loading{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");width:2.5rem;--tw-text-opacity: 1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)))}.image-actions{position:absolute;top:.5rem;right:.5rem;z-index:20;display:flex;gap:.5rem;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gallery-item:hover .image-actions{opacity:1}.action-btn{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.action-btn:hover{transform:scale(1.1)}.edit-btn{background-color:#3b82f6b3;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.edit-btn:hover{background-color:#2563ebb3}.delete-btn{background-color:#ef4444b3;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.delete-btn:hover{background-color:#dc2626b3}.nsfw-blurred{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;cursor:pointer;align-items:center;justify-content:center;background-color:#000000e6;--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.nsfw-blurred:hover{background-color:#000c}.tabs{margin-bottom:1.5rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none}.tab{display:flex;height:2.5rem;align-items:center;justify-content:center;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;min-width:auto!important}.tab-bordered{border-bottom-width:2px;border-color:transparent}.tab-bordered.tab-active{--tw-border-opacity: 1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1)));--tw-text-opacity: 1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)))}@media (max-width: 640px){.tabs{margin-left:-.5rem;margin-right:-.5rem;padding-left:.5rem;padding-right:.5rem}.tab{padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem}.tab span{font-size:.875rem;line-height:1.25rem}}@keyframes tabActivate{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tab i{font-size:.875rem;line-height:1.25rem}.tab span{margin-left:.25rem}@media (max-width: 640px){.tabs{margin-left:-1rem;margin-right:-1rem;margin-bottom:1rem;padding-left:1rem;padding-right:1rem;scroll-padding:1rem}.tab{height:2.5rem;min-width:80px;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem}.tab i{font-size:1rem;line-height:1.5rem}.tab span{font-size:.875rem;line-height:1.25rem}.gallery{padding:1rem .5rem}.gallery-item{margin-left:auto;margin-right:auto;max-width:min(100%,300px)}.gallery .grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 640px){.gallery .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}}.page-background{position:fixed;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-attachment:fixed;opacity:.1;pointer-events:none;z-index:1}.container{position:relative;z-index:2}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (min-width: 1600px){.gallery-grid{grid-template-columns:repeat(6,220px)}}@media (max-width: 1599px){.gallery-grid{grid-template-columns:repeat(5,220px)}}@media (max-width: 1200px){.gallery-grid{grid-template-columns:repeat(4,220px)}}@media (max-width: 992px){.gallery-grid{grid-template-columns:repeat(3,220px)}}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.gallery-item{min-height:150px}.gallery-img:hover{transform:none}}@media (max-width: 480px){.gallery-grid{grid-template-columns:1fr;max-width:300px;margin:0 auto}.gallery-item{width:100%;padding-bottom:100%;position:relative}.gallery-item>*{position:absolute;top:0;right:0;bottom:0;left:0}.gallery-img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}}@media (max-width: 640px){.gallery-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.gallery-item,.folder-item{width:100%;max-width:400px;margin:0 auto}.folder-info{min-height:2.5rem;padding:.5rem;font-size:.875rem;line-height:1.25rem}}.floating-actions{position:fixed;bottom:2rem;right:2rem;z-index:50;display:flex;flex-direction:column;gap:.5rem}.floating-actions .btn{height:3rem;width:3rem;border-radius:9999px}.floating-actions{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.5rem;z-index:50}.floating-actions .btn{width:3rem;height:3rem;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.toast{position:fixed;bottom:1rem;right:1rem;z-index:1000}.avatar .ring-gradient{position:relative}.avatar .ring-gradient:before{content:"";position:absolute;border-radius:9999px;top:-6px;right:-6px;bottom:-6px;left:-6px;padding:6px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.modal-fullscreen-image{margin-left:auto;margin-right:auto;display:block;max-height:50vh;width:100%;max-width:600px;border-radius:.5rem}.loading-state{display:flex;display:none;justify-content:center}.loading-state .loading{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");width:2.5rem;--tw-text-opacity: 1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)))}.badge-item{display:inline-flex;cursor:help;align-items:center;gap:.25rem;border-radius:9999px;border-width:1px;border-color:var(--fallback-bc,oklch(var(--bc)/.1));--tw-bg-opacity: 1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.badge-item:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity, 1)));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.badge-item i{--tw-text-opacity: 1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1)))}.oc-background{position:absolute;top:0;left:0;right:0;height:100%;background-size:cover;background-position:center;opacity:.15;filter:blur(8px);transition:opacity .3s ease}.oc-background:hover{opacity:.2}.gradient-text{background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block}.story-card{position:relative;overflow:hidden;border-radius:.75rem;--tw-bg-opacity: 1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.story-card:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.story-card figure{position:relative;overflow:hidden}.story-card figure img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transform:scale(1)}.story-card:hover figure img{transform:scale(1.05)}.story-card .badge{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.story-card .card-body>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.story-card .card-body{padding:1rem}.story-card .card-title{margin-bottom:.5rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-icon{font-size:2.25rem;line-height:2.5rem;opacity:.5;animation:float 3s ease-in-out infinite}.color-palette{display:grid;gap:1rem}@media (max-width: 640px){.gallery .color-palette{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 640px){.gallery .color-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}}.color-palette{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.color-item{display:flex;align-items:flex-start;gap:.75rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1)));padding:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.color-item:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity, 1)));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.color-item{min-height:4rem}.color-swatch{height:3rem;width:3rem;flex-shrink:0;border-radius:.5rem;border-width:2px;border-color:var(--fallback-bc,oklch(var(--bc)/.1));--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 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);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.color-info{display:flex;min-height:3rem;flex:1 1 0%;flex-direction:column;justify-content:center;gap:.25rem}.color-label{font-weight:500;line-height:1.25;word-break:break-word}.color-value{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;opacity:.75}.copy-color-btn{display:inline-flex;height:3rem;min-height:3rem;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:var(--rounded-btn, .5rem);border-color:transparent;border-color:oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));padding-left:1rem;padding-right:1rem;text-align:center;font-size:.875rem;line-height:1em;gap:.5rem;font-weight:600;text-decoration-line:none;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);border-width:var(--border-btn, 1px);transition-property:color,background-color,border-color,opacity,box-shadow,transform;--tw-text-opacity: 1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline-color:var(--fallback-bc,oklch(var(--bc)/1));background-color:oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));--tw-bg-opacity: 1;--tw-border-opacity: 1}.copy-color-btn[disabled],.copy-color-btn:disabled{pointer-events:none}:where(.copy-color-btn:is(input[type=checkbox])),:where(.copy-color-btn:is(input[type=radio])){width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.copy-color-btn:is(input[type=checkbox]):after,.copy-color-btn:is(input[type=radio]):after{--tw-content: attr(aria-label);content:var(--tw-content)}@media (hover: hover){.copy-color-btn:hover{--tw-border-opacity: 1;border-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}@supports (color: color-mix(in oklab,black,black)){.copy-color-btn:hover{background-color:color-mix(in oklab,oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,black);border-color:color-mix(in oklab,oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,black)}}@supports not (color: oklch(0% 0 0)){.copy-color-btn:hover{background-color:var(--btn-color, var(--fallback-b2));border-color:var(--btn-color, var(--fallback-b2))}}.copy-color-btn.glass:hover{--glass-opacity: 25%;--glass-border-opacity: 15%}.copy-color-btn:hover{border-color:transparent}@supports (color: oklch(0% 0 0)){.copy-color-btn:hover{background-color:var(--fallback-bc,oklch(var(--bc)/.2))}}.copy-color-btn[disabled]:hover,.copy-color-btn:disabled:hover{--tw-border-opacity: 0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity: .2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity: .2}@supports (color: color-mix(in oklab,black,black)){.copy-color-btn:is(input[type=checkbox]:checked):hover,.copy-color-btn:is(input[type=radio]:checked):hover{background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,black)}}}@media (prefers-reduced-motion: no-preference){.copy-color-btn{animation:button-pop var(--animation-btn, .25s) ease-out}}.copy-color-btn:active:hover,.copy-color-btn:active:focus{animation:button-pop 0s ease-out;transform:scale(var(--btn-focus-scale, .97))}@supports not (color: oklch(0% 0 0)){.copy-color-btn{background-color:var(--btn-color, var(--fallback-b2));border-color:var(--btn-color, var(--fallback-b2))}}.copy-color-btn:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px}.copy-color-btn.glass{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline-color:currentColor}.copy-color-btn.glass.btn-active{--glass-opacity: 25%;--glass-border-opacity: 15%}.copy-color-btn{border-width:1px;border-color:transparent;background-color:transparent;color:currentColor;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline-color:currentColor}.copy-color-btn.btn-active{border-color:transparent;background-color:var(--fallback-bc,oklch(var(--bc)/.2))}.copy-color-btn.btn-disabled,.copy-color-btn[disabled],.copy-color-btn:disabled{--tw-border-opacity: 0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity: .2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity: .2}.copy-color-btn:is(input[type=checkbox]:checked),.copy-color-btn:is(input[type=radio]:checked){--tw-border-opacity: 1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity: 1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity: 1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.copy-color-btn:is(input[type=checkbox]:checked):focus-visible,.copy-color-btn:is(input[type=radio]:checked):focus-visible{outline-color:var(--fallback-p,oklch(var(--p)/1))}.join>:where(*:not(:first-child)):is(.copy-color-btn){margin-inline-start:calc(var(--border-btn) * -1)}.copy-color-btn{height:2rem;min-height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem}.btn-square:where(.copy-color-btn){height:2rem;width:2rem;padding:0}.btn-circle:where(.copy-color-btn){height:2rem;width:2rem;border-radius:9999px;padding:0}.join.join-vertical>:where(*:not(:first-child)):is(.copy-color-btn){margin-top:calc(var(--border-btn) * -1)}.join.join-horizontal>:where(*:not(:first-child)):is(.copy-color-btn){margin-inline-start:calc(var(--border-btn) * -1);margin-top:0}.copy-color-btn{height:2rem;min-height:2rem;padding-left:.5rem;padding-right:.5rem}.floating-actions .copy-color-btn{width:3rem;height:3rem;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (min-width: 768px){.color-palette.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(200px,1fr))}}@media (max-width: 767px){.color-palette{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.color-item{padding:.75rem;min-height:3.5rem}.color-swatch{height:2.5rem;width:2.5rem}}.boop-button,.boop-style{position:relative;transition:all .15s ease;overflow:visible;padding-right:1.25rem!important;display:flex;align-items:center;justify-content:center}.boop-button:hover{transform:scale(1.05);box-shadow:0 0 12px rgba(var(--color-primary-rgb),.5)}.boop-button:active{transform:scale(.92)}.boop-counter{position:absolute;right:-10px;top:-10px;background-color:var(--color-primary);color:#fff;border-radius:9999px;min-width:26px;height:26px;font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 4px #0003;border:2px solid white;transition:all .2s ease;z-index:5}.boop-button:hover .boop-counter{transform:scale(1.1);box-shadow:0 0 8px #ffffff80}.btn-disabled .boop-counter{opacity:1}.boop-counter.milestone{animation:milestone-pulse 3s ease}@keyframes milestone-pulse{0%,to{background-color:#ffffffe6;color:var(--color-primary);transform:scale(1)}10%,90%{background-color:var(--color-primary);color:#fff;transform:scale(1.3);box-shadow:0 0 15px var(--color-primary)}50%{background-color:var(--color-primary);color:#fff;transform:scale(1.2);box-shadow:0 0 10px var(--color-primary)}}.boop-button.is-booping:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;border:2px solid rgba(var(--color-primary-rgb),.5);animation:pulse-border 1s infinite;pointer-events:none}.tooltip:before{font-size:.85rem!important;max-width:250px!important;white-space:normal!important;text-align:center!important;line-height:1.4!important;padding:.5rem .75rem!important}@keyframes pulse-border{0%{opacity:.8}50%{opacity:.4}to{opacity:.8}}.boop-tooltip{position:absolute;pointer-events:none;z-index:100}.boop-plus{position:absolute;pointer-events:none;animation:float-up 1s cubic-bezier(.18,.89,.32,1.28) forwards;z-index:100;font-weight:700;color:var(--color-primary);text-shadow:0 0 5px rgba(0,0,0,.3);font-size:1.2rem}@keyframes float-up{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:1;transform:translateY(-10px) scale(1.2)}to{transform:translateY(-60px) scale(1);opacity:0}}.boop-animation{position:absolute;pointer-events:none;animation:pop-and-fade .6s cubic-bezier(.34,1.56,.64,1) forwards;z-index:100;opacity:0}@keyframes pop-and-fade{0%{transform:scale(.5);opacity:0}40%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:0}}.boop-button.disabled{opacity:.7;cursor:not-allowed}.boop-pulse{animation:pulse .4s cubic-bezier(.18,.89,.32,1.28)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}
