.vfd-container.small{display:flex;justify-content:center;align-items:center;margin:1rem auto;background:linear-gradient(180deg,#000,#111);box-shadow:0 0 10px #0ff3;width:125px;height:40px;border-radius:4px}.vfd-letter.small{width:20px;height:35px;margin-right:-3px;position:relative}.segment{position:absolute;background:#ff6700;box-shadow:0 0 2px #ff6700;border-radius:1px;opacity:.2;transition:none}.segment.on{opacity:1}@keyframes vfd-flicker{0%,to{opacity:1}45%{opacity:.95}50%{opacity:.8}55%{opacity:.95}}.segment.on{animation:vfd-flicker 2.5s infinite}.a,.d{width:10px;height:2px;left:5px}.a{top:0}.d{bottom:0}.g1,.g2{width:6px;height:2px;top:16px}.g1{left:3px}.g2{left:11px}.f,.b,.e,.c{width:2px;height:13px}.f{left:3px;top:2px}.b{right:3px;top:2px}.e{left:3px;bottom:2px}.c{right:3px;bottom:2px}.h,.i,.j,.k{width:2px;height:13px}.h{top:2px;left:15px;transform:rotate(15deg);transform-origin:left top}.i{top:2px;right:15px;transform:rotate(-15deg);transform-origin:right top}.j{bottom:2px;left:15px;transform:rotate(-15deg);transform-origin:left bottom}.k{bottom:2px;right:15px;transform:rotate(15deg);transform-origin:right bottom}.m,.n{width:2px;height:13px;left:9px}.m{top:4px}.n{bottom:4px}.vfd-card{display:flex;align-items:center;justify-content:space-between;padding:2rem;border-radius:20px;background:linear-gradient(145deg,#dfe9e4,#edf5ef);box-shadow:inset -4px -4px 8px #fffc,inset 4px 4px 8px #d1dad5cc,0 3px 12px #0000001a;width:fit-content;gap:2rem;margin:3rem auto;max-width:90vw;border:1px solid #c5d2cc}.vfd-display{background:#000;padding:14px 20px;border-radius:12px;box-shadow:inset 0 0 20px #00ffff4d,inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0006;border:2px solid #222;display:flex;align-items:center;justify-content:center}.knob-wrapper{position:relative;width:90px;height:90px}.knob{width:100%;height:100%;background:radial-gradient(#d4d4d4,#888);border:3px solid #444;border-radius:50%;box-shadow:inset -5px -5px 10px #fff6,inset 5px 5px 10px #0003,0 4px 8px #0003;cursor:grab;transition:transform .15s ease-out;background-image:radial-gradient(circle at 30% 30%,#fdfdfd,#bdbdbd);background-blend-mode:soft-light;position:relative}.knob:after{content:"";position:absolute;top:15%;left:20%;width:40%;height:20%;background:linear-gradient(white,transparent);border-radius:50%;opacity:.3;transform:rotate(-20deg);pointer-events:none}.label{position:absolute;bottom:-26px;left:50%;transform:translate(-50%);font-size:.8rem;font-weight:700;color:#333;font-family:MyVFD,sans-serif;-webkit-user-select:none;user-select:none;pointer-events:none}:root{--mint-cream: #ebf5edff;--black: #000000ff;--silver-lake-blue: #778da9ff;--asparagus: #698f3fff;--pumpkin: #ff6700ff}.inter-font{font-family:Inter;font-optical-sizing:auto;font-style:normal}.main-wrapper{position:relative;width:100%;max-height:100vh;overflow:visible;top:0;left:0;display:block;justify-content:center;align-items:flex-start;background-color:var(--mint-cream);transform-origin:top center}body{width:100%;max-width:100%;height:6530.39px;display:block;flex-direction:column;align-items:center;margin:0 auto;overflow-x:hidden;font-family:Inter;background-color:var(--mint-cream);color:var(--black);line-height:1.6;padding:0}h1,h2,h3{font-family:Inter,Inter Display}h1{text-align:center;color:var(--black);letter-spacing:-.04em;font-size:14vw;line-height:84%;margin-bottom:.5rem}p{font-family:Inter,Inter Display;text-align:center;font-size:2rem;letter-spacing:-.04em;max-width:800px;font-weight:700}html{width:100%;height:100%}.app{max-width:960px;margin:0 auto;padding:1rem}.nav-container{width:97%;height:48px;overflow:hidden;padding:0 2rem;position:fixed;top:0;left:0;z-index:1000;margin:0 auto;display:flex;justify-content:space-between;align-items:center;background-color:var(--mint-cream)}.name-tag{font-size:2.5rem;font-weight:400;letter-spacing:-.1em;color:var(--pumpkin);white-space:nowrap}.nav-toggle{display:none;background:var(--mint-cream);font-size:2rem;border:none;color:var(--black);cursor:pointer}.nav-links{transition:max-height .3s ease}@media (max-width: 768px){.quote-container{display:block!important;margin-top:-40px;max-width:100%;padding:0 1rem;min-height:0!important;height:auto!important;justify-content:unset!important;align-items:unset!important}.animated-quote{max-width:100%;word-break:break-word}.nav-container{flex-direction:column;align-items:flex-start;gap:.5rem}.name-tag{font-size:.9rem;padding:.5rem 0;display:block}.nav-toggle{color:var(--black);font-size:2rem;z-index:1001;display:block;align-self:flex-end}.nav-links{width:100%;overflow:hidden;max-height:0}.nav-links.show{max-height:500px}.nav-links ul{flex-direction:column;gap:1rem;width:100%}.nav-links li{width:100%}.nav-links a{display:block;width:100%;padding:1rem}}nav ul{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}nav a{text-decoration:none;color:var(--black);font-weight:700}nav a:hover{text-decoration:underline}.quote-container{width:100%;max-width:1071.41px;min-height:978.14px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:0;box-sizing:border-box;text-align:center;padding:0 1rem;position:relative;overflow:hidden}.quote-container.homepage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/lotus_flower-removebg-CDIGBLpG.png);background-position:center;background-size:cover;background-repeat:no-repeat;transition:filter 2s ease,opacity 2s ease;z-indez:-1;filter:blur(0px);opacity:1}.quote-container.blur:before{filter:blur(8px);opacity:.6}@keyframes triggerBlur{0%{filter:blur(0PX);opacity:1}to{filter:blur(8px);opacity:.6}}.quote-container:before{animation:triggerBlur 2s ease 1s forwards}.description-container{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:0;box-sizing:border-box;text-align:center;padding:0 1rem}.description{font-size:clamp(2.7rem,6vw,5rem);line-height:1.3;letter-spacing:normal;margin:0 auto;text-align:center}.animated-quote{display:flex;flex-wrap:wrap;justify-content:center;font-size:clamp(2.7rem,6vw,5rem);text-align:center;font-weight:700;line-height:1.4;max-width:800px;z-index:1;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.word{display:inline-block;word-break:0;opacity:0;animation:fadeInUp .6s ease forwards}.line{display:block;text-align:center}@keyframes fade-in{0%{opacity:0;transform:translate(.2em,1.5em) rotate(8deg)}to{opacity:1;transform:rotate(0)}}.animated-header{font-size:5rem;line-height:1.1;text-align:center;margin-top:4rem;margin-bottom:2rem;flex-wrap:wrap;display:flex;justify-content:center;flex-direction:row;gap:.2em;flex-shrink:0;flex-grow:1;flex-basis:auto}.animated-header span{opacity:0;display:inline-block;animation-name:fade-in;animation-duration:.7s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-fill-mode:forwards}.idea-card{font-family:Inter,sans-serif;font-weight:500;text-decoration:none;transition:color .3s ease;color:var(--black);display:inline-block;margin-top:1rem;margin:3rem auto 0;padding:1.5rem;border:1px solid #ccc;border-radius:10px;background:#fff;max-width:500px;box-shadow:0 20px 20px #0000000d}.idea-card a,.idea-card a:visited,.idea-card a:active,.idea-card a:focus{color:#555!important;text-decoration:none!important;font-family:Inter,sans-serif;transition:color .3s ease}.idea-card a:hover{color:var(--pumpkin);text-decoration:underline}.card-wrapper{display:flex;justify-content:center;width:100%;margin-top:2rem}.idea-card h3{margin-top:0;font-size:1.5rem}.idea-card a{display:inline-block;margin-top:1rem;color:#07c}.download-section{display:flex;margin-top:2rem;align-items:center;justify-content:center}.download-button{align-items:center;justify-content:center;display:inline-flex;font-family:Inter,sans-serif;font-weight:600;font-size:1.1rem;line-height:1.4rem;padding:16px 32px;border-radius:20px;background:linear-gradient(145deg,#dfe9e4,#edf5ef);border:1px solid #c5d2cc;box-shadow:inset -4px -4px 8px #fffc,inset 4px 4px 8px #d1dad5cc,0 3px 12px #0000001a;color:#333;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;width:max-content}.download-button:hover{box-shadow:inset -4px -4px 10px #fff,inset 4px 4px 10px #d1dad5,0 4px 14px #0000001f;transform:scale(1.02)}@media (min-width: 768px){.download-button{padding:20px 36px}}.screenshot-gallery{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.screenshot-gallery img{max-width:900px;border-radius:10px;box-shadow:0 10px 20px #0000001a}
