@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes beam-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes glitch{0%,to{filter:none;transform:translate(0)}20%{filter:hue-rotate(90deg);transform:translate(-2px,2px)}40%{filter:hue-rotate(180deg);transform:translate(2px,-2px)}60%{filter:hue-rotate(270deg);transform:translate(-2px,-2px)}80%{filter:hue-rotate(360deg);transform:translate(2px,2px)}}@keyframes neon-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}@keyframes bento-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes bento-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bento-bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-6px)}50%{transform:translateY(0)}75%{transform:translateY(-3px)}}@keyframes bento-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes bento-glow-pulse{0%,to{box-shadow:0 0 20px var(--glow-color,#9b59d64d)}50%{box-shadow:0 0 40px var(--glow-color,#9b59d680)}}@keyframes bento-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes bento-spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bento-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bento-rainbow{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes bento-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bento-slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes bento-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.bento-animate-pulse{animation:bento-pulse var(--animation-duration,2s)ease-in-out infinite}.bento-animate-float{animation:bento-float var(--animation-duration,3s)ease-in-out infinite}.bento-animate-bounce{animation:bento-bounce var(--animation-duration,1s)ease-in-out infinite}.bento-animate-shimmer{animation:bento-shimmer var(--animation-duration,2s)linear infinite;background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%) 0 0/200% 100%}.bento-animate-glow-pulse{animation:bento-glow-pulse var(--animation-duration,2s)ease-in-out infinite}.bento-animate-shake{animation:bento-shake var(--animation-duration,.5s)ease-in-out}.bento-animate-spin-slow{animation:bento-spin-slow var(--animation-duration,8s)linear infinite}.bento-animate-fade-in{animation:bento-fade-in var(--animation-duration,.5s)ease-out forwards}.bento-animate-slide-up{animation:bento-slide-up var(--animation-duration,.5s)ease-out forwards}.bento-animate-slide-in-left{animation:bento-slide-in-left var(--animation-duration,.5s)ease-out forwards}.bento-animate-scale-in{animation:bento-scale-in var(--animation-duration,.3s)ease-out forwards}.bento-animate-fade{animation:bento-fade-in var(--animation-duration,2s)ease-in-out infinite alternate}.bento-animate-rainbow{animation:bento-rainbow var(--animation-duration,6s)linear infinite}.bento-inner-glow{position:relative}.bento-inner-glow:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:var(--inner-glow-shadow);z-index:1;position:absolute;inset:0}.bento-duration-slow{--animation-duration:3s}.bento-duration-normal{--animation-duration:1.5s}.bento-duration-fast{--animation-duration:.75s}.bento-text-shadow-subtle{text-shadow:0 1px 2px #0000004d}.bento-text-shadow-medium{text-shadow:0 2px 4px #0006}.bento-text-shadow-hard{text-shadow:2px 2px #000c}.bento-text-shadow-glow{text-shadow:0 0 10px var(--glow-color,currentColor),0 0 20px var(--glow-color,currentColor)}.bento-text-shadow-neon{text-shadow:0 0 5px var(--glow-color,currentColor),0 0 10px var(--glow-color,currentColor),0 0 20px var(--glow-color,currentColor),0 0 40px var(--glow-color,currentColor)}.bento-gradient-text{background:linear-gradient(135deg,var(--gradient-start,#9b59d6)0%,var(--gradient-end,#e74c3c)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bento-backdrop-blur-sm{-webkit-backdrop-filter:blur(4px)}.bento-backdrop-blur-md{-webkit-backdrop-filter:blur(8px)}.bento-backdrop-blur-lg{-webkit-backdrop-filter:blur(16px)}.bento-backdrop-blur-xl{-webkit-backdrop-filter:blur(24px)}.bento-pattern-dots{background-image:radial-gradient(var(--pattern-color,#ffffff1a)1px,transparent 1px);background-size:var(--pattern-size,20px)var(--pattern-size,20px)}.bento-pattern-stripes{background-image:repeating-linear-gradient(0deg,var(--pattern-color,#ffffff0d)0px,var(--pattern-color,#ffffff0d)1px,transparent 1px,transparent var(--pattern-size,20px))}.bento-pattern-diagonal-stripes{background-image:repeating-linear-gradient(45deg,var(--pattern-color,#ffffff0d)0px,var(--pattern-color,#ffffff0d)1px,transparent 1px,transparent var(--pattern-size,20px))}.bento-pattern-grid{background-image:linear-gradient(var(--pattern-color,#ffffff0d)1px,transparent 1px),linear-gradient(90deg,var(--pattern-color,#ffffff0d)1px,transparent 1px);background-size:var(--pattern-size,20px)var(--pattern-size,20px)}.bento-pattern-checkerboard{background-image:linear-gradient(45deg,var(--pattern-color,#ffffff0d)25%,transparent 25%),linear-gradient(-45deg,var(--pattern-color,#ffffff0d)25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--pattern-color,#ffffff0d)75%),linear-gradient(-45deg,transparent 75%,var(--pattern-color,#ffffff0d)75%);background-size:var(--pattern-size,20px)var(--pattern-size,20px);background-position:0 0,0 calc(var(--pattern-size,20px)/2),calc(var(--pattern-size,20px)/2)calc(var(--pattern-size,20px)/-2),calc(var(--pattern-size,20px)/-2)0}.bento-pattern-noise{opacity:var(--pattern-opacity,.05);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.bento-transition-fast{transition:all .15s}.bento-transition-normal{transition:all .25s}.bento-transition-slow{transition:all .4s}.bento-transition-bounce{transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.bento-shadow-sm{box-shadow:0 1px 2px #0000004d}.bento-shadow-md{box-shadow:0 4px 6px #0000004d}.bento-shadow-lg{box-shadow:0 10px 15px #0000004d}.bento-shadow-xl{box-shadow:0 20px 25px #0000004d}.bento-shadow-glow{box-shadow:0 0 20px var(--glow-color,#9b59d666)}.bento-border-gradient{position:relative;border:none!important}.bento-border-gradient:before{content:"";padding:var(--border-width,2px);background:linear-gradient(var(--border-angle,135deg),var(--border-color-1,#9b59d6),var(--border-color-2,#e74c3c));-webkit-mask-composite:xor;border-radius:inherit;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bento-border-glow{box-shadow:0 0 0 1px var(--border-color,#9b59d680),0 0 15px var(--border-color,#9b59d64d)}
:root{--bento-radius:12px;--bento-radius-inner:8px;--bento-border:1px solid #ffffff0f;--bento-border-hover:1px solid #ffffff1f;--bento-bg:#18181b8c;--bento-bg-hover:#18181bb3;--bento-shadow:0 2px 8px #00000040,0 1px 2px #00000026;--bento-shadow-hover:0 8px 24px #00000059,0 2px 6px #0003;--bento-shadow-selected:0 0 0 2px var(--bento-accent,#9b59d6),0 8px 24px #0000004d;--bento-transition:.22s cubic-bezier(.4,0,.2,1);--bento-glass-blur:12px;--bento-accent:#9b59d6}.bento-canvas{isolation:isolate}.bento-block{border-radius:var(--bento-radius);border:var(--bento-border);background:var(--bento-bg);box-shadow:var(--bento-shadow);-webkit-backdrop-filter:blur(var(--bento-glass-blur));transition:box-shadow var(--bento-transition),border-color var(--bento-transition),transform var(--bento-transition),background var(--bento-transition);position:relative;overflow:hidden}.bento-block.absolute{position:absolute}.bento-block--raw{--bento-radius:0px;--bento-border:none;--bento-bg:transparent;--bento-bg-hover:transparent;--bento-shadow:none;--bento-shadow-hover:none;--bento-glass-blur:0px;-webkit-backdrop-filter:none;word-wrap:break-word;overflow-wrap:break-word;overflow:visible}.bento-block--raw:before{display:none}.bento-block--raw>.bento-block-content{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;border-radius:0;overflow:visible}.bento-block--raw[data-selected=true]{outline:2px solid var(--bento-accent,#9b59d6);outline-offset:2px}.bento-editor .bento-block--raw:hover{outline-offset:2px;outline:1px dashed #ffffff26}.bento-block:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff0f 30% 70%,#0000);height:1px;position:absolute;top:0;left:12px;right:12px}.bento-editor .bento-block:hover{border:var(--bento-border-hover);box-shadow:var(--bento-shadow-hover);background:var(--bento-bg-hover)}.bento-block[data-selected=true]{box-shadow:var(--bento-shadow-selected);border-color:rgba(var(--bento-accent-rgb,155,89,214),.4)}.bento-block[data-dragging=true]{opacity:.6;box-shadow:var(--bento-shadow-hover);cursor:grabbing;transform:scale(.97)}.bento-block-content{border-radius:var(--bento-radius);z-index:0;width:100%;height:100%;position:relative;overflow:hidden}.bento-block--glass{--bento-bg:#18181b59;--bento-glass-blur:20px;--bento-border:1px solid #ffffff1a}.bento-block--solid{--bento-bg:#18181b;--bento-bg-hover:#1f1f23;-webkit-backdrop-filter:none}.bento-block--accent{--bento-bg:rgba(var(--bento-accent-rgb,155,89,214),.08);--bento-bg-hover:rgba(var(--bento-accent-rgb,155,89,214),.12);--bento-border:1px solid rgba(var(--bento-accent-rgb,155,89,214),.15);--bento-border-hover:1px solid rgba(var(--bento-accent-rgb,155,89,214),.25)}.bento-block--transparent{--bento-bg:transparent;--bento-bg-hover:#ffffff05;--bento-border:1px solid transparent;--bento-shadow:none;-webkit-backdrop-filter:none}.bento-block--transparent:before{display:none}.bento-block--elevated{--bento-shadow:0 4px 16px #0000004d,0 2px 4px #0003;--bento-shadow-hover:0 12px 32px #0006,0 4px 8px #00000040}.bento-section-label{letter-spacing:.08em;text-transform:uppercase;color:#a1a1aab3;font-size:10px;font-weight:600}.bento-stat-value{font-variant-numeric:tabular-nums;color:#fff;font-weight:700}.bento-badge{background:rgba(var(--bento-accent-rgb,155,89,214),.15);color:var(--bento-accent,#9b59d6);border:1px solid rgba(var(--bento-accent-rgb,155,89,214),.2);border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.bento-divider{background:linear-gradient(90deg,#0000,#ffffff14 20% 80%,#0000);width:100%;height:1px}.bento-empty{color:#a1a1aa80;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;font-size:13px;display:flex}.bento-empty svg{opacity:.4;width:24px;height:24px}.bento-resize-handle{background:var(--bento-accent,#9b59d6);z-index:30;opacity:0;border:2px solid #18181b;border-radius:3px;transition:opacity .12s;position:absolute}.bento-block[data-selected=true] .bento-resize-handle,.bento-block:hover .bento-resize-handle{opacity:1}.bento-resize-handle--corner{width:10px;height:10px}.bento-resize-handle--edge{border-radius:2px}.bento-resize-handle--nw{cursor:nw-resize;top:-5px;left:-5px}.bento-resize-handle--ne{cursor:ne-resize;top:-5px;right:-5px}.bento-resize-handle--sw{cursor:sw-resize;bottom:-5px;left:-5px}.bento-resize-handle--se{cursor:se-resize;bottom:-5px;right:-5px}.bento-resize-handle--n{cursor:n-resize;width:20px;height:8px;top:-4px;left:50%;transform:translate(-50%)}.bento-resize-handle--s{cursor:s-resize;width:20px;height:8px;bottom:-4px;left:50%;transform:translate(-50%)}.bento-resize-handle--w{cursor:w-resize;width:8px;height:20px;top:50%;left:-4px;transform:translateY(-50%)}.bento-resize-handle--e{cursor:e-resize;width:8px;height:20px;top:50%;right:-4px;transform:translateY(-50%)}.bento-toolbar{z-index:20;opacity:0;pointer-events:none;gap:4px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:8px;right:8px;transform:translateY(-4px)}.bento-block:hover .bento-toolbar,.bento-block[data-selected=true] .bento-toolbar{opacity:1;pointer-events:auto;transform:translateY(0)}.bento-toolbar-btn{color:#a1a1aacc;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#18181be6;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .12s;display:flex}.bento-toolbar-btn:hover{color:#fff;background:#27272af2;border-color:#ffffff26}.bento-toolbar-btn--active{background:var(--bento-accent,#9b59d6);color:#000;border-color:#0000}.bento-toolbar-btn--danger:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}.bento-toolbar-btn svg{width:14px;height:14px}.bento-block-label{color:#ffffff80;-webkit-backdrop-filter:blur(4px);pointer-events:none;z-index:15;text-overflow:ellipsis;white-space:nowrap;opacity:0;background:#0009;border-radius:4px;max-width:calc(100% - 12px);padding:2px 8px;font-size:10px;font-weight:500;transition:opacity .15s;position:absolute;bottom:6px;left:6px;overflow:hidden}.bento-block:hover .bento-block-label,.bento-block[data-selected=true] .bento-block-label{opacity:1}.bento-guide{background:rgba(var(--bento-accent-rgb,155,89,214),.5);z-index:50;pointer-events:none;position:absolute}.bento-guide--horizontal{height:1px;left:0;right:0}.bento-guide--vertical{width:1px;top:0;bottom:0}@keyframes bento-float-kf{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.bento-float{animation:3s ease-in-out infinite bento-float-kf}@keyframes bento-shake-kf{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.bento-shake{animation:.6s ease-in-out infinite bento-shake-kf}@keyframes bento-shimmer-kf{0%{background-position:-200% 0}to{background-position:200% 0}}.bento-shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff0d 50%,#0000 100%) 0 0/200% 100%;animation:2s linear infinite bento-shimmer-kf}@keyframes bento-fade-kf{0%,to{opacity:1}50%{opacity:.6}}.bento-fade{animation:2s ease-in-out infinite bento-fade-kf}@keyframes bento-rainbow-kf{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.bento-rainbow-glow{animation:3s linear infinite bento-rainbow-kf}@keyframes bento-entrance-fade-kf{0%{opacity:0}to{opacity:1}}.bento-entrance-fade-in{animation:bento-entrance-fade-kf var(--entrance-duration,.4s)var(--entrance-delay,0s)ease-out both}@keyframes bento-entrance-slide-up-kf{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.bento-entrance-slide-up{animation:bento-entrance-slide-up-kf var(--entrance-duration,.4s)var(--entrance-delay,0s)ease-out both}@keyframes bento-entrance-slide-left-kf{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.bento-entrance-slide-left{animation:bento-entrance-slide-left-kf var(--entrance-duration,.4s)var(--entrance-delay,0s)ease-out both}@keyframes bento-entrance-scale-kf{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.bento-entrance-scale-in{animation:bento-entrance-scale-kf var(--entrance-duration,.4s)var(--entrance-delay,0s)ease-out both}@keyframes bento-entrance-blur-kf{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur()}}.bento-entrance-blur-in{animation:bento-entrance-blur-kf var(--entrance-duration,.4s)var(--entrance-delay,0s)ease-out both}@keyframes bento-entrance-bounce-kf{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1)}}.bento-entrance-bounce-in{animation:bento-entrance-bounce-kf var(--entrance-duration,.6s)var(--entrance-delay,0s)ease-out both}