:root{--ink:#0d0d0d;--paper:#fffdf8;--yellow:#ffcf1f;--pink:#ff4f8b;--purple:#7b6cf6;--green:#43c443;--blue:#6ec6ff;--muted:#5d5a54;--font-display:"Bagel Fat One","Plus Jakarta Sans",system-ui,sans-serif;--font-body:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--bd:3px solid var(--ink);--ease:cubic-bezier(0.3,1.5,0.5,1)}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--yellow);color:var(--ink)}body{font-family:var(--font-body);font-weight:500;-webkit-font-smoothing:antialiased;line-height:1.4}a{color:inherit;text-decoration:none}.page{position:relative;min-height:100svh;overflow:hidden;padding:24px 16px 32px;display:flex;justify-content:center;align-items:flex-start}.bg-circle{position:absolute;left:-90px;top:90px;width:260px;height:260px;border-radius:50%;background:var(--pink)}.bg-block{position:absolute;right:-80px;bottom:-40px;width:55%;height:46%;min-width:220px;background:var(--purple);transform:skewY(-12deg);transform-origin:right bottom}.panel{position:relative;z-index:1;width:100%;max-width:410px;overflow:hidden;flex-direction:column;gap:24px;padding:16px;background:var(--paper);border:4px solid var(--ink);border-radius:28px;box-shadow:10px 10px 0 var(--ink);animation:panel-in .6s var(--ease) both}.panel,.top{display:flex}.top{align-items:center;justify-content:space-between;gap:8px}.sq{display:grid;place-items:center;width:46px;height:46px;background:#fff;border:var(--bd);border-radius:12px;box-shadow:3px 3px 0 var(--ink);transition:transform .12s,box-shadow .12s}.sq:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.sq:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.sq svg{display:block;width:28px;height:28px}.pill{display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;background:#fff;border:var(--bd);border-radius:12px;box-shadow:3px 3px 0 var(--ink);font-weight:800;font-size:.8rem}.pill i{position:relative;width:9px;height:9px;border-radius:50%;background:var(--pink);border:2px solid var(--ink)}.pill i:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--pink);animation:ping 1.8s ease-out infinite}.stage{width:min(100%,230px);padding-bottom:28px}.stack,.stage{position:relative;margin:0 auto}.stack{width:82%;aspect-ratio:3/4;cursor:pointer;transition:scale .15s var(--ease)}.stack:active{scale:.96}.slot{transition:transform .8s cubic-bezier(.3,1.2,.4,1),opacity .6s ease;will-change:transform}.card,.slot{position:absolute;inset:0}.card{border:var(--bd);border-radius:16px;overflow:hidden;background:var(--blue);box-shadow:5px 5px 0 var(--ink)}.card img{width:100%;height:100%;object-fit:cover;display:block}.tape{position:absolute;left:50%;top:-11px;width:64px;height:20px;margin-left:-32px;background:rgba(255,207,31,.92);border:2px solid var(--ink);transform:rotate(-4deg);opacity:0;transition:opacity .4s}.front .tape{opacity:1}.caption{position:absolute;left:8px;right:8px;bottom:8px;display:flex;flex-direction:column;padding:6px 10px;background:#fff;border:2px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-2.5deg);transform-origin:left bottom;opacity:0;translate:0 8px;transition:opacity .4s .25s,translate .4s .25s var(--ease)}.front .caption{opacity:1;translate:0 0}.caption strong{font-weight:800;font-size:.85rem;letter-spacing:-.01em;line-height:1.2}.caption span{font-size:.7rem;font-weight:700;color:var(--muted)}.chip{position:absolute;z-index:6;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#fff;border:2px solid var(--ink);border-radius:99px;box-shadow:3px 3px 0 var(--ink);font-size:.7rem;font-weight:800;white-space:nowrap;pointer-events:none;transform:rotate(var(--r))}.chip i{width:8px;height:8px;border-radius:50%;border:2px solid var(--ink)}.c1{left:-26px;top:6%;--r:-6deg}.c2{right:-30px;top:30%;--r:5deg}.c3{left:-34px;bottom:40%;--r:-4deg}.dots{position:absolute;left:0;right:0;bottom:4px;display:flex;justify-content:center;gap:6px}.dot{width:9px;height:9px;padding:0;background:#fff;border:2px solid var(--ink);border-radius:50%;cursor:pointer;transition:width .25s var(--ease),background .25s}.dot.on{width:24px;border-radius:99px;background:var(--pink)}.info{text-align:center}.kicker{font-size:.95rem;font-weight:700}.title{align-items:flex-end;justify-content:center;gap:8px;margin-top:4px;line-height:1}.title,.word{display:flex}.ch{display:inline-block;letter-spacing:.01em;font-size:clamp(3.4rem,17vw,4.5rem);color:var(--yellow);-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;text-shadow:4px 5px 0 var(--ink);animation:bounce-in .6s calc(.2s + var(--i) * .07s) var(--ease) both;cursor:default}.ch,.tag{font-family:var(--font-display);font-weight:400}.tag{position:relative;margin-bottom:8px;padding:3px 10px;background:var(--pink);color:#fff;border:var(--bd);border-radius:9px;box-shadow:3px 3px 0 var(--ink);font-size:1.1rem;letter-spacing:.03em}.headline{margin:16px auto 0;max-width:24ch;font-weight:800;font-size:1.2rem;line-height:1.2;letter-spacing:-.02em}.headline em{font-style:italic;font-weight:800;color:#e8307a;white-space:nowrap}.bio{margin:10px auto 0;max-width:34ch;font-size:.92rem;color:var(--muted)}.bio mark{background:var(--yellow);color:var(--ink);padding:0 4px;border-radius:4px;font-weight:800;box-decoration-break:clone;-webkit-box-decoration-break:clone}.links{display:grid;grid-gap:12px;gap:12px}.link{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--c);border:var(--bd);border-radius:14px;box-shadow:4px 4px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease;animation:rise .5s calc(.3s + var(--i) * .06s) var(--ease) both}.link:focus-visible,.link:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);outline:none}.link:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.link-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;background:#fff;border:var(--bd);border-radius:10px;transition:transform .25s var(--ease)}.link:hover .link-icon{transform:scale(1.08)}.link:active .link-icon{transform:scale(.92)}.link-text{flex:1 1;min-width:0;display:flex;flex-direction:column}.link-text strong{font-weight:800;font-size:.95rem;letter-spacing:-.01em}.link-text small{font-size:.78rem;font-weight:600;opacity:.8}.link-arrow{flex:none;transition:transform .2s}.link:hover .link-arrow{transform:translate(3px,-3px)}.foot{margin-top:-8px;text-align:center;font-size:.76rem;font-weight:700;color:var(--muted)}.dot,.link,.pill,.sq{position:relative}.link,.pill,.sq{overflow:hidden}.ripple{position:absolute;z-index:0;border-radius:50%;background:rgba(13,13,13,.16);pointer-events:none;transform:scale(0);animation:ripple .5s ease-out forwards}.link>:not(.ripple){position:relative;z-index:1}.dot,.link,.pill,.sq{-webkit-tap-highlight-color:transparent}@media (min-width:700px){.page{padding-top:40px}}@keyframes panel-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes bounce-in{0%{opacity:0;transform:translateY(28px) scale(.7)}to{opacity:1;transform:none}}@keyframes ping{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.5);opacity:0}}@keyframes ripple{to{transform:scale(1);opacity:0}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}