:root[data-style=base]{--radius:.75rem;--shadow-sm:0 1px 2px #0f172a0f,0 0 0 1px #0f172a05;--shadow:0 4px 10px #0f172a14,0 12px 24px #0f172a1a;--shadow-lg:0 18px 40px #0f172a29,0 45px 80px #0f172a33;--shadow-xl:0 28px 60px #0f172a2e,0 70px 120px #0f172a3d}:root[data-style=base] [class*=bg-card],:root[data-style=base] [class*=bg-popover]{box-shadow:var(--shadow);border:1px solid color-mix(in oklch,oklch(var(--border))60%,transparent 40%)}:root[data-style=base] .shadow{box-shadow:var(--shadow)}:root[data-style=base] [class*=shadow-lg]{box-shadow:var(--shadow-lg)}:root[data-style=base] button,:root[data-style=base] input,:root[data-style=base] textarea,:root[data-style=base] select{box-shadow:var(--shadow-sm);border:1px solid color-mix(in oklch,oklch(var(--border))50%,transparent 50%);transition:box-shadow .18s ease-out,transform .18s ease-out,border-color .18s ease-out,background-color .18s ease-out}:root[data-style=base] button:hover,:root[data-style=base] input:focus,:root[data-style=base] textarea:focus,:root[data-style=base] select:focus{box-shadow:var(--shadow);border-color:oklch(var(--ring)/.6);transform:translateY(-1px)}:root[data-style=neumorphism]{--radius:1rem;--shadow-sm:4px 4px 8px #0f172a14,-4px -4px 8px #ffffff8c;--shadow:10px 10px 20px #0f172a1f,-10px -10px 20px #ffffffb3;--shadow-lg:16px 16px 32px #0f172a29,-16px -16px 32px #fffc;--shadow-inset:inset 4px 4px 10px #0f172a1f,inset -4px -4px 10px #ffffffa6}:root[data-style=neumorphism].dark{--shadow-sm:4px 4px 8px #0f172a99,-4px -4px 8px #33415559;--shadow:10px 10px 20px #0f172ab3,-10px -10px 20px #33415566;--shadow-lg:16px 16px 32px #0f172acc,-16px -16px 32px #33415573;--shadow-inset:inset 4px 4px 10px #0f172abf,inset -4px -4px 10px #33415566}:root[data-style=neumorphism] [class*=bg-card],:root[data-style=neumorphism] [class*=bg-popover]{box-shadow:var(--shadow);background:color-mix(in oklch,oklch(var(--card))90%,white 10%);border-radius:var(--radius);border:1px solid color-mix(in oklch,oklch(var(--border))40%,transparent 60%);transition:box-shadow .18s ease-out,transform .18s ease-out}:root[data-style=neumorphism] [class*=bg-card]:hover,:root[data-style=neumorphism] [class*=bg-popover]:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}:root[data-style=neumorphism] button{box-shadow:var(--shadow-sm);border-radius:calc(var(--radius)*.9);border:1px solid color-mix(in oklch,oklch(var(--border))35%,transparent 65%);background:color-mix(in oklch,oklch(var(--card))95%,white 5%);transition:box-shadow .15s ease-out,transform .15s ease-out,background-color .15s ease-out}:root[data-style=neumorphism] button:hover{box-shadow:var(--shadow);transform:translateY(-1px)}:root[data-style=neumorphism] button:active{box-shadow:var(--shadow-inset);transform:translateY(0)}:root[data-style=neumorphism] input,:root[data-style=neumorphism] textarea,:root[data-style=neumorphism] select{box-shadow:var(--shadow-inset);border-radius:calc(var(--radius)*.9);border:1px solid color-mix(in oklch,oklch(var(--border))30%,transparent 70%);background:color-mix(in oklch,oklch(var(--background))92%,white 8%)}:root[data-style=neumorphism] [class*=shadow-lg]{box-shadow:var(--shadow-lg)}:root[data-style=glass]{--radius:1rem;--shadow:0 18px 40px #0f172a47,0 0 0 1px #ffffff40;--shadow-lg:0 30px 80px #0f172a59,0 0 0 1px #ffffff4d;--glass-blur:24px;--glass-saturate:1.4}:root[data-style=glass] [class*=bg-card],:root[data-style=glass] [class*=bg-popover],:root[data-style=glass] .shadow{-webkit-backdrop-filter:blur(var(--glass-blur))saturate(var(--glass-saturate));border-radius:var(--radius);border:1px solid color-mix(in oklch,oklch(var(--border))35%,transparent 65%);box-shadow:var(--shadow);transition:box-shadow .16s ease-out,transform .16s ease-out;position:relative;overflow:hidden;background:  radial-gradient(circle at top left,#ffffff47,transparent 55%),linear-gradient(135deg,color-mix(in oklch,oklch(var(--card))70%,transparent 30%),color-mix(in oklch,oklch(var(--background))55%,transparent 45%))!important}:root[data-style=glass] [class*=bg-card]:before,:root[data-style=glass] [class*=bg-popover]:before,:root[data-style=glass] .shadow:before{content:"";border-radius:inherit;mix-blend-mode:screen;opacity:.85;pointer-events:none;border:1px solid #ffffff59;position:absolute;inset:0}:root[data-style=glass] [class*=bg-card]:hover,:root[data-style=glass] [class*=bg-popover]:hover,:root[data-style=glass] .shadow:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}:root[data-style=glass] button{-webkit-backdrop-filter:blur(calc(var(--glass-blur)*.7))saturate(var(--glass-saturate));border-radius:calc(var(--radius)*.8);border:1px solid color-mix(in oklch,oklch(var(--border))45%,transparent 55%);background:linear-gradient(145deg,#ffffff52,#ffffff1f);transition:transform .15s ease-out,box-shadow .15s ease-out,background .15s ease-out;position:relative;box-shadow:0 12px 30px #0f172a4d,0 0 0 1px #ffffff40}:root[data-style=glass] button:before{content:"";border-radius:inherit;mix-blend-mode:screen;opacity:.8;pointer-events:none;background:linear-gradient(120deg,#ffffff8c,#0000 40%);position:absolute;inset:0}:root[data-style=glass] button:hover{transform:translateY(-1px);box-shadow:0 18px 40px #0f172a66,0 0 0 1px #ffffff4d}:root[data-style=liquid-glass]{--radius:1.5rem;--shadow:0 20px 50px #0f172a4d,0 0 0 1px #ffffff47;--shadow-lg:0 32px 90px #0f172a66,0 0 0 1px #ffffff52;--glass-blur:32px;--glass-saturate:1.8}:root[data-style=liquid-glass] [class*=bg-card],:root[data-style=liquid-glass] [class*=bg-popover],:root[data-style=liquid-glass] .shadow{-webkit-backdrop-filter:blur(var(--glass-blur))saturate(var(--glass-saturate));border-radius:var(--radius);border:1px solid color-mix(in oklch,oklch(var(--border))50%,transparent 50%);box-shadow:var(--shadow-lg);transition:box-shadow .16s ease-out,transform .16s ease-out,border-color .16s ease-out;position:relative;overflow:hidden;transform:translateY(0);background:linear-gradient(135deg,color-mix(in oklch,oklch(var(--card))70%,transparent 30%),color-mix(in oklch,oklch(var(--background))55%,transparent 45%))!important}:root[data-style=liquid-glass] [class*=bg-card]:before,:root[data-style=liquid-glass] [class*=bg-popover]:before,:root[data-style=liquid-glass] .shadow:before{content:"";opacity:.9;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(90% 70% at 15% 20%,#ffffffa6,#0000 50%),radial-gradient(100% 60% at 85% 30%,#ffffff59,#0000 60%),radial-gradient(50% 40% at 20% 80%,#ffffff1a,#0000 70%);position:absolute;inset:-20%}:root[data-style=liquid-glass] [class*=bg-card]:after,:root[data-style=liquid-glass] [class*=bg-popover]:after,:root[data-style=liquid-glass] .shadow:after{content:"";border-radius:inherit;mix-blend-mode:screen;pointer-events:none;border:1px solid #ffffffbf;position:absolute;inset:0}:root[data-style=liquid-glass] [class*=bg-card]>*,:root[data-style=liquid-glass] [class*=bg-popover]>*,:root[data-style=liquid-glass] .shadow>*{z-index:1;position:relative}:root[data-style=liquid-glass] [class*=bg-card]:hover,:root[data-style=liquid-glass] [class*=bg-popover]:hover,:root[data-style=liquid-glass] .shadow:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in oklch,oklch(var(--border))70%,transparent 30%);transform:translateY(-2px)}:root[data-style=clay]{--radius:1.25rem;--shadow:0 14px 0 #0f172a29;--shadow-lg:0 18px 0 #0f172a33}:root[data-style=clay] [class*=bg-card],:root[data-style=clay] [class*=bg-popover],:root[data-style=clay] button,:root[data-style=clay] .shadow{background:color-mix(in oklch,oklch(var(--card))92%,oklch(var(--background))8%);border-radius:var(--radius);box-shadow:inset 0 2px 0 #ffffff73,var(--shadow);border:1px solid color-mix(in oklch,oklch(var(--border))80%,black 20%);transition:transform .14s ease-out,box-shadow .14s ease-out;position:relative;transform:translateY(0)}:root[data-style=clay] button:active,:root[data-style=clay] .shadow:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff59,0 8px #0f172a2e}:root[data-style=clay] input,:root[data-style=clay] textarea,:root[data-style=clay] select{border-radius:calc(var(--radius)*.9);border:1px solid color-mix(in oklch,oklch(var(--border))90%,black 10%);box-shadow:inset 0 2px 4px #00000017,inset 0 -1px #ffffff40}:root[data-style=neobrutal]{--radius:.25rem;--shadow:6px 6px 0 oklch(var(--ring)/.4);--shadow-lg:8px 8px 0 oklch(var(--ring)/.5)}:root[data-style=neobrutal] [class*=bg-card],:root[data-style=neobrutal] [class*=bg-popover],:root[data-style=neobrutal] button,:root[data-style=neobrutal] input,:root[data-style=neobrutal] textarea,:root[data-style=neobrutal] select,:root[data-style=neobrutal] .shadow{background:color-mix(in oklch,oklch(var(--card))85%,oklch(var(--background))15%);border:3px solid oklch(var(--foreground)/.95);box-shadow:var(--shadow);border-radius:var(--radius);transition:transform .12s ease-out,box-shadow .12s ease-out;transform:translate(0)}:root[data-style=neobrutal] [class*=shadow-lg]{box-shadow:var(--shadow-lg)}:root[data-style=neobrutal] [class*=bg-card]:hover,:root[data-style=neobrutal] [class*=bg-popover]:hover,:root[data-style=neobrutal] button:hover,:root[data-style=neobrutal] .shadow:hover{box-shadow:10px 10px 0 oklch(var(--ring)/.6);transform:translate(-3px,-3px)}:root[data-style=neobrutal] *,[class*=rounded]{border-radius:var(--radius)}[class*=rounded-lg]{border-radius:calc(var(--radius)*1.2)}[class*=rounded-xl]{border-radius:calc(var(--radius)*1.5)}[class*=rounded-md]{border-radius:calc(var(--radius)*.8)}[class*=rounded-sm]{border-radius:calc(var(--radius)*.6)}