@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500&family=Rajdhani:wght@500;600;700&display=swap";:root{--ink:#05060a;--ink-panel:#0b0f18;--ink-panel-2:#10151f;--line:#96aac829;--fog:#718096;--paper:#dfe6ef;--cyan:#37e6ff;--magenta:#ff3f8f;--amber:#ffb15e;--sans:"IBM Plex Sans", sans-serif;--heading:"Rajdhani", sans-serif;--mono:"IBM Plex Mono", monospace;font:18px/145% var(--sans);color:var(--paper);background:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(#37e6ff06 1px, transparent 1px), linear-gradient(90deg, #37e6ff06 1px, transparent 1px), var(--ink);background-size:44px 44px;min-width:320px;margin:0;overflow-x:hidden}#root{text-align:center;border-inline:1px solid var(--line);box-sizing:border-box;flex-direction:column;width:100%;max-width:1440px;min-height:100svh;margin:0 auto;display:flex}h1{font-family:var(--heading);letter-spacing:.04em;text-transform:uppercase;color:var(--paper);text-shadow:0 0 8px #37e6ff4d;margin:0;font-size:clamp(38px,6vw,82px);font-weight:700;line-height:.95}@media (width<=1024px){h1{font-size:clamp(34px,11vw,58px)}}p{margin:0}a,button{font:inherit}.base{object-fit:contain;z-index:0;filter:drop-shadow(0 0 12px #37e6ff42);width:434px;max-width:100%;height:612px;display:block;position:relative}#center{background:radial-gradient(58% 35% at 78% 12%,#ff3f8f21,#0000 70%),radial-gradient(52% 40% at 18% 78%,#37e6ff1c,#0000 70%),#05060aeb;flex-direction:column;flex-grow:1;align-items:center;gap:34px;padding:96px 6vw 120px;display:flex;position:relative;overflow:hidden}#center:before{content:"";pointer-events:none;opacity:.35;background:repeating-linear-gradient(100deg,#ffffff09 0 1px,#0000 1px 10px);position:absolute;inset:0}#center>*{z-index:1;position:relative}@media (width<=1024px){#center{gap:26px;padding:64px 20px 88px}}.hero{border:1px solid var(--line);background:linear-gradient(135deg,#10151fe6,#0b0f1873);padding:18px;box-shadow:inset 0 0 60px #0000008c,0 0 0 1px #37e6ff0a}.joke-container{box-sizing:border-box;border:1px solid var(--line);background:#0b0f18d1;width:min(760px,100%);padding:24px 28px;box-shadow:inset 0 0 42px #00000059}button{color:#0a0410;background:var(--magenta);cursor:pointer;font-family:var(--heading);letter-spacing:.08em;text-transform:uppercase;border:1px solid #ff3f8f99;border-radius:2px;padding:16px 30px;font-size:17px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 0 0 1px #ff3f8f59,0 0 8px #ff3f8fcc,0 0 26px #ff3f8f59}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 0 1px #ff3f8fcc,0 0 18px #ff3f8fcc,0 0 60px #ff3f8f66}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#joke{min-height:1.5em;color:var(--paper);font-size:18px;line-height:1.65}#joke+p{color:var(--amber);font-family:var(--mono);letter-spacing:.06em;margin-top:18px;font-size:13px}#social-media{border-top:1px solid var(--line);background:#05060af0;padding:26px 6vw}.social-media-links a{color:var(--fog);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;text-decoration:none;transition:color .2s,text-shadow .2s;display:inline-flex}.social-media-links a:before{content:"";background:var(--cyan);border-radius:50%;flex:0 0 6px;width:6px;height:6px;animation:2.4s ease-in-out infinite pulse-dot;box-shadow:0 0 6px #37e6ffe6,0 0 22px #37e6ff80,0 0 60px #37e6ff40}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.social-media-links a:before{animation:none}}.social-media-links a:hover{color:var(--cyan);text-shadow:0 0 8px #37e6ffcc}#spacer{background:var(--line);height:1px}@media (width<=1024px){#spacer{height:1px}}