*{margin:0;padding:0;box-sizing:border-box}:root{--black:#0a0a0a;--surface-light:#242424;--border:#2a2a2a;--border-light:#3a3a3a;--text:#ffffff;--text-muted:#999999;--lime:#c8ff00;--accent:var(--lime);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);color-scheme:dark}html{scroll-behavior:auto}body{background:var(--black);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::selection{background:var(--accent);color:var(--black)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:5px;border:2px solid var(--black)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}html,body{width:100%;min-height:100%;overflow-x:clip}.flap-preview{min-height:100svh;background:radial-gradient(ellipse at 50% 42%,rgba(200,255,0,0.08),transparent 35rem),linear-gradient(145deg,#0d0e0b,#070707 62%)}.showcase-shell{display:grid;align-content:center;width:min(100%,1120px);min-height:100svh;margin:0 auto;padding:clamp(1rem,2.4vw,1.75rem)}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:0.85rem}.showcase-prompt{display:flex;align-items:center;gap:0.6rem;font-family:'JetBrains Mono',monospace;font-size:0.66rem;line-height:1.35;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted)}.showcase-prompt strong{color:var(--text);font-weight:600}.showcase-prompt__dot{width:0.42rem;height:0.42rem;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(200,255,0,0.7)}.showcase-actions{display:none}.has-js .showcase-actions{display:block}.showcase-toolbar .flap-shuffle{min-height:42px;padding:0.65rem 1.2rem;font-family:'JetBrains Mono',monospace;font-size:0.64rem}.showcase-stage{min-width:0}.flap-board{position:relative;overflow:hidden;padding:1.75rem;border:1px solid var(--border);border-radius:16px;background:radial-gradient(120% 100% at 20% 0%,rgba(200,255,0,0.05),transparent 60%),linear-gradient(#151516,#0d0d0e);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 40px 80px -40px #000}.flap-board__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);font-family:'JetBrains Mono',monospace;font-size:0.68rem;font-weight:500;text-transform:uppercase;letter-spacing:0.18em;color:var(--text-muted)}.flap-board__live{display:inline-flex;align-items:center;gap:0.5rem;color:var(--accent);white-space:nowrap}.flap-board__dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:flap-pulse 2.4s ease-in-out infinite}@keyframes flap-pulse{0%,100%{opacity:1}50%{opacity:0.25}}.flap-row{display:grid;grid-template-columns:9.5rem 1fr auto;align-items:center;gap:1.25rem;padding:0.75rem 0;border-bottom:1px dashed rgba(255,255,255,0.07)}.flap-row:last-child{border-bottom:none}.flap-row__label{font-family:'JetBrains Mono',monospace;font-size:0.66rem;font-weight:500;text-transform:uppercase;letter-spacing:0.15em;line-height:1.4;color:var(--text-muted)}.flap-row__unit{font-family:'JetBrains Mono',monospace;font-size:0.68rem;font-weight:600;text-transform:uppercase;letter-spacing:0.14em;color:var(--accent);white-space:nowrap}.flap-row--head{padding-bottom:1.1rem;margin-bottom:0.35rem}.flap-row--head .flap-row__label{color:var(--accent)}.flap-row{--cell-w:2.3rem;--cell-h:3.1rem}.flap-row--head{--cell-w:2.9rem;--cell-h:3.9rem}.flap-text{display:block;min-width:0;font-family:'JetBrains Mono',monospace;font-size:calc(var(--cell-h) * 0.56);font-weight:700;line-height:1.15;letter-spacing:0.12em;color:#f2f2ef}.flap-cells{display:flex;flex-wrap:wrap;gap:3px;letter-spacing:normal}.flap-cell{position:relative;flex:none;width:var(--cell-w);height:var(--cell-h);border-radius:4px;background:#101011;font-family:'JetBrains Mono',monospace;font-size:calc(var(--cell-h) * 0.62);font-weight:700;line-height:1;color:#f4f4f0;perspective:240px}.flap-cell::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,0.9);z-index:5}.flap-glyph{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 0 rgba(0,0,0,0.6)}.flap-cell__half--top{clip-path:inset(0 0 50% 0);background:linear-gradient(#26272b,#1c1d20);border-radius:4px 4px 0 0}.flap-cell__half--bottom{clip-path:inset(50% 0 0 0);background:linear-gradient(#1a1b1e,#121214);border-radius:0 0 4px 4px}.flap-cell__leaf{position:absolute;left:0;top:0;width:100%;height:50%;transform-origin:50% 100%;transform-style:preserve-3d;z-index:4;will-change:transform}.flap-cell__face{position:absolute;left:0;top:0;width:100%;height:200%;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;text-shadow:0 1px 0 rgba(0,0,0,0.6)}.flap-cell__face--front{clip-path:inset(0 0 50% 0);background:linear-gradient(#2a2b2f,#1e1f22);border-radius:4px 4px 0 0}.flap-cell__face--back{clip-path:inset(50% 0 0 0);background:linear-gradient(#1c1d20,#101012);border-radius:0 0 4px 4px;transform:rotateX(180deg)}.flap-cell__shade{position:absolute;left:0;top:50%;width:100%;height:50%;border-radius:0 0 4px 4px;background:linear-gradient(rgba(0,0,0,0.95),rgba(0,0,0,0.05));opacity:0;pointer-events:none;z-index:6}.flap-board__glint{position:absolute;top:-20%;left:0;width:32%;height:140%;background:linear-gradient( 100deg,transparent,rgba(200,255,0,0.12) 38%,rgba(255,255,255,0.34) 50%,rgba(200,255,0,0.12) 62%,transparent );mix-blend-mode:screen;opacity:0;pointer-events:none;z-index:10}.flap-board__foot{display:none;align-items:center;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.has-js .flap-board__foot{display:flex}.flap-shuffle{display:inline-flex;align-items:center;justify-content:center;gap:0.6rem;min-height:48px;padding:0.85rem 1.75rem;font-family:'Space Grotesk',system-ui,sans-serif;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--black);background:var(--accent);border:1px solid var(--accent);border-radius:100px;cursor:pointer;transition:transform 0.3s var(--ease-out-expo),box-shadow 0.3s var(--ease-out-expo),background 0.3s ease}.flap-shuffle:hover{background:var(--text);border-color:var(--text);transform:translateY(-2px);box-shadow:0 12px 30px rgba(200,255,0,0.22)}.flap-shuffle:focus-visible{background:var(--text);border-color:var(--text);transform:translateY(-2px);outline:2px solid var(--accent);outline-offset:4px}.flap-shuffle:active{transform:translateY(0)}.flap-shuffle__icon{font-size:1rem;line-height:1}.flap-board__note{font-family:'JetBrains Mono',monospace;font-size:0.68rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-muted);max-width:34ch;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:768px){.flap-row{grid-template-columns:1fr auto;gap:0.5rem 1rem;align-items:end}.flap-row__label{grid-column:1 / -1}}@media (max-width:520px){.flap-board{padding:1.1rem;border-radius:12px}.flap-board__head{font-size:0.6rem;letter-spacing:0.12em;gap:0.75rem}.flap-board__brand{line-height:1.4}.flap-row{--cell-w:1.4rem;--cell-h:2rem;padding:0.6rem 0}.flap-row--head{--cell-w:1.5rem;--cell-h:2.15rem}.flap-cells{gap:2px}.flap-board__note{max-width:none;font-size:0.62rem}.flap-shuffle{width:100%}}.flap-preview .flap-board__foot{display:none}.flap-preview .flap-board{width:100%;padding:clamp(1.25rem,2.5vw,1.75rem);border-color:rgba(255,255,255,0.12);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 42px 100px -36px rgba(0,0,0,0.95)}@media (max-height:700px) and (min-width:769px){.showcase-shell{padding-block:0.85rem}.flap-preview .flap-board{padding-block:1.2rem}.flap-preview .flap-board__head{margin-bottom:0.8rem;padding-bottom:0.75rem}.flap-preview .flap-row{--cell-w:2.1rem;--cell-h:2.75rem;padding-block:0.55rem}.flap-preview .flap-row--head{--cell-w:2.55rem;--cell-h:3.35rem;padding-bottom:0.75rem}}@media (max-width:768px){.showcase-shell{align-content:start;padding:0.9rem}.showcase-toolbar{align-items:center;margin-bottom:0.75rem}.showcase-toolbar .flap-shuffle{min-height:44px;width:auto;padding-inline:0.9rem}}@media (max-width:430px){.showcase-toolbar{gap:0.65rem}.showcase-prompt{font-size:0.59rem;letter-spacing:0.07em}.showcase-toolbar .flap-shuffle{min-width:46px;padding-inline:0.75rem;font-size:0}.showcase-toolbar .flap-shuffle__icon{font-size:1rem}.flap-preview .flap-board{padding:1rem}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.flap-board__foot,.showcase-actions{display:none !important}.showcase-prompt__dot{box-shadow:none}}