*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--black:#08090d;--dark:#0b0d13;--surface:#12151f;--surface-light:#1a1e2d;--border:#242b3e;--border-light:#36405b;--text:#f0f4fc;--text-secondary:#9aa5be;--text-muted:#626e8a;--paper:#ece8dc;--paper-warm:#f2ecdb;--paper-grey:#dfdfd8;--paper-teal:#0e2f33;--ink:#201d16;--cyan:#00f5d4;--cyan-dim:#00bfa5;--cyan-glow:rgba(0,245,212,0.25);--accent:var(--cyan);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--lens-size:240px;--glare-angle:45deg;--glare-opacity:0.55;--chromatic-offset:0px}html,body{width:100%;height:100%;overflow:hidden}body{background:var(--dark);color:var(--text);font-family:'Space Grotesk',system-ui,-apple-system,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;user-select:none;-webkit-user-select:none}::selection{background:var(--cyan);color:var(--black)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:4px;border:2px solid var(--dark)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}h1,h2,h3,h4,h5,h6{font-family:'Syne',system-ui,sans-serif;font-weight:700;line-height:1.15;letter-spacing:-0.02em}.lens-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.showcase-shell{width:100vw;height:100vh;display:flex;flex-direction:column;background:var(--dark);overflow:hidden;position:relative}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:rgba(11,13,19,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;gap:16px}.showcase-prompt{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.showcase-prompt__dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:prompt-pulse 2.2s ease-in-out infinite}@keyframes prompt-pulse{0%,100%{transform:scale(1);opacity:0.9}50%{transform:scale(1.3);opacity:0.4}}.showcase-prompt strong{color:var(--text);font-weight:600}.showcase-modes{display:flex;align-items:center;background:rgba(18,21,31,0.8);border:1px solid var(--border);border-radius:8px;padding:3px;gap:4px}.showcase-modes__label{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.08em;padding:0 6px 0 8px}.showcase-modes button{background:transparent;border:none;color:var(--text-secondary);font-family:'Space Grotesk',system-ui,sans-serif;font-size:12px;font-weight:600;padding:6px 14px;border-radius:6px;cursor:pointer;transition:color 0.2s var(--ease-out-expo),background 0.2s var(--ease-out-expo)}.showcase-modes button:hover{color:var(--text);background:rgba(255,255,255,0.05)}.showcase-modes button:focus-visible{outline:2px solid var(--cyan);outline-offset:1px;color:var(--text)}.showcase-modes button[aria-pressed="true"]{background:var(--cyan);color:var(--black);box-shadow:0 0 14px var(--cyan-glow)}.showcase-stage{flex:1;position:relative;overflow:hidden;cursor:crosshair;touch-action:none;perspective:1200px;perspective-origin:50% 50%}.print-board{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;padding:18px 28px 12px;background:radial-gradient(circle at 50% 8%,#151a28 0%,#0b0d13 68%,#07080c 100%)}.board-masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-shrink:0}.board-name{font-size:clamp(28px,4.4vw,44px);font-weight:800;letter-spacing:-0.03em;text-transform:uppercase;color:var(--text);white-space:nowrap}.board-name em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--cyan)}.board-note{font-size:11px;line-height:1.5;color:var(--text-secondary);text-align:right;flex-shrink:0}.print-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:1.15fr 1fr;gap:12px}.print-card{display:flex;flex-direction:column;min-height:0;background:var(--paper);color:var(--ink);border-radius:3px;padding:10px 12px 9px;gap:8px;box-shadow:0 10px 26px rgba(0,0,0,0.45),0 2px 6px rgba(0,0,0,0.35)}.print-card:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.card--interference{grid-column:span 4;transform:rotate(-0.5deg)}.card--halftone{grid-column:span 3;background:var(--paper-teal);color:#cfeee7;transform:rotate(0.4deg)}.card--microtype{grid-column:span 5;background:var(--paper-warm);transform:rotate(0.25deg)}.card--wave{grid-column:span 7;background:var(--paper-grey);transform:rotate(0.3deg)}.card--hatch{grid-column:span 5;transform:rotate(-0.35deg)}.print-art{flex:1;min-height:0;border-radius:2px;overflow:hidden}.art--rings{background:repeating-radial-gradient(circle at 50% 42%,var(--ink) 0px,var(--ink) 0.6px,transparent 0.6px,transparent 6px),repeating-radial-gradient(circle at 62% 58%,rgba(32,29,22,0.55) 0px,rgba(32,29,22,0.55) 0.5px,transparent 0.5px,transparent 9px)}.art--halftone{background:radial-gradient(circle at 50% 38%,var(--cyan) 0%,rgba(0,245,212,0.85) 17%,transparent 18.5%),radial-gradient(circle,rgba(0,245,212,0.85) 0px,rgba(0,245,212,0.85) 1px,transparent 1.4px),radial-gradient(circle,rgba(0,245,212,0.35) 0px,rgba(0,245,212,0.35) 0.7px,transparent 1px);background-size:100% 100%,6px 6px,3px 3px}.art--microtype p{font-family:'JetBrains Mono',monospace;font-size:6.5px;line-height:1.75;letter-spacing:0.02em;color:var(--ink);column-count:2;column-gap:12px;text-align:justify;height:100%;overflow:hidden}.art--wave{background:repeating-linear-gradient(0deg,var(--ink) 0px,var(--ink) 0.7px,transparent 0.7px,transparent 5px),repeating-linear-gradient(2deg,rgba(32,29,22,0.8) 0px,rgba(32,29,22,0.8) 0.7px,transparent 0.7px,transparent 5px)}.art--hatch{background:repeating-linear-gradient(45deg,var(--ink) 0px,var(--ink) 0.6px,transparent 0.6px,transparent 5px),repeating-linear-gradient(-45deg,rgba(32,29,22,0.7) 0px,rgba(32,29,22,0.7) 0.6px,transparent 0.6px,transparent 7px)}.print-meta{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:baseline;column-gap:10px;flex-shrink:0}.print-meta h2{font-size:13px;font-weight:700;letter-spacing:-0.01em}.print-price{grid-row:span 2;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;align-self:center}.print-edition{font-family:'JetBrains Mono',monospace;font-size:7.5px;letter-spacing:0.04em;opacity:0.75;text-transform:uppercase}.board-colophon{flex-shrink:0;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:0.06em;text-transform:uppercase;text-align:center;color:var(--text-secondary);padding-bottom:2px}.glass-lens{position:absolute;top:0;left:0;width:var(--lens-size);height:var(--lens-size);border-radius:50%;pointer-events:none;z-index:50;transform-origin:center center;transform-style:preserve-3d;will-change:transform;margin-top:calc(var(--lens-size) * -0.5);margin-left:calc(var(--lens-size) * -0.5)}html:not(.has-js) .glass-lens{display:none}.lens-shadow{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,0.75) 30%,rgba(0,0,0,0.3) 60%,transparent 75%);filter:blur(16px);z-index:1;transform:translateZ(-30px)}.lens-bezel{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 25%,#4a5568 0%,#1a202c 45%,#0d1117 70%,#2d3748 100%);box-shadow:0 12px 36px rgba(0,0,0,0.7),0 4px 12px rgba(0,0,0,0.5),inset 0 2px 4px rgba(255,255,255,0.3),inset 0 -3px 6px rgba(0,0,0,0.8);border:2px solid #2d3748;z-index:2;overflow:hidden}.lens-bezel::before{content:'';position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(255,255,255,0.15);background:radial-gradient(circle at 65% 75%,rgba(0,245,212,0.1) 0%,transparent 60%)}.lens-bezel-glare{position:absolute;inset:0;border-radius:50%;background:conic-gradient( from var(--glare-angle),transparent 0deg,rgba(255,255,255,0.85) 25deg,rgba(0,245,212,0.9) 45deg,transparent 70deg,transparent 180deg,rgba(255,255,255,0.4) 205deg,transparent 230deg,transparent 360deg );opacity:var(--glare-opacity);mix-blend-mode:overlay}.lens-aperture{position:absolute;inset:8px;border-radius:50%;overflow:hidden;z-index:5;background:#000;box-shadow:inset 0 0 20px rgba(0,0,0,0.95),inset 0 0 6px rgba(0,245,212,0.3);mask-image:radial-gradient(circle,black 98%,transparent 100%);-webkit-mask-image:radial-gradient(circle,black 98%,transparent 100%)}.lens-optics{position:absolute;inset:0;filter:url(#lens-distortion)}.lens-optics--invert{filter:url(#lens-distortion) invert(1)}.lens-optics--simple{filter:none}.lens-optics--simple.lens-optics--invert{filter:invert(1)}.lens-optics--simple .lens-layer--main{filter:none}.lens-view{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform;pointer-events:none}.lens-layer{position:absolute;inset:0}.lens-layer--main{filter:url(#lens-filter-green)}.lens-layer--red,.lens-layer--blue{mix-blend-mode:screen}.lens-layer--red{filter:url(#lens-filter-red);transform:translateX(var(--chromatic-offset))}.lens-layer--blue{filter:url(#lens-filter-blue);transform:translateX(calc(var(--chromatic-offset) * -1))}.lens-glass-finish{position:absolute;inset:8px;border-radius:50%;pointer-events:none;z-index:15;background:radial-gradient(circle at 33% 28%,rgba(255,255,255,0.16) 0%,rgba(255,255,255,0.03) 16%,transparent 34%),radial-gradient(circle at 50% 50%,transparent 68%,rgba(0,0,0,0.45) 94%,rgba(0,0,0,0.85) 100%),linear-gradient(135deg,rgba(255,255,255,0.08) 0%,transparent 40%,rgba(0,245,212,0.06) 100%);box-shadow:inset 0 2px 8px rgba(255,255,255,0.14)}[data-lens-stage][data-lens-tint="prism"] .lens-glass-finish{background:radial-gradient(circle at 33% 28%,rgba(255,255,255,0.2) 0%,rgba(168,85,247,0.08) 20%,transparent 38%),radial-gradient(circle at 50% 50%,transparent 66%,rgba(0,0,0,0.5) 95%),linear-gradient(135deg,rgba(255,0,128,0.12) 0%,transparent 40%,rgba(0,245,212,0.12) 100%)}[data-lens-stage][data-lens-tint="prism"] .lens-aperture{box-shadow:inset 0 0 25px rgba(0,0,0,0.9),inset 0 0 12px rgba(168,85,247,0.5)}[data-lens-stage][data-lens-tint="negative"] .lens-aperture{box-shadow:inset 0 0 22px rgba(0,0,0,0.9),inset 0 0 10px rgba(255,176,32,0.35)}[data-lens-stage][data-lens-tint="negative"] .lens-bezel-glare{background:conic-gradient( from var(--glare-angle),transparent 0deg,rgba(255,235,200,0.85) 25deg,rgba(255,176,32,0.8) 45deg,transparent 70deg,transparent 180deg,rgba(255,255,255,0.35) 205deg,transparent 230deg,transparent 360deg )}@media (prefers-reduced-motion:reduce){.showcase-prompt__dot{animation:none}.lens-layer--red,.lens-layer--blue{transform:none !important}}@media (max-width:900px){:root{--lens-size:170px}html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}.showcase-shell{height:auto;min-height:100vh;overflow:visible}.showcase-stage{height:auto;min-height:calc(100vh - 54px);overflow:visible;touch-action:pan-y}.print-board{position:relative;inset:auto;gap:16px;padding:16px 16px 12px}.board-masthead{flex-direction:column;align-items:flex-start;gap:4px}.board-name{font-size:24px;white-space:normal}.board-note{text-align:left}.print-grid{grid-template-columns:1fr;grid-template-rows:none}.card--interference,.card--halftone,.card--microtype,.card--wave,.card--hatch{grid-column:span 1}.print-art{min-height:150px}.art--microtype p{column-count:1}.showcase-toolbar{padding:10px 14px}.showcase-prompt span:not(.showcase-prompt__dot){display:none}.showcase-modes__label{display:none}.showcase-modes button{padding:5px 10px;font-size:11px}}