*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--black:#0a0a0a;--dark:#111111;--surface:#1a1a1a;--surface-light:#242424;--border:#2a2a2a;--border-light:#3a3a3a;--text:#ffffff;--text-secondary:#b0b0b0;--text-muted:#999999;--lime:#c8ff00;--lime-dim:#a8d900;--purple:#a855f7;--purple-light:#c084fc;--orange:#ff6b35;--orange-light:#ff8c5a;--cyan:#22d3ee;--pink:#ff3366;--accent:var(--orange);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--ease-out-cubic:cubic-bezier(0.33,1,0.68,1)}html{scroll-behavior:auto;overflow-x:clip}body{background:var(--black);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;font-weight:400;overflow-x:clip;-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)}h1,h2,h3,h4,h5,h6{font-family:'Syne',system-ui,sans-serif;font-weight:700;line-height:1.1;letter-spacing:-0.03em}code{font-family:'JetBrains Mono',monospace;font-size:0.85em;background:var(--surface);padding:0.15em 0.4em;border-radius:4px}.showcase-shell{display:grid;width:min(100%,1120px);min-height:100svh;margin:0 auto;padding:clamp(1rem,3vw,2rem);align-content:center}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.showcase-prompt{display:flex;align-items:center;gap:0.55rem;color:var(--text-muted);font-family:'JetBrains Mono',monospace;font-size:0.65rem;letter-spacing:0.08em;line-height:1.35;text-transform:uppercase}.showcase-prompt strong{color:var(--text);font-weight:600}.showcase-prompt__dot{flex:0 0 auto;width:0.42rem;height:0.42rem;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.showcase-modes{display:flex;align-items:center;flex-wrap:wrap;gap:0.4rem;font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:0.08em;text-transform:uppercase}.showcase-modes__label{margin-right:0.2rem;color:var(--text-muted)}.showcase-modes button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:0.35em 0.9em;cursor:pointer;transition:color 0.2s,background 0.2s,border-color 0.2s}.showcase-modes button:hover{color:var(--text);border-color:var(--border-light)}.showcase-modes button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.showcase-modes button[aria-pressed="true"]{color:var(--black);background:var(--accent);border-color:var(--accent);font-weight:600}.showcase-stage{width:100%}[data-sticker-peel]{position:relative;display:block;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;--peel-backing:#f2efe9;--peel-residue:rgba(255,255,255,0.14)}[data-sticker-peel][data-peel-state="grabbed"]{cursor:grabbing}[data-sticker-peel][data-peel-state="ripped"]{cursor:default}[data-sticker-peel]:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:14px}[data-sticker-peel][data-peel-restuck]:focus-visible{outline:none}[data-sticker-peel][data-peel-restuck]:focus-visible .peel-body{outline:3px solid var(--accent);outline-offset:6px;border-radius:14px}[data-sticker-peel] img,[data-sticker-peel] a{-webkit-user-drag:none}.peel-body{position:relative;will-change:transform;transition:filter 0.3s var(--ease-out-expo)}[data-sticker-peel]:hover .peel-body,[data-sticker-peel]:focus-visible .peel-body{filter:drop-shadow(0 10px 18px rgba(0,0,0,0.4))}[data-sticker-peel][data-peel-state="grabbed"] .peel-body,[data-sticker-peel][data-peel-state="settle"] .peel-body,[data-sticker-peel][data-peel-state="ripped"] .peel-body{filter:drop-shadow(0 20px 30px rgba(0,0,0,0.5))}.peel-face{position:relative}.peel-flap{position:absolute;inset:0;transform-origin:0 0;pointer-events:none;will-change:transform,clip-path}.peel-under{position:absolute;inset:0;filter:drop-shadow(2000px 0 0 var(--peel-backing))}.peel-under .peel-copy{transform:translateX(-2000px)}.peel-ghost{position:absolute;inset:0;opacity:0.15;filter:saturate(0.5)}.peel-gloss{--peel-backing:#ffffff}.peel-residue{position:absolute;inset:0;opacity:0;overflow:hidden;pointer-events:none}.peel-under--residue{filter:drop-shadow(2000px 0 0 var(--peel-residue))}.peel-probe{position:absolute;width:0;height:0;pointer-events:none}.peel-probe--tl{left:0;top:0}.peel-probe--tr{right:0;top:0}.sheet{position:relative;height:clamp(400px,calc(100svh - 128px),880px);border-radius:22px;overflow:hidden;background:radial-gradient(1100px 520px at 18% -10%,rgba(255,107,53,0.16),transparent 60%),radial-gradient(900px 600px at 100% 115%,rgba(255,140,90,0.1),transparent 55%),radial-gradient(rgba(255,255,255,0.045) 1px,transparent 1.5px),linear-gradient(180deg,#17130f 0%,#120e0b 100%);background-size:auto,auto,26px 26px,auto;border:1px solid rgba(255,255,255,0.07);box-shadow:inset 0 0 120px rgba(0,0,0,0.55)}.sheet__print{position:absolute;font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.34);pointer-events:none}.sheet__print--brand{top:20px;left:24px}.sheet__print--series{top:20px;right:24px;color:var(--accent)}.sheet__print--foot{bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap}.slot{position:absolute}.slot:has([data-peel-state="grabbed"]),.slot:has([data-peel-state="settle"]),.slot:has([data-peel-state="ripped"]){z-index:40}.slot--badge{left:4%;top:10%;width:clamp(126px,17vw,188px);transform:rotate(-7deg)}.slot--pill{left:27%;top:8%;transform:rotate(2.5deg)}.slot--burst{right:4%;top:7%;width:clamp(134px,18vw,196px);transform:rotate(8deg)}.slot--smiley{left:45%;top:36%;width:clamp(88px,12vw,124px);transform:rotate(-4deg)}.slot--arch{left:6%;bottom:9%;width:clamp(104px,14vw,148px);transform:rotate(4deg)}.slot--label{left:33%;bottom:8%;width:clamp(178px,24vw,248px);transform:rotate(-3deg)}.slot--chip{right:5%;bottom:10%;width:clamp(110px,15vw,156px);transform:rotate(-6deg)}.sticker{display:block;width:100%}.badge{position:relative;width:100%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 26%,rgba(255,255,255,0.8),rgba(255,255,255,0) 44%),conic-gradient(from 210deg,#ffd6e8,#ffe9b8,#d4ffd9,#c8ecff,#e2d6ff,#ffd6e8);box-shadow:inset 0 0 0 5px rgba(255,255,255,0.6),inset 0 0 24px rgba(255,255,255,0.35)}.badge__ring{position:absolute;inset:3%;width:94%;height:94%}.badge__ring text{font-family:'JetBrains Mono',monospace;font-size:7.6px;font-weight:700;letter-spacing:0.14em;fill:#5c3a14}.badge__core{text-align:center;color:#46280c}.badge__core span{display:block;font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-0.03em;line-height:1}.badge__core em{display:block;margin-top:0.3em;font-style:normal;font-family:'JetBrains Mono',monospace;font-size:0.56rem;letter-spacing:0.22em;text-transform:uppercase}.pill{display:inline-block;background:var(--orange);color:#1c0b03;font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(1.15rem,2.3vw,1.8rem);letter-spacing:-0.02em;line-height:1;padding:0.55em 0.95em;border-radius:999px;border:4px solid #1c0b03;white-space:nowrap}.burst{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center}.burst__star{position:absolute;inset:0;width:100%;height:100%}.burst__text{position:relative;transform:rotate(-9deg);text-align:center;font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(1.05rem,2vw,1.55rem);line-height:1.02;letter-spacing:-0.02em;color:#1e1102}.smiley{display:block;width:100%;aspect-ratio:1}.arch{width:100%;aspect-ratio:3 / 4;background:linear-gradient(180deg,var(--purple-light),var(--purple));border-radius:50% 50% 16px 16px / 40% 40% 16px 16px;display:grid;align-content:end;justify-items:center;padding-bottom:14%;padding-inline:8%;color:#1d0b3a}.arch strong{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(0.85rem,1.55vw,1.2rem);line-height:1.05;text-align:center;letter-spacing:-0.01em}.arch small{margin-top:0.5em;font-family:'JetBrains Mono',monospace;font-size:0.52rem;letter-spacing:0.2em;text-transform:uppercase;opacity:0.75}.tag{background:#f6f3ec;color:#191207;border-radius:12px;padding:clamp(10px,1.4vw,16px) clamp(12px,1.6vw,18px)}.tag__name{font-family:'JetBrains Mono',monospace;font-size:0.56rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;margin-bottom:0.55em}.tag__bars{height:clamp(30px,4.4vw,46px);background:repeating-linear-gradient(90deg,#191207 0 3px,transparent 3px 5px,#191207 5px 6px,transparent 6px 10px,#191207 10px 14px,transparent 14px 16px,#191207 16px 17px,transparent 17px 21px)}.tag__digits{margin-top:0.45em;font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:0.42em}.chip{width:100%;aspect-ratio:1;background:#9ff0c6;border-radius:22px;display:grid;place-content:center;text-align:center;padding-inline:10%;color:#0c3423}.chip strong{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(1rem,1.9vw,1.5rem);line-height:1.05;letter-spacing:-0.02em}.chip small{margin-top:0.55em;font-family:'JetBrains Mono',monospace;font-size:0.52rem;letter-spacing:0.2em;text-transform:uppercase;opacity:0.75}@media (max-width:768px){.showcase-shell{padding:1rem;align-content:start}.showcase-toolbar{align-items:flex-start;flex-direction:column;margin-bottom:0.8rem}.showcase-prompt span:last-child{display:none}.sheet{height:clamp(480px,calc(100svh - 120px),760px)}.sheet__print--foot{display:none}.slot--badge{left:5%;top:5%;width:clamp(112px,30vw,150px)}.slot--pill{left:auto;right:6%;top:8%}.slot--burst{right:8%;top:22%;width:clamp(118px,32vw,160px)}.slot--smiley{left:8%;top:33%;width:clamp(84px,22vw,110px)}.slot--arch{left:10%;bottom:22%;width:clamp(96px,26vw,130px)}.slot--label{left:50%;bottom:4%;transform:translateX(-50%) rotate(-3deg);width:clamp(170px,52vw,220px)}.slot--chip{right:7%;bottom:22%;width:clamp(100px,27vw,136px)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}[data-sticker-peel]{cursor:default}.showcase-modes{display:none}}.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}