: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)}