.idea-machine{--reel-height:208px}.machine-body{border:1px solid var(--border);background:linear-gradient(125deg, var(--card), var(--background) 48%);box-shadow:0 0 45px color-mix(in srgb, var(--primary) 7%, transparent);border-radius:24px 24px 16px 16px;padding:14px 42px 0 10px;position:relative}.machine-labels{font:10px var(--font-mono);letter-spacing:.08em;text-align:center;text-transform:uppercase;color:var(--muted-foreground);grid-template-columns:repeat(4,minmax(0,1fr));margin:0 4px 7px;display:grid}.machine-labels span:first-child:before{content:"";background:var(--primary);width:4px;height:4px;box-shadow:0 0 8px var(--primary);border-radius:50%;margin-right:4px;display:inline-block}.machine-window{height:var(--reel-height);border:2px solid var(--muted-foreground);background:var(--background);box-shadow:0 0 0 3px var(--background), 0 0 0 4px var(--border), inset 0 0 25px var(--background);border-radius:15px;grid-template-columns:repeat(4,minmax(0,1fr));padding:3px;display:grid;position:relative;overflow:hidden}.machine-window:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(116deg, transparent 30%, color-mix(in srgb, var(--foreground) 7%, transparent) 39%, transparent 45%, transparent 65%, color-mix(in srgb, var(--foreground) 4%, transparent) 70%, transparent 77%);position:absolute;inset:0}.machine-payline{background:color-mix(in srgb, var(--primary) 60%, transparent);height:1px;position:absolute;top:50%;left:0;right:0}.machine-payline:before,.machine-payline:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;position:absolute;top:-6px}.machine-payline:before{border-left:8px solid var(--primary);left:0}.machine-payline:after{border-right:8px solid var(--primary);right:0}.machine-reel{border-right:3px solid var(--background);background:linear-gradient(var(--background), var(--card) 49%, var(--background));min-width:0;position:relative;overflow:hidden}.machine-reel:last-child{border-right:0}.machine-reel:after{content:"";pointer-events:none;background:linear-gradient(var(--background), transparent 24%, transparent 76%, var(--background));position:absolute;inset:0}.machine-reel-featured{box-shadow:inset 0 0 18px color-mix(in srgb, var(--primary) 15%, transparent)}.machine-reel[data-held=true]{box-shadow:inset 0 0 0 1px var(--primary)}.machine-reel-strip{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.machine-pick{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:7px;width:100%;padding:0 4px;display:flex;position:relative}.machine-symbol{width:34px;height:34px;color:var(--foreground);place-items:center;display:grid}.machine-symbol svg{width:25px;height:25px}.machine-voice{border:1px solid var(--border);background:var(--background);border-radius:50%}.machine-voice svg{width:17px;height:17px}.machine-value{-webkit-line-clamp:3;overflow-wrap:anywhere;color:var(--foreground);-webkit-box-orient:vertical;font-size:11px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.machine-hook{font-size:9px;font-weight:500}.machine-look-image{object-fit:cover;border-radius:3px;width:100%;height:94px}.machine-stills{border:1px solid var(--border);font:8px var(--font-mono);text-transform:uppercase;color:var(--muted-foreground);border-radius:7px;padding:3px 5px}.machine-ghost{width:100%;font:8px var(--font-mono);text-align:center;text-transform:uppercase;color:var(--muted);padding:0 3px;position:absolute;top:2px}.machine-ghost-bottom{top:auto;bottom:5px}.idea-machine .machine-lever{opacity:1;background:0 0;border-radius:20px;width:42px;height:170px;padding:0;position:absolute;top:31px;right:0}.machine-lever-mount{background:linear-gradient(90deg, var(--border), var(--background));width:21px;height:88px;box-shadow:1px 0 0 var(--muted);border-radius:3px 12px 12px 3px;position:absolute;top:61px;right:12px}.machine-lever-arm{transform-origin:50% 100%;background:linear-gradient(90deg, var(--muted), var(--foreground), var(--border));width:8px;height:110px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;top:18px;left:18px}.machine-lever-ball{background:radial-gradient(circle at 32% 25%, var(--primary-soft), var(--primary) 36%, var(--primary-deep) 88%);width:34px;height:34px;box-shadow:0 0 18px color-mix(in srgb, var(--primary) 24%, transparent), inset -3px -4px 8px color-mix(in srgb, var(--background) 30%, transparent);border-radius:50%;position:absolute;top:-13px;left:-13px}.machine-lever-pivot{border:2px solid var(--muted);background:radial-gradient(circle, var(--background) 28%, var(--muted-foreground) 32%, var(--foreground) 65%, var(--border));border-radius:50%;width:28px;height:28px;position:absolute;top:114px;left:8px}.machine-lever:hover .machine-lever-ball{box-shadow:0 0 25px color-mix(in srgb, var(--primary) 40%, transparent)}.idea-machine[data-spinning=true] .machine-lever-arm{transform:rotate(24deg)scaleY(.62)}.machine-holds{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:13px 2px 10px;display:grid}.idea-machine .machine-hold{border:1px solid var(--border);background:linear-gradient(var(--accent), var(--card));min-width:0;height:36px;box-shadow:0 3px 0 var(--background);color:var(--muted-foreground);font:9px var(--font-mono);border-radius:9px;gap:4px;padding:0 2px}.idea-machine .machine-hold[aria-pressed=true]{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--card))}.idea-machine .machine-hold svg{width:9px;height:9px}.machine-hold-dot{background:var(--background);width:5px;height:5px;box-shadow:inset 0 1px 2px var(--border);border-radius:50%}.machine-meters{grid-template-columns:repeat(3,minmax(0,1fr)) 22px;gap:5px;display:grid}.machine-meters>div{border:1px solid var(--card);background:radial-gradient(var(--card) 1px, transparent 1px) 0 0/4px 4px, var(--background);border-radius:8px;min-width:0;padding:7px}.machine-meters span{color:var(--muted-foreground);text-transform:uppercase;font-size:9px;display:block}.machine-meters strong{justify-content:flex-end;align-items:center;gap:2px;margin-top:3px;font-size:19px;font-weight:500;display:flex}.machine-meters svg{width:15px;height:15px}.machine-speaker{border:1px solid var(--border);background:radial-gradient(var(--background) 1.5px, transparent 2px) 0 0/5px 5px, var(--accent);border-radius:7px}.machine-printer{border:1px solid var(--card);background:var(--background);border-bottom:0;border-radius:11px 11px 0 0;min-height:105px;margin:11px 0 0;padding:11px 11px 0;position:relative}.machine-printer-slot{background:var(--primary-foreground);height:10px;box-shadow:0 1px 0 var(--border);border-radius:8px;position:absolute;top:6px;left:7px;right:7px}.machine-ticket{z-index:1;color:var(--background);background:linear-gradient(var(--muted-foreground), var(--foreground) 15px);clip-path:polygon(0 0,100% 0,100% calc(100% - 5px),98% 100%,96% calc(100% - 5px),94% 100%,92% calc(100% - 5px),90% 100%,88% calc(100% - 5px),86% 100%,84% calc(100% - 5px),82% 100%,80% calc(100% - 5px),78% 100%,76% calc(100% - 5px),74% 100%,72% calc(100% - 5px),70% 100%,68% calc(100% - 5px),66% 100%,64% calc(100% - 5px),62% 100%,60% calc(100% - 5px),58% 100%,56% calc(100% - 5px),54% 100%,52% calc(100% - 5px),50% 100%,48% calc(100% - 5px),46% 100%,44% calc(100% - 5px),42% 100%,40% calc(100% - 5px),38% 100%,36% calc(100% - 5px),34% 100%,32% calc(100% - 5px),30% 100%,28% calc(100% - 5px),26% 100%,24% calc(100% - 5px),22% 100%,20% calc(100% - 5px),18% 100%,16% calc(100% - 5px),14% 100%,12% calc(100% - 5px),10% 100%,8% calc(100% - 5px),6% 100%,4% calc(100% - 5px),2% 100%,0 calc(100% - 5px));margin:0 1px -1px;padding:13px 12px 18px;animation:.4s cubic-bezier(.22,1,.36,1) machine-print;position:relative}.machine-ticket-placeholder{font:10px var(--font-mono);color:var(--muted-foreground);text-align:center;padding:25px 0;position:relative}.machine-reel-strip.is-animating{animation:.18s linear infinite machine-roll}@keyframes machine-roll{0%{filter:blur(1px);transform:translateY(-55%)}to{filter:blur(2px);transform:translateY(55%)}}@keyframes machine-print{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@media (width>=640px){.idea-machine{--reel-height:290px}.machine-body{padding:20px 64px 0 18px}.machine-labels{margin-bottom:12px;font-size:13px}.machine-value{font-size:15px}.machine-hook{font-size:12px}.machine-look-image{height:146px}.machine-symbol{width:44px;height:44px}.machine-lever{transform-origin:top;margin:14px 9px;transform:scale(1.2)}.idea-machine .machine-hold{height:42px;font-size:11px}.machine-meters span{font-size:11px}.machine-meters strong{font-size:25px}.machine-ticket{padding:20px 22px 24px}}@media (prefers-reduced-motion:reduce){.machine-reel-strip.is-animating,.machine-ticket{animation:none}.machine-lever-arm{transition:none}}.machine-lever-mobile-text,.machine-mobile-label{display:none}.machine-waveform{height:34px;color:var(--muted-foreground);justify-content:center;align-items:center;gap:3px;display:flex}.machine-waveform span{background:currentColor;border-radius:2px;width:3px}.machine-example{justify-items:center;gap:12px;margin:24px auto 0;display:grid}.machine-example-media{aspect-ratio:9/16;background:var(--card);width:min(100%,270px);box-shadow:0 18px 55px color-mix(in srgb, var(--background) 70%, transparent);border-radius:18px;position:relative;overflow:hidden}.machine-example-media video{object-fit:contain;width:100%;height:100%}.machine-video-recovery{color:var(--foreground);background:color-mix(in srgb, var(--background) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;font-size:14px;display:flex;position:absolute;inset:0}.idea-machine-demo .machine-look-image{aspect-ratio:9/16;object-fit:cover;border-radius:8px;width:auto;max-width:100%;height:172px}@media (width<=639px){.idea-machine-demo .machine-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 14px 0;display:grid}.idea-machine-demo .machine-labels,.idea-machine-demo .machine-payline{display:none}.idea-machine-demo .machine-window,.idea-machine-demo .machine-holds{display:contents}.idea-machine-demo .machine-reel{border:1px solid var(--border);border-radius:13px;height:230px}.idea-machine-demo .machine-reel:first-of-type{grid-area:1/1}.idea-machine-demo .machine-reel:nth-of-type(2){grid-area:1/2}.idea-machine-demo .machine-reel:nth-of-type(3){grid-area:3/1}.idea-machine-demo .machine-reel:nth-of-type(4){grid-area:3/2}.idea-machine-demo .machine-hold:first-child{grid-area:2/1}.idea-machine-demo .machine-hold:nth-child(2){grid-area:2/2}.idea-machine-demo .machine-hold:nth-child(3){grid-area:4/1}.idea-machine-demo .machine-hold:nth-child(4){grid-area:4/2}.idea-machine-demo .machine-mobile-label{z-index:2;color:var(--muted-foreground);font:10px var(--font-mono);letter-spacing:.08em;text-align:center;text-transform:uppercase;display:block;position:absolute;top:10px;left:0;right:0}.idea-machine-demo .machine-reel-strip{height:100%;padding-top:20px}.idea-machine-demo .machine-ghost{display:none}.idea-machine-demo .machine-value{font-size:13px}.idea-machine-demo .machine-hook{font-size:12px}.idea-machine-demo .machine-look-image{height:156px}.idea-machine-demo .machine-hold{height:40px}.idea-machine-demo .machine-lever{border:1px solid var(--border);background:var(--accent);width:100%;height:52px;color:var(--foreground);border-radius:999px;grid-area:5/1/auto/-1;margin:4px 0;position:static}.idea-machine-demo .machine-lever-mobile-text{justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.idea-machine-demo .machine-lever-mount,.idea-machine-demo .machine-lever-arm,.idea-machine-demo .machine-lever-pivot{display:none}.idea-machine-demo .machine-printer{grid-column:1/-1;width:100%;margin-top:0}.idea-machine-demo .machine-body>p{grid-column:1/-1}.idea-machine-demo .machine-window:after{display:none}}
