@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--paper: #fff6e5;--card: #fffdf7;--ink: #131313;--accent: #ffd02f;--slap: #ff4d4d;--keep: #00c46a;--ship: #5eb8ff;--cut: #ff90e8;--ok: #0f9d58;--radius: 14px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif;background-image:radial-gradient(rgba(19,19,19,.14) 1.3px,transparent 1.4px);background-size:22px 22px;min-height:100vh}.ticker{background:var(--ink);color:#fff;overflow:hidden;white-space:nowrap;border-bottom:3px solid var(--ink);font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:8px 0}.ticker-track{display:inline-flex;gap:2.5rem;padding-left:1rem;animation:ticker 22s linear infinite}@keyframes ticker{to{transform:translate(-50%)}}.page{max-width:720px;margin:0 auto;padding:28px 16px 64px;display:flex;flex-direction:column;gap:20px}.hero{position:relative;border:3px solid var(--ink);border-radius:var(--radius);background:var(--accent);box-shadow:7px 7px 0 var(--ink);padding:22px 20px 18px;overflow:hidden}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(19,19,19,.16) 1.2px,transparent 1.3px);background-size:16px 16px;-webkit-mask-image:linear-gradient(to left,black 0%,transparent 55%);mask-image:linear-gradient(to left,black 0%,transparent 55%)}.hero-top{display:flex;align-items:flex-start;gap:14px;position:relative;z-index:1}.hero-hand{flex:none;width:64px;height:64px;display:grid;place-items:center;font-size:2rem;background:#fff;border:3px solid var(--ink);border-radius:16px;box-shadow:4px 4px 0 var(--ink);transform:rotate(-6deg)}.hero h1{margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(1.7rem,5vw,2.4rem);line-height:.95;text-transform:uppercase;letter-spacing:-.01em}.slap-word{background:var(--slap);color:#fff;padding:2px 10px 4px;display:inline-block;transform:rotate(-2deg);border:3px solid var(--ink);border-radius:8px;box-shadow:3px 3px 0 var(--ink);-webkit-text-stroke:0}.hero-badge{position:absolute;top:14px;right:-34px;transform:rotate(24deg);background:var(--ink);color:var(--accent);font-family:Space Mono,monospace;font-weight:700;font-size:.72rem;letter-spacing:.14em;padding:6px 40px;text-transform:uppercase}.lede{margin:12px 0 0;font-weight:600;font-size:1.02rem;position:relative;z-index:1;max-width:52ch}.hero-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;position:relative;z-index:1}.stat{background:#fff;border:2.5px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink);font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:6px 12px}.panel{position:relative;border:3px solid var(--ink);border-radius:var(--radius);background:var(--card);box-shadow:6px 6px 0 var(--ink);padding:20px 16px 16px;display:flex;flex-direction:column;gap:10px}.step-tab{position:absolute;top:-15px;left:16px;background:var(--ink);color:#fff;font-family:Space Mono,monospace;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:8px;border:2.5px solid var(--ink);transform:rotate(-1.5deg)}.step-tab.tab-2{background:var(--ship);color:var(--ink);transform:rotate(1.2deg)}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:4px}.label{font-family:Archivo Black,sans-serif;font-size:.95rem;text-transform:uppercase;letter-spacing:.01em}.count{font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:2px 10px;white-space:nowrap}.count.over{background:var(--slap);color:#fff}.field{border:3px solid var(--ink);border-radius:10px;padding:12px;font:inherit;font-size:.98rem;line-height:1.5;width:100%;background:#fff;resize:vertical;transition:transform .12s ease,box-shadow .12s ease}.field::placeholder{color:#13131373}.field:focus{outline:none;transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink);border-color:var(--ink);background:#fffef2}textarea.field{min-height:120px}.row{display:flex;gap:8px;flex-wrap:wrap}.btn{border:3px solid var(--ink);border-radius:10px;box-shadow:4px 4px 0 var(--ink);font:inherit;font-weight:700;padding:10px 14px;cursor:pointer;background:#fff;text-transform:uppercase;font-size:.82rem;letter-spacing:.04em;transition:transform .1s ease,box-shadow .1s ease,background .15s ease}.btn:hover:not(:disabled){transform:translate(-1px,-1px) rotate(-.4deg);box-shadow:5px 5px 0 var(--ink)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:4px 4px 0 var(--ink)}.btn-ghost{background:#fff}.btn-demo{background:var(--accent)}.btn-talk{background:#fff}.btn-talk.recording{background:var(--slap);color:#fff;animation:rec-pulse 1s steps(2) infinite}@keyframes rec-pulse{50%{box-shadow:4px 4px 0 var(--ink),0 0 0 6px #ff4d4d59}}.status{margin:0;font-family:Space Mono,monospace;font-size:.78rem;font-weight:700}.status-warn{color:#b3261e}.status-done{color:var(--ok)}.status-idle,.status-fetching{color:#131313a6}.pill{display:inline-flex;align-items:center;gap:6px;border:2.5px solid var(--ink);border-radius:999px;padding:5px 12px;background:var(--paper);box-shadow:3px 3px 0 var(--ink);width:fit-content}.pill-done{background:#d3f9d8}.pill-warn{background:#ffe3e3}.pill-fetching{background:var(--accent)}.slap-wrap{display:flex;flex-direction:column;gap:8px}.btn-slap{background:var(--slap);color:#fff;font-family:Archivo Black,sans-serif;font-size:clamp(1.3rem,4vw,1.7rem);letter-spacing:.02em;padding:18px 16px;border-radius:16px;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);display:flex;align-items:center;justify-content:center;gap:12px;text-shadow:2px 2px 0 var(--ink)}.btn-slap:hover:not(:disabled){transform:translate(-2px,-2px) rotate(-.6deg);box-shadow:9px 9px 0 var(--ink)}.btn-slap:disabled{background:#fff;color:#13131373;text-shadow:none;opacity:1}.btn-slap .slap-hand{background:#fff;border:3px solid var(--ink);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:1.4rem;text-shadow:none;flex:none}.btn-slap:not(:disabled) .slap-hand{animation:wave 1.6s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}.working-dots:after{content:"";animation:dots 1s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.hint{margin:0;font-family:Space Mono,monospace;font-size:.78rem;font-weight:700;background:var(--ink);color:#fff;border-radius:8px;padding:8px 12px;width:fit-content}.error{background:#ffe3e3;font-weight:700;border-radius:var(--radius)}.result{padding:0;overflow:hidden;gap:0}.result-banner{background:var(--ink);color:#fff;padding:16px 18px;display:flex;align-items:center;gap:12px}.result-banner .trophy{width:48px;height:48px;flex:none;display:grid;place-items:center;font-size:1.6rem;background:var(--accent);border:3px solid #fff;border-radius:12px;transform:rotate(-4deg)}.result-banner h2{margin:0;font-family:Archivo Black,sans-serif;font-size:1.15rem;text-transform:uppercase}.result-banner p{margin:2px 0 0;font-family:Space Mono,monospace;font-size:.75rem;color:var(--accent);font-weight:700}.result-block{padding:14px 18px 16px;border-top:3px solid var(--ink)}.result-block:first-of-type{border-top:none}.result-block.block-keep{background:#d9fbe7}.result-block.block-ship{background:#e3f2ff}.result-block.block-cut{background:#ffe3f4}.block-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.block-head h3{margin:0;font-family:Archivo Black,sans-serif;font-size:.95rem;text-transform:uppercase}.badge{font-family:Space Mono,monospace;font-size:.7rem;font-weight:700;border:2.5px solid var(--ink);background:#fff;border-radius:999px;padding:2px 10px}.result ul{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}.result li{background:#fff;border:2.5px solid var(--ink);border-radius:10px;padding:9px 12px;font-size:.93rem;font-weight:500;box-shadow:3px 3px 0 var(--ink)}.checklist li{counter-increment:ship;position:relative;padding-left:44px}.checklist li:before{content:counter(ship);counter-increment:none;position:absolute;left:10px;top:50%;translate:0 -50%;width:24px;height:24px;display:grid;place-items:center;background:var(--ink);color:#fff;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;border-radius:7px}.checklist{counter-reset:ship}.creeps s{text-decoration-thickness:3px;text-decoration-color:var(--slap)}.creeps li{background:repeating-linear-gradient(-45deg,#fff,#fff 10px,#fff3f3 10px,#fff3f3 20px)}.slap-in{animation:slap-in .38s steps(4) both;transform-origin:20% 0%}@keyframes slap-in{0%{transform:rotate(-2deg) scale(1.04)}60%{transform:rotate(.6deg) scale(.99)}to{transform:none}}.footer{border:3px solid var(--ink);border-radius:12px;background:var(--ink);color:#fff;box-shadow:5px 5px #13131340;padding:12px 16px;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.footer span:last-child{color:var(--accent)}@media (max-width: 560px){.page{padding-top:20px}.hero-hand{width:52px;height:52px}.result-banner .trophy{width:42px;height:42px}}.stage{background:var(--ink);background-image:radial-gradient(rgba(255,246,229,.12) 1.3px,transparent 1.4px);background-size:22px 22px;min-height:calc(100vh - 33px);padding-bottom:48px}.stage-page{padding-top:20px}.stage-nav{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-dark{background:var(--ink);color:var(--accent);border-color:var(--accent);box-shadow:3px 3px 0 var(--accent)}.verdict-hero{position:relative;border:3px solid var(--ink);border-radius:var(--radius);background:var(--accent);box-shadow:7px 7px #0000008c,7px 7px 0 var(--slap);padding:20px 18px 16px;overflow:hidden;text-align:center}.verdict-slap{display:inline-block;font-family:Archivo Black,sans-serif;font-size:clamp(2rem,8vw,3.2rem);background:var(--slap);color:#fff;border:3px solid var(--ink);border-radius:12px;box-shadow:5px 5px 0 var(--ink);padding:4px 18px 8px;transform:rotate(-3deg);text-shadow:3px 3px 0 var(--ink)}.verdict-title{margin:12px 0 4px;font-family:Archivo Black,sans-serif;text-transform:uppercase;font-size:1.1rem}.verdict-sub{margin:0;font-family:Space Mono,monospace;font-size:.78rem;font-weight:700}.block-head-split{justify-content:space-between}.block-head-left{display:flex;align-items:center;gap:10px}.btn-copy{background:var(--ink);color:#fff;font-size:.72rem;padding:8px 12px}.btn-copy:hover:not(:disabled){background:#000}.keep-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.keep-list li,.checklist li.pop-item{background:#fff;border:2.5px solid var(--ink);border-radius:10px;padding:9px 12px;font-size:.93rem;font-weight:500;box-shadow:3px 3px 0 var(--ink)}.pop,.pop-item{opacity:0;animation:stage-pop .45s cubic-bezier(.2,1.4,.3,1) forwards;animation-delay:var(--d, 0s)}@keyframes stage-pop{0%{opacity:0;transform:scale(.85) translateY(14px)}to{opacity:1;transform:none}}.creeps-stage{overflow:hidden}.creep-card{position:relative;opacity:0;display:flex;align-items:flex-start;gap:10px;animation:creep-slap .5s cubic-bezier(.2,1.3,.3,1) forwards;animation-delay:var(--d, 0s)}.creep-card.from-left{--from: -90px;--rot: -5deg}.creep-card.from-right{--from: 90px;--rot: 5deg}@keyframes creep-slap{0%{opacity:0;transform:translate(var(--from)) rotate(var(--rot)) scale(.7)}55%{opacity:1;transform:translate(0) rotate(0) scale(1.07)}68%{transform:translate(calc(var(--from) * -.07)) scale(.97) rotate(var(--rot))}82%{transform:translate(0) scale(1.01) rotate(0)}to{opacity:1;transform:none}}.creep-card:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:4px solid var(--slap);border-radius:14px;opacity:0;pointer-events:none;animation:shock-ring .35s ease-out forwards;animation-delay:calc(var(--d) + .3s)}@keyframes shock-ring{0%{opacity:.9;transform:scale(.96)}to{opacity:0;transform:scale(1.07)}}.creep-hand{flex:none;font-size:1.3rem;background:var(--slap);border:2.5px solid var(--ink);border-radius:50%;width:36px;height:36px;margin-top:1px;display:grid;place-items:center;opacity:0;animation:hand-swing .55s cubic-bezier(.2,1.2,.3,1) forwards;animation-delay:var(--d, 0s)}@keyframes hand-swing{0%{opacity:0;transform:translate(calc(var(--from) * -1.6)) scale(2.4) rotate(45deg)}35%{opacity:1;transform:translate(0) scale(1.5) rotate(-14deg)}55%{opacity:1;transform:scale(.85) rotate(8deg)}75%{opacity:1;transform:scale(1.05) rotate(-3deg)}to{opacity:1;transform:none}}.stage.impact{animation:stage-shake .28s linear}@keyframes stage-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px,2px) rotate(-.3deg)}40%{transform:translate(5px,-2px) rotate(.3deg)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px,-1px)}}.creep-body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.btn-why{font-family:Space Mono,monospace;font-size:.68rem;font-weight:700;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);padding:3px 10px;cursor:pointer;box-shadow:2px 2px 0 var(--ink);transition:transform .1s ease,box-shadow .1s ease}.btn-why:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.btn-why:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.creep-why{margin:0;background:var(--ink);color:var(--accent);font-family:Space Mono,monospace;font-size:.76rem;font-weight:700;line-height:1.45;border-radius:8px;padding:8px 10px;animation:why-pop .18s ease-out}.why-tag{color:#fff}@keyframes why-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}.cut-anchor{scroll-margin-top:12px}.slap-stamp{flex:none;margin-top:5px;font-family:Archivo Black,sans-serif;font-size:.62rem;letter-spacing:.08em;background:var(--slap);color:#fff;border:2.5px solid var(--ink);border-radius:7px;padding:3px 8px;transform:rotate(-8deg);box-shadow:2px 2px 0 var(--ink)}.from-right .slap-stamp{transform:rotate(7deg)}.stage-actions{display:flex;gap:10px;flex-wrap:wrap}.stage-actions .btn{flex:1 1 200px}.btn-again{font-size:1rem;padding:14px}@media (prefers-reduced-motion: reduce){.pop,.pop-item,.creep-card,.creep-card:after,.creep-hand,.creep-why,.stage.impact,.ticker-track,.btn-slap:not(:disabled) .slap-hand{animation:none;opacity:1;transform:none}}