.is-dragging[data-v-4918259f]{cursor:grabbing!important}.is-dragging[data-v-4918259f] *{pointer-events:none!important}.module-card[data-v-4918259f]{touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.pinned-picker-modal-box{background:var(--eggshell-white, hsl(var(--background)))!important}.pinned-picker-overlay{z-index:999999;isolation:isolate}.pinned-picker-header{background:var(--eggshell-white, hsl(var(--background)));border-color:hsl(var(--foreground) / .06)}.pinned-picker-body{background:var(--eggshell-white, hsl(var(--background)))}.pinned-picker-card{padding:1rem 1.25rem;border-radius:16px;cursor:pointer;transition:all .15s ease-out;position:relative;display:flex;flex-direction:column;background:linear-gradient(145deg,var(--sh-pinned-card-bg-start),var(--sh-pinned-card-bg-end));border:1px solid var(--sh-pinned-card-border);box-shadow:var(--sh-pinned-card-shadow);overflow:hidden}.pinned-picker-card-title{flex-shrink:0;min-width:0;width:100%;line-height:1.35;margin-bottom:.25rem;font-size:.9375rem}@media(max-width:640px){.pinned-picker-card-title{font-size:.75rem}}.pinned-picker-card-desc{flex:1;min-width:0;line-height:1.4}.pinned-picker-card:hover{box-shadow:var(--sh-pinned-card-shadow-hover)}.pinned-picker-card-selected{border-color:var(--primary-coffee, hsl(var(--primary)));box-shadow:var(--sh-pinned-card-shadow),0 0 0 2px var(--primary-coffee, hsl(var(--primary)))}.sortable-ghost{opacity:0!important}.sortable-drag,.is-dragging.sortable-drag,.module-card.is-dragging,.module-card[data-dragging=true]{opacity:1!important;background:var(--sh-glass-bg-heavy)!important;backdrop-filter:blur(var(--sh-glass-blur-heavy)) saturate(var(--sh-glass-saturate-heavy))!important;box-shadow:var(--sh-glass-shadow-drag-heavy)!important;transform:scale(1.1) rotate(2deg)!important;z-index:10!important;border-radius:var(--sh-glass-radius)!important}.list-move,.list-enter-active,.list-leave-active{transition:transform .5s cubic-bezier(.25,1,.5,1)}.is-dragging,.module-card.is-dragging,.module-card[data-dragging=true]{transition:none!important;z-index:10}.list-leave-active{position:absolute}.list-enter-from{opacity:0;transform:scale(.8)}.list-enter-to,.list-leave-from{opacity:1;transform:scale(1)}.list-leave-to{opacity:0;transform:scale(.8)}.module-wrapper{touch-action:pan-y!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.module-wrapper.is-dragging{touch-action:none!important}.text-coffee{color:var(--primary-coffee)}.bg-coffee{background-color:var(--primary-coffee)}.border-coffee{border-color:var(--primary-coffee)}.border-amber-accent{border-color:var(--accent-amber)}.module-lock-button[data-v-81395dcc]{position:fixed!important;right:max(16px,env(safe-area-inset-right,0px))!important;bottom:max(16px,env(safe-area-inset-bottom,0px))!important;z-index:50!important;display:flex;width:56px;height:56px;align-items:center;justify-content:center;border:1px solid hsl(var(--foreground) / .12);border-radius:50%;cursor:pointer;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.module-lock-button--locked[data-v-81395dcc]{color:hsl(var(--primary));background:hsl(var(--primary) / .16);box-shadow:0 8px 20px hsl(var(--foreground) / .14)}.module-lock-button--unlocked[data-v-81395dcc]{color:hsl(var(--success-foreground));background:hsl(var(--success));box-shadow:0 8px 20px hsl(var(--success) / .24)}.module-lock-button[data-v-81395dcc]:hover{transform:translateY(-2px)}.module-lock-button[data-v-81395dcc]:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}@media(max-width:640px){.module-lock-button[data-v-81395dcc]{width:52px;height:52px}}.demo-page{min-height:auto;width:100%;background-color:transparent;padding:0;margin:0;font-family:system-ui,-apple-system,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:visible}.grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;align-items:stretch;width:100%;min-width:0;max-width:100%;margin:0;padding:0;position:relative;z-index:1}.demo-card-wrapper{min-width:0;min-height:0;height:100%;transition:opacity .15s ease-out;cursor:grab;position:relative;transform:translateZ(0);-webkit-font-smoothing:antialiased;pointer-events:auto;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:pan-y}.demo-card-wrapper[data-locked=true]{cursor:default}.is-source-hidden{opacity:.05!important;filter:grayscale(100%)}.is-mobile-dragging{opacity:.4;filter:grayscale(.5)}.is-mobile-target{transform:scale(1.02);box-shadow:0 0 0 2px #d4af3799;z-index:10}.demo-card{min-width:0;height:100%;background:linear-gradient(145deg,#e6e2d3,#d1ccba);border-radius:16px;padding:24px;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:8px 8px 16px #bebaa7,-8px -8px 16px #fff;border:1px solid rgba(255,255,255,.4);pointer-events:none;transition:all .15s ease-out;position:relative;overflow:hidden;will-change:transform,box-shadow}.cursor-idiot-emboss{position:absolute;inset:0;z-index:10;pointer-events:none;display:flex;align-items:center;justify-content:center;border-radius:inherit}.cursor-idiot-emboss-inner{position:relative;width:160px;height:160px}.cursor-idiot-emboss-h,.cursor-idiot-emboss-v{position:absolute;background:#ffffff1f;border-radius:12px;box-shadow:4px 4px 8px #0000000a,-4px -4px 8px #ffffffe6}.cursor-idiot-emboss-h{top:50%;left:0;width:100%;height:40px;margin-top:-20px}.cursor-idiot-emboss-v{left:50%;top:0;width:40px;height:100%;margin-left:-20px}.demo-card:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0;background:#8b4513;border-radius:0 2px 2px 0;transition:height .15s ease-out}.demo-card-wrapper.is-hovered .demo-card,.demo-card-wrapper.is-active .demo-card{box-shadow:0 4px 12px #8b451326,0 2px 6px #8b45131a,inset 0 1px #fff9;border-color:#8b45134d}.demo-card-wrapper.is-hovered .demo-card:before,.demo-card-wrapper.is-active .demo-card:before{height:50%!important;background:#8b4513!important}.card-icon-wrapper{font-size:32px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:12px;border-radius:12px;background:#64748b14;color:#64748b;transition:all .15s ease-out;will-change:transform,background-color,color}.demo-card-wrapper.is-hovered .card-icon-wrapper,.demo-card-wrapper.is-active .card-icon-wrapper{background:#a1887f33!important;color:#8b6f47!important;transform:scale(1.1)}.demo-card-wrapper.is-hovered .card-icon-wrapper svg,.demo-card-wrapper.is-active .card-icon-wrapper svg{color:#8b6f47!important;stroke:#8b6f47!important;fill:none!important}.card-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:0}.card-title{margin:0 0 5px;color:#333;font-size:16px;font-weight:600;transition:none}.card-description{margin:0 0 8px;font-size:13px;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:none;flex-shrink:0}.card-enter-text{margin:auto 0 0;font-size:12px;font-weight:500;color:transparent;opacity:0;transition:opacity .15s ease-out,color .15s ease-out,transform .15s ease-out;transform:translateY(-4px);line-height:1.4;flex-shrink:0;will-change:opacity,transform}.demo-card-wrapper.is-hovered .card-enter-text,.demo-card-wrapper.is-active .card-enter-text{opacity:1;color:#8b4513!important;transform:translateY(0)}.real-time-glass-ghost{position:fixed!important;z-index:10!important;pointer-events:none!important;margin:0!important;transition:none;transform:scale(var(--sh-glass-scale));background:linear-gradient(135deg,var(--sh-glass-bg-light-start) 0%,var(--sh-glass-bg-light-end) 100%)!important;backdrop-filter:blur(var(--sh-glass-blur-light)) saturate(var(--sh-glass-saturate-light))!important;-webkit-backdrop-filter:blur(var(--sh-glass-blur-light)) saturate(var(--sh-glass-saturate-light))!important;border-top:1px solid var(--sh-glass-border-top)!important;border-left:1px solid var(--sh-glass-border-left)!important;border-bottom:1px solid var(--sh-glass-border-bottom)!important;border-right:1px solid var(--sh-glass-border-right)!important;box-shadow:var(--sh-glass-shadow-drag-light),var(--sh-glass-shadow-inset-light)!important;border-radius:var(--sh-glass-radius)!important;color:#000!important}.real-time-glass-ghost .demo-card{background:transparent!important;box-shadow:none!important;border:none!important}.real-time-glass-ghost h3{font-weight:800!important;text-shadow:var(--sh-glass-text-shadow)}.real-time-glass-ghost.is-landing{box-shadow:var(--sh-glass-shadow-landing)!important}