/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
/*! 
 * @casoon/tailwindcss-effects v0.9.0 - Core Version
 * Essential utilities + animations only (no glass, no orbs)
 */
/*!
 * Casoon Utilities - Complete Utility System for Tailwind v4
 * Version: 0.9.0 — COMPLETELY CONSOLIDATED & ENHANCED
 * 
 * SYSTEMATICALLY CONSOLIDATED FROM:
 * - src/index.css (main file with @utility definitions)
 * - src/styles/base/tokens.css
 * - src/styles/tokens/design-tokens.css
 * - src/styles/utilities/core.css
 * - src/styles/utilities/layout.css
 * - src/styles/utilities/effects.css
 * - src/styles/components/surfaces.css
 * - src/styles/patterns/component-presets.css
 * 
 * TOTAL: 8 CSS FILES → Pure Tailwind v4 (120+ classes + 80+ @utility)
 * 
 * Features:
 * ✅ Tree-Shaking Support with @utility directives
 * ✅ Modern Design System with comprehensive tokens
 * ✅ Accessibility-first components and utilities
 * ✅ Progressive Enhancement & Fallbacks
 * ✅ Container Queries & Responsive Design
 * ✅ Performance optimized with reduced motion support
 * 
 * Usage: @import "@casoon/tailwindcss-utilities/index.css";
 */
