.sharp-moment{--sharp-ink:#101815;--sharp-cream:#fff7e6;--sharp-green:#06281d;--sharp-forest:#0b3b2e;--sharp-orange:#f97316;--sharp-amber:#f6c453;--sharp-muted:#a8b4ad;z-index:80;color:var(--sharp-cream);background:radial-gradient(circle at 50% 12%, #f9731638 0%, transparent 38%), radial-gradient(circle at 1px 1px, #fff7e624 1px, transparent 1.2px), var(--sharp-green);font-family:var(--font-body,ui-sans-serif, system-ui, sans-serif);background-size:auto,14px 14px,auto;position:fixed;inset:0;overflow:hidden auto}.sharp-moment--closing{pointer-events:none;animation:.24s both sharp-moment-exit}.sharp-moment__confetti-layer{z-index:5;pointer-events:none;position:fixed;inset:0}.sharp-moment__confetti{pointer-events:none;width:100%;height:100%;display:block}.sharp-moment__page{z-index:2;width:min(520px,100%);min-height:100dvh;padding:clamp(18px, 4vw, 32px) clamp(18px, 5vw, 28px) max(18px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;align-items:center;margin:0 auto;animation:.24s both sharp-moment-fade;display:flex;position:relative}.sharp-moment__eyebrow{color:var(--sharp-amber);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.22em;text-transform:uppercase;margin:0 0 18px;font-size:10px;font-weight:700}.sharp-moment__sticker{background:var(--sharp-cream);border-radius:10px;width:min(78vw,340px);padding:9px;animation:.62s cubic-bezier(.2,1.5,.3,1) both sharp-moment-slap;position:relative;transform:rotate(-4deg);box-shadow:0 18px 40px -18px #000000bf,0 0 0 1px #fff3}.sharp-moment__art{aspect-ratio:1/1.1;background:var(--sharp-forest);border-radius:4px;position:relative;overflow:hidden}.sharp-moment__art-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.sharp-moment__banner{background:var(--sharp-ink);border-radius:4px;margin-top:8px;padding:10px 12px}.sharp-moment__banner h2{color:var(--sharp-cream);font-family:var(--font-display,ui-serif, Georgia, serif);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:clamp(1.6rem,7vw,2rem);font-weight:800;line-height:1}.sharp-moment__new{z-index:2;color:var(--sharp-ink);background:var(--sharp-orange);border:2px solid var(--sharp-ink);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;animation:.42s cubic-bezier(.2,1.4,.3,1) .36s both sharp-moment-badge;position:absolute;top:-12px;left:-10px;transform:rotate(-8deg);box-shadow:0 4px #9a3412}.sharp-moment__number{z-index:2;width:38px;height:38px;color:var(--sharp-ink);background:var(--sharp-amber);border:2px solid var(--sharp-ink);font-family:var(--font-display,ui-serif, Georgia, serif);border-radius:50%;place-items:center;font-size:18px;font-weight:800;animation:.42s cubic-bezier(.2,1.4,.3,1) .42s both sharp-moment-badge;display:grid;position:absolute;top:-10px;right:-8px;transform:rotate(6deg);box-shadow:0 4px #9a3412}.sharp-moment__stamp{color:#9a3412;border:2px dashed var(--sharp-orange);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.1em;background:#fff7e6e6;border-radius:3px;padding:6px 8px;font-size:9px;font-weight:800;line-height:1;position:absolute;bottom:12px;right:12px;transform:rotate(-5deg)}.sharp-moment__copy{max-width:420px;margin-top:26px}.sharp-moment__fact{color:var(--sharp-cream);text-wrap:pretty;margin:0;font-size:clamp(1.05rem,3.8vw,1.2rem);font-weight:600;line-height:1.45;animation:.48s cubic-bezier(.22,1,.36,1) .16s both sharp-moment-rise}.sharp-moment__praise{color:var(--sharp-amber);font-family:var(--font-display,ui-serif, Georgia, serif);margin:14px 0 0;font-size:clamp(1.6rem,6vw,1.9rem);font-weight:800;line-height:1.1;animation:.48s cubic-bezier(.22,1,.36,1) .22s both sharp-moment-rise}.sharp-moment__meta{color:var(--sharp-muted);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;margin:14px 0 0;font-size:10px;font-weight:700;animation:.48s cubic-bezier(.22,1,.36,1) .28s both sharp-moment-rise}.sharp-moment__footer{z-index:3;width:100%;max-width:420px;padding-top:24px;padding-bottom:max(4px, env(safe-area-inset-bottom));background:linear-gradient(to top, var(--sharp-green) 72%, transparent);margin-top:auto;animation:.42s cubic-bezier(.22,1,.36,1) .34s both sharp-moment-rise;position:sticky;bottom:0}.sharp-moment__continue{width:100%;min-height:58px;color:var(--sharp-ink);background:var(--sharp-orange);font-family:var(--font-body,ui-sans-serif, system-ui, sans-serif);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:0;border-radius:16px;padding:0 24px;font-size:13px;font-weight:800;transition:transform .12s,box-shadow .12s,background .16s;display:block;box-shadow:0 4px #9a3412,0 16px 26px -18px #f97316a6}.sharp-moment__continue:hover{background:#fb923c}.sharp-moment__continue:active{transform:translateY(3px);box-shadow:0 1px #9a3412}.sharp-moment__continue:focus-visible{outline:3px solid var(--sharp-cream);outline-offset:3px}@keyframes sharp-moment-fade{0%{opacity:0}to{opacity:1}}@keyframes sharp-moment-slap{0%{opacity:0;transform:rotate(-10deg)scale(1.16)}65%{opacity:1;transform:rotate(-3deg)scale(.98)}to{opacity:1;transform:rotate(-4deg)scale(1)}}@keyframes sharp-moment-badge{0%{opacity:0;transform:rotate(-8deg)scale(.6)}to{opacity:1;transform:rotate(-8deg)scale(1)}}@keyframes sharp-moment-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sharp-moment-exit{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.sharp-moment__page,.sharp-moment__sticker,.sharp-moment__new,.sharp-moment__number,.sharp-moment__fact,.sharp-moment__praise,.sharp-moment__meta,.sharp-moment__footer{opacity:1;animation:none;transform:none}.sharp-moment__sticker{transform:rotate(-4deg)}.sharp-moment__new{transform:rotate(-8deg)}.sharp-moment__number{transform:rotate(6deg)}}