@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--radius-xl:.75rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--cs-bg:#fff;--cs-surface:#f7f8fa;--cs-elev1:#fff;--cs-elev2:#fff;--cs-text:#101217;--cs-text-muted:#475066;--cs-border:#dfe3ea;--cs-brand:#375dfb;--cs-brand-contrast:#fff;--cs-brand-ink:var(--cs-brand-contrast);--cs-success:#22c55e;--cs-warning:#f59e0b;--cs-danger:#ef4444;--cs-info:#06b6d4;--cs-font-sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;--cs-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--cs-line:1.5;--cs-fs-xs:clamp(.78rem,.75rem + .2cqi,.84rem);--cs-fs-sm:clamp(.88rem,.82rem + .3cqi,.95rem);--cs-fs-md:clamp(1rem,.95rem + .4cqi,1.125rem);--cs-fs-lg:clamp(1.25rem,1.05rem + .8cqi,1.5rem);--cs-fs-xl:clamp(1.5rem,1.2rem + 1.2cqi,1.875rem);--cs-fs-2xl:clamp(1.875rem,1.4rem + 1.6cqi,2.25rem);--cs-density:1;--cs-space-1:calc(4px*var(--cs-density));--cs-space-2:calc(8px*var(--cs-density));--cs-space-3:calc(12px*var(--cs-density));--cs-space-4:calc(16px*var(--cs-density));--cs-space-6:calc(24px*var(--cs-density));--cs-radius:10px;--cs-radius-sm:calc(var(--cs-radius) - 4px);--cs-radius-lg:calc(var(--cs-radius) + 6px);--cs-shadow-1:0 1px 2px #1218280f,0 1px 1px #1218280a;--cs-shadow-2:0 10px 24px #1218281a,0 2px 8px #1218280f;--cs-transition:.18s cubic-bezier(.2,.6,.2,1);--cs-anim-duration-sm:.2s;--cs-anim-duration-md:.3s;--cs-anim-duration-lg:.5s;--cs-anim-ease-out:cubic-bezier(.16,1,.3,1);--cs-anim-ease-in:cubic-bezier(.32,0,.67,0);--cs-z-0:0;--cs-z-1:1;--cs-z-base:1;--cs-z-10:10;--cs-z-20:20;--cs-z-30:30;--cs-z-popover:30;--cs-z-40:40;--cs-z-tooltip:40;--cs-z-50:50;--cs-z-toast:50;--cs-z-60:60;--cs-z-modal:60;--cs-z-70:70;--cs-z-80:80;--cs-z-90:90;--cs-z-100:100;--cs-z-200:200;--cs-z-300:300;--cs-z-400:400;--cs-z-500:500;--cs-z-600:600;--cs-z-700:700;--cs-z-800:800;--cs-z-900:900;--cs-z-999:999;--cs-z-9999:9999;--cs-z-max:2147480000;--cs-page-max:1200px;--cs-page-pad:var(--cs-space-4);--cs-acrylic-blur:14px;--cs-acrylic-tint:#ffffffa6;--cs-acrylic-border:#0000000f;--cs-anim-ease-standard:cubic-bezier(.2,0,0,1);--cs-anim-ease-spring:cubic-bezier(.175,.885,.32,1.275);--cs-anim-ease-bounce:cubic-bezier(.68,-.55,.265,1.55)}}@layer base{@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.cs-progress{background:var(--cs-border);border-radius:var(--cs-radius);width:100%;height:8px;position:relative;overflow:hidden}.cs-card-product{background:var(--cs-elev1);border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg);padding:var(--cs-space-6);transition:all var(--cs-transition);position:relative;overflow:hidden}.cs-card-product:hover{box-shadow:var(--cs-shadow-2);border-color:var(--cs-brand);transform:translateY(-2px)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.cs-btn{padding:var(--cs-space-2)var(--cs-space-4);border-radius:var(--cs-radius);transition:var(--cs-transition);cursor:pointer;border:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-weight:500;text-decoration:none;display:inline-flex}.cs-badge{align-items:center;gap:var(--cs-space-1);padding:var(--cs-space-1)var(--cs-space-2);border-radius:var(--cs-radius-sm);font-size:var(--cs-fs-xs);white-space:nowrap;font-weight:600;line-height:1;display:inline-flex}.cs-progress-bar{background:var(--cs-brand);border-radius:inherit;height:100%;transition:width var(--cs-transition)}.h-4{height:calc(var(--spacing)*4)}.cs-btn-lg{padding:var(--cs-space-3)var(--cs-space-6);font-size:var(--cs-fs-lg);min-width:52px;min-height:52px}.cs-skeleton{background:linear-gradient(90deg,var(--cs-border)25%,var(--cs-elev1)50%,var(--cs-border)75%);border-radius:var(--cs-radius);background-size:200% 100%;animation:1.5s ease-in-out infinite cs-shimmer}.cs-spinner{will-change:transform;animation:1s linear infinite cs-rotate}.rounded{border-radius:.25rem}.rounded-xl{border-radius:var(--radius-xl)}.cs-text-gradient{background:linear-gradient(135deg,var(--cs-brand),var(--cs-success));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.cs-btn-primary{background:var(--cs-brand);color:var(--cs-brand-contrast)}.cs-btn-primary:hover{background:#2f4fd5}@supports (color:color-mix(in lab, red, red)){.cs-btn-primary:hover{background:color-mix(in srgb,var(--cs-brand)85%,black)}}.cs-btn-primary:focus-visible{outline-offset:2px;box-shadow:0 0 0 2px var(--cs-brand),0 0 0 4px #375dfb40;outline:2px solid #0000}@supports (color:color-mix(in lab, red, red)){.cs-btn-primary:focus-visible{box-shadow:0 0 0 2px var(--cs-brand),0 0 0 4px color-mix(in srgb,var(--cs-brand)25%,transparent)}}.cs-badge-success{background:var(--cs-success,#22c55e);color:#fff}.cs-focus-ring{outline:none}.cs-focus-ring:focus-visible{outline-offset:2px;box-shadow:0 0 0 2px var(--cs-brand,#4f7cff),0 0 0 4px #375dfb33;outline:2px solid #0000}@supports (color:color-mix(in lab, red, red)){.cs-focus-ring:focus-visible{box-shadow:0 0 0 2px var(--cs-brand,#4f7cff),0 0 0 4px color-mix(in srgb,var(--cs-brand,#4f7cff)20%,transparent)}}.cs-focus-ring:focus-visible{transition:box-shadow var(--cs-transition)}.cs-stagger-100>.cs-anim:first-child{--cs-anim-delay:0s}.cs-stagger-100>.cs-anim:nth-child(2){--cs-anim-delay:.1s}.cs-stagger-100>.cs-anim:nth-child(3){--cs-anim-delay:.2s}.cs-stagger-100>.cs-anim:nth-child(4){--cs-anim-delay:.3s}.cs-stagger-100>.cs-anim:nth-child(5){--cs-anim-delay:.4s}.cs-stagger-100>.cs-anim:nth-child(6){--cs-anim-delay:.5s}.cs-stagger-100>.cs-anim:nth-child(7){--cs-anim-delay:.6s}.cs-stagger-100>.cs-anim:nth-child(8){--cs-anim-delay:.7s}.cs-stagger-100>.cs-anim:nth-child(9){--cs-anim-delay:.8s}.cs-stagger-100>.cs-anim:nth-child(10){--cs-anim-delay:.9s}.cs-stagger-100>.cs-anim:nth-child(11){--cs-anim-delay:1s}.cs-stagger-100>.cs-anim:nth-child(12){--cs-anim-delay:1.1s}.cs-anim{animation-duration:var(--cs-anim-duration,var(--cs-anim-duration-md));animation-timing-function:var(--cs-anim-ease,var(--cs-anim-ease-standard));animation-iteration-count:var(--cs-anim-count,1);animation-direction:var(--cs-anim-direction,normal);animation-fill-mode:var(--cs-anim-fill,both);animation-delay:var(--cs-anim-delay,0s)}.cs-anim-lg{--cs-anim-duration:var(--cs-anim-duration-lg)}.cs-delay-300{--cs-anim-delay:.3s}.cs-ease-bounce{--cs-anim-ease:var(--cs-anim-ease-bounce)}.cs-ease-spring{--cs-anim-ease:var(--cs-anim-ease-spring)}.cs-fade-in{animation-name:csFadeIn}.cs-preserve-3d{transform-style:preserve-3d}.cs-reveal-3d-up{animation-name:csReveal3DUp}.cs-scale-in{animation-name:csScaleIn}.cs-slide-up{animation-name:csSlideUp}}.cs-theme-light{--cs-bg:#fff;--cs-surface:#f7f8fa;--cs-elev1:#fff;--cs-elev2:#fff;--cs-text:#101217;--cs-text-muted:#475066;--cs-border:#dfe3ea;--cs-brand:#375dfb;--cs-brand-contrast:#fff;--cs-shadow-1:0 1px 2px #1218280f,0 1px 1px #1218280a;--cs-shadow-2:0 10px 24px #1218281a,0 2px 8px #1218280f;--cs-acrylic-tint:#ffffffa6;--cs-acrylic-border:#0000000f}.cs-theme-dark{--cs-bg:#0b0c0f;--cs-surface:#14161a;--cs-elev1:#1b1e24;--cs-elev2:#21252d;--cs-text:#eef1f6;--cs-text-muted:#b6bfcc;--cs-border:#2a2f39;--cs-brand:#4f7cff;--cs-brand-contrast:#0b0d12}@keyframes cs-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cs-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cs-progress-slide{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes csPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes csFadeIn{0%{opacity:0}to{opacity:1}}@keyframes csShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes csSpin{to{transform:rotate(360deg)}}@container (max-width:640px){.cs-hide-mobile{display:none!important}.cs-show-mobile{display:block!important}}@container (min-width:641px) and (max-width:1024px){.cs-hide-tablet{display:none!important}.cs-show-tablet{display:block!important}}@container (min-width:1025px){.cs-hide-desktop{display:none!important}.cs-show-desktop{display:block!important}}@supports not (color:color-mix(in srgb, red 50%, blue)){.cs-btn-primary:hover{background:#4f7cffd9}.cs-alert-info{background:#0ea5e914}.cs-alert-success{background:#22c55e14}.cs-alert-warning{background:#f59e0b14}.cs-alert-danger{background:#ef444414}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.cs-acrylic{background:#ffffffb8}@supports (color:color-mix(in lab, red, red)){.cs-acrylic{background:color-mix(in srgb,var(--cs-acrylic-tint)80%,var(--cs-elev1))}}}@supports (color:oklch(60% 0.2 250)){.cs-theme{--cs-brand-oklch:oklch(from var(--cs-brand)l c h)}}@media (prefers-reduced-motion:reduce){.cs-pulse,.cs-shimmer,.cs-fade-delayed,.cs-spin{animation:none!important}.cs-btn:hover,.cs-focus-ring:focus-visible,.cs-focus-ring-within:focus-within,.cs-glow{transition:none!important}}@media (prefers-contrast:high){.cs-theme{--cs-border:currentColor;--cs-text-muted:var(--cs-text)}.cs-btn{border:2px solid}.cs-card,.cs-card-elevated{border:2px solid var(--cs-border)}}@keyframes csFadeOut{0%{opacity:1}to{opacity:0}}@keyframes csScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes csScaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes csSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes csSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes csSlideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes csSlideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes csBlurIn{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}@keyframes csBlurOut{0%{opacity:1;filter:blur()}to{opacity:0;filter:blur(4px)}}@keyframes csRotateIn{0%{opacity:0;transform:rotate(-5deg)}to{opacity:1;transform:rotate(0)}}@keyframes csFlipIn{0%{opacity:0;transform:rotateY(-180deg)}to{opacity:1;transform:rotateY(0)}}@keyframes csZoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes csZoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes csRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes csBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-25%)}}@keyframes csWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes csShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes csHeartbeat{0%,to{transform:scale(1)}14%,28%{transform:scale(1.15)}}@keyframes csRubberBand{0%,to{transform:scaleX(1)}30%{transform:scaleX(1.25)scaleY(.75)}40%{transform:scaleX(.75)scaleY(1.25)}60%{transform:scaleX(1.15)scaleY(.85)}}@keyframes csReveal3DUp{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}@keyframes csReveal3DRight{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes csReveal3DLeft{0%{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes csFlip3DX{0%{transform:rotateX(0)}to{transform:rotateX(360deg)}}@keyframes csFlip3DY{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes csMarqueeLeft{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes csMarqueeRight{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes csParallaxY{0%{transform:translateY(-10px)}to{transform:translateY(10px)}}@keyframes csParallaxX{0%{transform:translate(-10px)}to{transform:translate(10px)}}@keyframes csFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes csSway{0%,to{transform:rotate(0)}50%{transform:rotate(1deg)}}@keyframes csProgressGrow{0%{width:0%}to{width:100%}}@keyframes csSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes csDotLoader{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes csRippleSpread{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes csBtnPress{0%{transform:scale(1)}50%{transform:scale(.975)}to{transform:scale(1)}}@keyframes csTabSlide{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes csNotificationSlide{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes csScrollReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes csScrollScale{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes csParallaxScroll{0%{transform:translateY(0)}to{transform:translateY(-50px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cs-pulse,.cs-bounce,.cs-wiggle,.cs-shake,.cs-heartbeat,.cs-rubber-band,.cs-rotate,.cs-marquee-left,.cs-marquee-right,.cs-parallax-y,.cs-parallax-x,.cs-float,.cs-sway,.cs-skeleton-shimmer,.cs-dot-loader{animation:none!important}.cs-fade-in,.cs-scale-in,.cs-slide-up,.cs-slide-down,.cs-slide-left,.cs-slide-right{animation-duration:.01ms!important}.cs-3d-hover,.cs-flip-3d-x,.cs-flip-3d-y{transform:none!important}}@media (prefers-contrast:high){.cs-skeleton-shimmer{background:repeating-linear-gradient(90deg,#0000 0%,currentColor 50%,#0000 100%)}}@media print{*,:before,:after{transition:none!important;animation:none!important}}@media (hover:none) and (pointer:coarse){.cs-btn-press{animation-duration:50ms}.cs-btn-ripple:after{animation-duration:.3s}.cs-wiggle,.cs-shake{animation-duration:.15s}}