:root{--paper:#f4f7f5;--ink:#1e2a3a;--soft:#566679;--mint:#7fd6c2;--butter:#ffd66b;--sky:#8ec5ff;--red:#f0454d;--white:#fff;--max:72rem;--gutter:clamp(1rem,5vw,2rem);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;color:var(--ink);font-family:var(--body),system-ui,sans-serif;line-height:1.6;background-color:var(--paper);background-image:radial-gradient(rgba(30,42,58,.09) 1.2px,transparent 0);background-size:22px 22px}main{flex:1 1}a{color:inherit}:focus-visible{outline:3px solid var(--red);outline-offset:3px}.buybox-price,.card strong,.done,.logo,.step-n,.sticker,.unit-name,h1,h2,h3{font-family:var(--display),var(--body),sans-serif;font-weight:400}.bar{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(244,247,245,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:3px solid var(--ink)}.bar-inner,.foot-inner{max-width:var(--max);margin:0 auto;padding:.9rem var(--gutter);justify-content:space-between;gap:1rem}.bar-inner,.foot-inner,.logo{display:flex;align-items:center}.logo{gap:.6rem;font-size:1.5rem;text-decoration:none;white-space:nowrap}.logo-sm{font-size:1.15rem}.logo-knob{width:1.9rem;height:1.9rem;flex:none;border:3px solid var(--ink);border-radius:50%;background:var(--butter);position:relative;transition:transform .4s cubic-bezier(.3,1.5,.5,1)}.logo-sm .logo-knob{width:1.5rem;height:1.5rem}.logo-knob:after{content:"";position:absolute;left:calc(50% - 1.5px);top:2px;width:3px;height:40%;background:var(--ink);border-radius:2px}.logo:hover .logo-knob{transform:rotate(60deg)}.nav{display:flex;align-items:center;gap:1rem}.nav form,.tabs{margin:0}.tabs{display:flex;gap:.25rem;list-style:none;padding:0}.tab{display:block;padding:.35rem .85rem;border:2px solid transparent;border-radius:999px;font-weight:700;text-decoration:none;white-space:nowrap}.tab:hover{background:rgba(127,214,194,.35)}.tab.active{background:var(--mint);border-color:var(--ink)}.nav-pill{display:inline-block;background:var(--white);color:var(--ink);border:3px solid var(--ink);border-radius:999px;padding:.3rem 1rem;font:inherit;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .1s,box-shadow .1s}.nav-pill:hover{background:var(--mint);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.foot{margin-top:5rem;background:var(--ink);color:#c9d3de}.foot-inner{padding-block:1.6rem;flex-wrap:wrap;font-size:.95rem}.foot .logo{color:var(--white)}.foot .logo-knob{border-color:var(--white)}.currency{display:flex;align-items:center;gap:.5rem}.currency select{font:inherit;font-weight:700;color:var(--white);background:transparent;border:2px solid #c9d3de;border-radius:999px;padding:.2rem .7rem;cursor:pointer}.currency select:hover{border-color:var(--white)}.currency option{color:var(--ink)}h1{font-size:clamp(2.5rem,6.5vw,4.4rem);line-height:1.04;margin:0 0 1.1rem;letter-spacing:-.01em}h2{font-size:clamp(1.7rem,3.5vw,2.3rem);margin:0 0 1.5rem}h3{font-size:1.25rem;line-height:1.2;margin:0 0 .4rem}mark{background:none;color:inherit;position:relative;z-index:0;white-space:nowrap}mark:before{content:"";position:absolute;z-index:-1;left:-.12em;right:-.12em;bottom:.08em;height:.42em;background:var(--butter);border-radius:.2em;transform:rotate(-2deg)}.lead{font-size:1.25rem;color:var(--soft);max-width:34rem;margin:0 0 1.8rem}.eyebrow{display:inline-block;margin:0 0 1.2rem;padding:.25rem .85rem;background:var(--white);border:2px solid var(--ink);border-radius:999px;font-size:.85rem;font-weight:800;letter-spacing:.04em}.eyebrow:before{content:"";display:inline-block;width:.55rem;height:.55rem;margin-right:.5rem;border-radius:50%;background:var(--mint);border:2px solid var(--ink);vertical-align:-.05rem}.wrap{max-width:var(--max);margin:4.5rem auto 0;padding:0 var(--gutter);scroll-margin-top:6rem}.narrow{max-width:38rem}.error{color:#b3261e}.meta{color:var(--soft)}.btn{display:inline-block;background:var(--butter);color:var(--ink);border:3px solid var(--ink);border-radius:999px;padding:.8rem 1.6rem;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .1s,box-shadow .1s,background .15s}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.btn:disabled{opacity:.6;cursor:wait}.btn-soon:disabled{cursor:default}.btn-ghost{background:var(--white)}.btn-ghost:hover{background:var(--mint)}.actions{display:flex;flex-wrap:wrap;gap:1rem}.hero{max-width:var(--max);margin:0 auto;padding:clamp(2.5rem,6vw,5rem) var(--gutter) 1rem}.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}.slide,.slides{display:grid}.slide{grid-area:1/1;grid-template-columns:1.15fr 1fr;grid-gap:clamp(2rem,5vw,4.5rem);gap:clamp(2rem,5vw,4.5rem);align-items:center;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}.slide>*{min-width:0}.slide.active{opacity:1;visibility:visible}.slide .hero-copy{transform:translateY(14px);transition:transform .6s ease}.slide.active .hero-copy{transform:none}.slide:not(.active) *{animation-play-state:paused!important}.slide-title{font-size:clamp(2.5rem,6.5vw,4.4rem);line-height:1.04;margin:0 0 1.1rem;letter-spacing:-.01em}.carousel .hero-art:not(:has(.rc-wrap)){max-width:20rem}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:2.2rem}.carousel-controls button{font:inherit;color:var(--ink);cursor:pointer}.carousel-arrow,.carousel-pause{display:grid;place-items:center;width:2.6rem;height:2.6rem;padding:0;background:var(--white);border:3px solid var(--ink);border-radius:50%;box-shadow:3px 3px 0 var(--ink);font-weight:800;transition:transform .1s,box-shadow .1s,background .15s}.carousel-arrow:hover,.carousel-pause:hover{background:var(--mint);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.carousel-dots{display:flex;gap:.5rem;padding:0 .4rem}.carousel-dot{position:relative;overflow:hidden;width:1rem;height:1rem;padding:0;background:var(--white);border:3px solid var(--ink);border-radius:999px;transition:width .3s ease}.carousel-dot.active{width:3.2rem;background:var(--white)}.carousel-dot:not(.active):hover{background:var(--mint)}.dot-fill{position:absolute;inset:0;background:var(--butter);transform-origin:left center;transform:scaleX(0);animation:dot-fill linear forwards}@keyframes dot-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.art,.hero-art{position:relative;width:100%;max-width:25rem;justify-self:center}.blob{position:absolute;z-index:-1;inset:12% -12% 6% -10%;background:var(--sky);border:3px solid var(--ink);border-radius:46% 54% 38% 62%/52% 40% 60% 48%;transform:rotate(-6deg)}.hero-art .kf-wrap{animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px) rotate(.6deg)}}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.steps li{position:relative;background:var(--white);border:3px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink);padding:1.6rem 1.5rem 1.4rem}.steps p{margin:0;color:var(--soft)}.demo{max-width:60rem;border:3px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink);overflow:hidden;background:var(--ink)}.demo video{display:block;width:100%;height:auto;aspect-ratio:16/9}.requirements{margin:0;background:var(--white);border:3px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink);overflow:hidden}.requirements div{display:grid;grid-template-columns:9rem 1fr;grid-gap:1rem;gap:1rem;padding:.9rem 1.5rem}.requirements div+div{border-top:2px dashed rgba(30,42,58,.18)}.requirements dt{font-weight:800}.requirements dd{margin:0;color:var(--soft)}.step-n{display:grid;place-items:center;width:2.8rem;height:2.8rem;margin-bottom:1rem;border:3px solid var(--ink);border-radius:50%;font-size:1.3rem;background:var(--mint)}.steps li:nth-child(2) .step-n{background:var(--butter)}.steps li:nth-child(3) .step-n{background:var(--sky)}.cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));grid-gap:1.5rem;gap:1.5rem}.card{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--white);border:3px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}a.card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}.card-art{display:grid;justify-items:center;align-items:start;height:13rem;overflow:hidden;padding:1.4rem 1.4rem 0;background:#eaf7f3;border-bottom:3px solid var(--ink);background-image:radial-gradient(rgba(30,42,58,.12) 1.2px,transparent 0);background-size:16px 16px}.card-art .kf-wrap{max-width:15rem;transition:transform .3s}.card-art .kf{filter:drop-shadow(5px 5px 0 var(--ink))}.card-art .unit{width:100%;box-shadow:5px 5px 0 var(--ink)}a.card:hover .card-art .kf-wrap{transform:translateY(-6px)}.card-body{display:flex;flex-direction:column;gap:.8rem;flex:1 1;padding:1.3rem 1.5rem 1.4rem}.card-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.card strong{font-size:1.5rem;line-height:1.1}.card-text{color:var(--soft)}.card-more{margin-top:auto;font-weight:800}a.card:hover .card-more{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px;-webkit-text-decoration-color:var(--mint);text-decoration-color:var(--mint)}.card-soon{justify-content:center;align-items:center;gap:.6rem;min-height:20rem;padding:2rem;text-align:center;background:transparent;border-style:dashed;box-shadow:none}.card-soon strong{font-size:1.3rem}.soon-knob{width:3.4rem;height:3.4rem;margin-bottom:.4rem;border:3px dashed var(--ink);border-radius:50%;position:relative}.soon-knob:after,.soon-knob:before{content:"";position:absolute;left:calc(50% - 1.5px);top:25%;width:3px;height:50%;background:var(--ink);border-radius:2px}.soon-knob:after{transform:rotate(90deg)}.price{background:var(--butter);border:3px solid var(--ink);border-radius:999px;padding:.1rem .8rem;white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chips i{font-style:normal;font-size:.8rem;font-weight:800;padding:.1rem .6rem;border:2px solid var(--ink);border-radius:999px;background:#eaf7f3}.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;margin-bottom:1.5rem}.section-head h2{margin:0}.more{font-weight:800;text-decoration:none}.more:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px;-webkit-text-decoration-color:var(--mint);text-decoration-color:var(--mint)}.values{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.values li{padding:.4rem .2rem}.values p{margin:0;color:var(--soft)}.value-icon{display:grid;place-items:center;width:3rem;height:3rem;margin-bottom:.9rem;border:3px solid var(--ink);border-radius:14px;box-shadow:3px 3px 0 var(--ink);font-size:1.3rem;font-weight:800;transform:rotate(-4deg)}.values li:nth-child(2) .value-icon{transform:rotate(3deg)}.about-hero h1{max-width:14ch}.about-hero .lead{max-width:40rem}.panel.about-cta{text-align:left;display:grid;justify-items:start;grid-gap:.2rem;gap:.2rem;background:var(--butter)}.panel.about-cta .lead{color:var(--ink);margin:0 0 1.2rem}.about-cta .btn{background:var(--white)}.panel.form-panel{text-align:left}.form-panel h1{font-size:clamp(2rem,5vw,2.6rem)}.form{display:grid;grid-gap:1.1rem;gap:1.1rem}.form label{display:grid;grid-gap:.35rem;gap:.35rem;font-weight:800}.form input{font:inherit;font-weight:500;padding:.75rem 1rem;border:3px solid var(--ink);border-radius:14px;background:var(--paper);color:var(--ink)}.form input:focus{outline:none;background:var(--white);box-shadow:3px 3px 0 var(--mint)}.form .btn{justify-self:start}.form .error{margin:0}.form-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin:1.5rem 0 0;color:var(--soft)}.form-links a{color:var(--ink);font-weight:700}.library{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-gap:1.5rem;gap:1.5rem}.owned{grid-template-columns:12rem 1fr;background:var(--white);border:3px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink)}.owned,.owned-art{display:grid;overflow:hidden}.owned-art{justify-items:center;align-items:start;height:100%;max-height:13rem;min-height:11rem;padding:1.2rem 1.2rem 0;background:#eaf7f3;border-right:3px solid var(--ink);background-image:radial-gradient(rgba(30,42,58,.12) 1.2px,transparent 0);background-size:16px 16px}.owned-art .kf-wrap{max-width:9rem}.owned-art .kf{filter:drop-shadow(4px 4px 0 var(--ink))}.owned-art .unit{width:100%;padding:.8rem;box-shadow:4px 4px 0 var(--ink)}.owned-body{display:grid;align-content:center;grid-gap:.9rem;gap:.9rem;padding:1.4rem 1.6rem}.owned-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.2rem 1rem}.owned-head h2{margin:0;font-size:1.7rem}.downloads{display:flex;flex-wrap:wrap;gap:.8rem}.computers{display:grid;grid-gap:.4rem;gap:.4rem;padding-top:.9rem;border-top:2px dashed rgba(30,42,58,.18)}.computers p{margin:0}.computers ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:.3rem;gap:.3rem}.computers li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.2rem 1rem}.panel.install-help{margin-top:2rem;text-align:left}.install-help h2{margin-top:0}.install-help ol{margin:0;padding-left:1.3rem;display:grid;grid-gap:.6rem;gap:.6rem}.link-btn{padding:0;border:0;background:none;font:inherit;font-weight:700;color:var(--ink);text-decoration:underline;cursor:pointer}.link-btn:disabled{opacity:.6;cursor:default}.btn-small{padding:.5rem 1.1rem;font-size:.95rem;box-shadow:3px 3px 0 var(--ink)}.empty{margin-top:2rem}.empty h2{margin-bottom:.4rem}.buybox.owned-box{background:#eaf7f3}.owned-box .buybox-price{font-size:1.6rem}.legal h2{font-size:1.35rem;margin:2.2rem 0 .6rem}.legal ul{padding-left:1.2rem}.legal li{margin:.4rem 0}.legal a{font-weight:700}.lang-switch{margin:0 0 1rem}.lang-switch a{display:inline-block;padding:.2rem .8rem;border:2px solid var(--ink);border-radius:999px;background:var(--white);font-size:.9rem;text-decoration:none}.lang-switch a:hover{background:var(--mint)}.foot-links{display:flex;gap:1.2rem}.foot-links a{text-decoration:none;font-weight:700;color:var(--white)}.foot-links a:hover{text-decoration:underline}.socials{display:flex;gap:.6rem}.socials a{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--white);color:var(--ink);border:3px solid var(--white);box-shadow:3px 3px 0 #0e151f;transition:transform .1s,background .15s}.socials a:hover{background:var(--butter);transform:translate(-1px,-2px)}.socials svg{width:1.25rem;height:1.25rem}.small{font-size:.9rem}.crumb{display:inline-block;margin-bottom:2rem;font-weight:700;text-decoration:none;color:var(--soft)}.crumb:hover{color:var(--ink)}.product{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(2rem,5vw,4rem);gap:clamp(2rem,5vw,4rem);align-items:start}.product>*{min-width:0}.product .chips{margin-bottom:1rem}.sticker{position:absolute;z-index:1;top:-2.2rem;right:-2rem;width:6rem;height:6rem;display:grid;place-items:center;background:var(--butter);border:3px solid var(--ink);border-radius:50%;box-shadow:4px 4px 0 var(--ink);font-size:1.2rem;letter-spacing:-.02em;transform:rotate(10deg)}.card-art .kf .t-out,.owned-art .kf .t-out{stroke-width:4px}.features{list-style:none;padding:0;margin:1.4rem 0;display:grid;grid-gap:.5rem;gap:.5rem}.features li{position:relative;padding-left:2.1rem}.features li:before{content:"✓";position:absolute;left:0;top:.15rem;width:1.45rem;height:1.45rem;display:grid;place-items:center;background:var(--mint);border:2px solid var(--ink);border-radius:50%;font-size:.75rem;font-weight:800;line-height:1}.buybox{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.8rem;padding:1.2rem 1.4rem;background:var(--white);border:3px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink)}.buybox>div{display:grid}.buybox-price s,.price s{opacity:.55;font-size:.7em;text-decoration-thickness:2px}.sticker-sale{background:var(--red);color:var(--white);align-content:center;gap:0;line-height:1.05}.sticker-sale small{font-family:var(--body),sans-serif;font-weight:800;font-size:.68em}.sale-note{font-weight:800;color:#b3261e}.sale-banner{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .8rem;margin:0;padding:.6rem var(--gutter);text-align:center;background:var(--red);color:var(--white);border-bottom:3px solid var(--ink);font-weight:600;text-decoration:none}.sale-banner:hover .sale-go{text-decoration:underline}.sale-tag{font-family:var(--display),var(--body),sans-serif;font-size:1.05rem;padding:.05rem .7rem;background:var(--butter,#ffd66b);color:var(--ink);border:2.5px solid var(--ink);border-radius:999px;box-shadow:2px 2px 0 var(--ink);transform:rotate(-3deg);animation:sale-wiggle 2.4s ease-in-out infinite}@keyframes sale-wiggle{0%,80%,to{transform:rotate(-3deg)}85%{transform:rotate(4deg) scale(1.08)}90%{transform:rotate(-5deg) scale(1.08)}95%{transform:rotate(2deg)}}.sale-go{font-weight:800}@media (prefers-reduced-motion:reduce){.sale-tag{animation:none}}.buybox-price{font-size:2rem;line-height:1.1}.buybox .meta{font-size:.9rem}.buybox .note{display:block;font-weight:800;color:var(--ink)}.buybox .error{flex-basis:100%;margin:0}.consent{order:3;flex-basis:100%;display:flex;gap:.7rem;align-items:flex-start;padding-top:1rem;border-top:2px dashed rgba(30,42,58,.25);font-size:.9rem;color:var(--soft);cursor:pointer}.consent input{flex:none;width:1.3rem;height:1.3rem;margin:.1rem 0 0;accent-color:var(--ink);cursor:pointer}.consent a{color:var(--ink);font-weight:700}.buybox .error{order:4}.btn[aria-disabled=true]{opacity:.55}.code-toggle{padding:0;border:0;background:none;font:inherit;font-weight:700;color:var(--ink);text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.code-field,.code-toggle{order:3;flex-basis:100%;font-size:.9rem}.code-field{display:grid;grid-gap:.3rem;gap:.3rem;font-weight:800}.code-field input{font:inherit;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.55rem .9rem;border:3px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink);max-width:16rem}.code-field input:focus{outline:none;background:var(--white);box-shadow:3px 3px 0 var(--mint)}.panel{text-align:center;background:var(--white);border:3px solid var(--ink);border-radius:24px;box-shadow:8px 8px 0 var(--ink);padding:2.5rem clamp(1.2rem,5vw,2.5rem)}.panel .lead{margin-inline:auto}.done{display:inline-grid;place-items:center;width:4rem;height:4rem;margin-bottom:1rem;border:3px solid var(--ink);border-radius:50%;font-size:1.8rem}.done,.unit{background:var(--mint)}.unit{position:relative;border:3px solid var(--ink);border-radius:22px;box-shadow:8px 8px 0 var(--ink);padding:1.6rem}.screw{position:absolute;width:13px;height:13px;border:2px solid var(--ink);border-radius:50%;background:var(--white)}.screw:after{content:"";position:absolute;left:1px;right:1px;top:calc(50% - 1px);height:2px;background:var(--ink);transform:rotate(35deg)}.tl{top:9px;left:9px}.tr{top:9px;right:9px}.bl{left:9px}.bl,.br{bottom:9px}.br{right:9px}.unit-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 .5rem 1.3rem}.unit-name{font-size:1.4rem;line-height:1.1}.vu{position:relative;width:10.5rem;height:4.6rem;flex:none;overflow:hidden;background:#fff6d6;border:3px solid var(--ink);border-radius:12px}.vu:before{content:"";position:absolute;left:10%;right:10%;top:14%;height:150%;border:3px dashed var(--ink);border-radius:50%}.needle{position:absolute;left:calc(50% - 1.5px);bottom:-3px;width:3px;height:85%;background:var(--red);border-radius:2px;transform-origin:bottom center;transform:rotate(20deg);animation:sweep 1.8s ease-out .3s 1 both}@keyframes sweep{0%{transform:rotate(-55deg)}35%{transform:rotate(40deg)}60%{transform:rotate(-5deg)}to{transform:rotate(20deg)}}.knobs{display:flex;justify-content:space-around;gap:1rem;background:var(--white);border:3px solid var(--ink);border-radius:14px;padding:1.4rem .8rem 1rem}.knob-wrap{display:grid;justify-items:center;grid-gap:.5rem;gap:.5rem;font-weight:700;font-size:.9rem}.knob{position:relative;width:4.2rem;height:4.2rem;border:3px solid var(--ink);border-radius:50%;background:var(--mint);transform:rotate(var(--angle));transition:transform .5s cubic-bezier(.3,1.5,.5,1)}.knob:after{content:"";position:absolute;top:5px;left:calc(50% - 2px);width:4px;height:1.1rem;background:var(--ink);border-radius:2px}.knob-wrap:nth-child(2) .knob{background:var(--butter)}.knob-wrap:nth-child(3) .knob{background:var(--sky)}.unit:hover .knob{transform:rotate(calc(var(--angle) + 45deg))}.kf-wrap{width:100%;max-width:25rem}.kf{display:block;width:100%;height:auto;filter:drop-shadow(8px 8px 0 var(--ink))}.kf .d{font-family:var(--display),var(--body),sans-serif}.kf .b{font-family:var(--body),system-ui,sans-serif}.rc-wrap{max-width:none}.art:has(.rc-wrap),.hero-art:has(.rc-wrap){max-width:36rem}.card-art .rc-wrap,.owned-art .rc-wrap{max-width:100%}.bleep{display:inline-block;line-height:0}.bleep svg{width:100%;height:auto;overflow:visible}.bleep-md{width:8rem}.bleep-lg{width:10rem}.bleep-xl{width:clamp(9rem,22vw,15rem)}.bleep-panel .bleep{display:block;margin:0 auto .6rem}.meet-bleep{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:1rem 2.5rem;gap:1rem 2.5rem;background:#fff6d6;border:3px solid var(--ink);border-radius:24px;box-shadow:8px 8px 0 var(--ink);padding:1.8rem clamp(1.2rem,4vw,2.6rem)}.meet-bleep h2{margin:0 0 .6rem}.meet-bleep p{margin:0 0 .8rem;max-width:38rem}.catchphrase{font-family:var(--display),var(--body),sans-serif;font-size:clamp(1.3rem,3vw,1.7rem);line-height:1.2}@media (max-width:640px){.meet-bleep{grid-template-columns:1fr;justify-items:center;text-align:center}}.newsletter{display:grid;grid-template-columns:auto 1fr minmax(0,26rem);align-items:center;grid-gap:1rem 2rem;gap:1rem 2rem;background:var(--sky);border:3px solid var(--ink);border-radius:24px;box-shadow:8px 8px 0 var(--ink);padding:1.6rem clamp(1.2rem,4vw,2.2rem)}.newsletter h2{margin:0 0 .3rem;font-size:clamp(1.5rem,3vw,2rem)}.newsletter p{margin:0}.newsletter form{display:flex;flex-wrap:wrap;gap:.6rem}.newsletter input[type=email]{flex:1 1 12rem;min-width:0;font:inherit;font-weight:500;padding:.75rem 1rem;border:3px solid var(--ink);border-radius:999px;background:var(--white);color:var(--ink)}.newsletter input[type=email]:focus{outline:none;box-shadow:3px 3px 0 var(--butter)}.newsletter .error{flex-basis:100%}.newsletter-done{font-weight:800}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.newsletter-bleep{width:6.5rem;margin:-.4rem 0}@media (max-width:760px){.newsletter{grid-template-columns:auto 1fr}.newsletter form,.newsletter-done{grid-column:1/-1}.newsletter-bleep{width:4.8rem}}.admin{margin-top:2.5rem}.admin-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.5rem;margin-bottom:1.4rem}.admin-head h1{font-size:clamp(2rem,5vw,2.8rem);margin:0}.admin-tabs{gap:.3rem}.admin-bar,.admin-tabs{display:flex;flex-wrap:wrap}.admin-bar{align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:1.2rem}.range-picker{display:flex;flex-wrap:wrap;gap:.35rem}.chip-link{padding:.2rem .8rem;border:2px solid var(--ink);border-radius:999px;background:var(--white);font-size:.9rem;font-weight:800;text-decoration:none;white-space:nowrap}.chip-link:hover{background:#eaf7f3}.chip-link.active{background:var(--ink);color:var(--white)}.live{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;color:var(--soft);font-size:.95rem}.live:before{content:"";width:.65rem;height:.65rem;border-radius:50%;background:#c5ced8;border:2px solid var(--ink)}.live.on{color:var(--ink)}.live.on:before{background:#3ccf7a;animation:live 1.6s ease-in-out infinite}@keyframes live{50%{transform:scale(1.35)}}.admin-alert{background:#fff6d6;border:3px solid var(--ink);border-radius:16px;padding:.8rem 1.1rem;margin:0 0 1.2rem}.admin-ok{color:#1d7a4c;font-weight:700;margin:.6rem 0 0}.admin code{font-size:.88em;background:#eef2f6;border-radius:6px;padding:.05rem .35rem;overflow-wrap:anywhere}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));grid-gap:.9rem;gap:.9rem;margin-bottom:1.2rem}.stat{display:grid;grid-gap:.1rem;gap:.1rem;align-content:start;background:var(--white);border:3px solid var(--ink);border-radius:18px;box-shadow:4px 4px 0 var(--ink);padding:.85rem 1.05rem}.stat.butter{background:var(--butter)}.stat.mint{background:var(--mint)}.stat.sky{background:var(--sky)}.stat-label{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.stat strong{font-family:var(--display),var(--body),sans-serif;font-weight:400;font-size:2rem;line-height:1.15}.trend{justify-self:start;font-size:.8rem;font-weight:800;padding:0 .45rem;border-radius:999px;background:rgba(255,255,255,.7);border:2px solid var(--ink)}.trend.up{color:#1d7a4c}.trend.down{color:#b3261e}.trend.same{color:var(--soft)}.stat .meta{font-size:.85rem;color:rgba(30,42,58,.72)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-gap:1.2rem;gap:1.2rem;margin-bottom:1.2rem}.admin-grid.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}.admin-grid>.admin-card{margin:0}.admin-card{overflow-x:auto;background:var(--white);border:3px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink);padding:1.1rem 1.25rem 1.2rem;margin-bottom:1.2rem;min-width:0}.admin-card h2{font-size:1.3rem;margin:0 0 .8rem}.admin-card h3{font-family:var(--body),sans-serif;font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;margin:1rem 0 .3rem}.bars-wrap{display:grid;grid-gap:.3rem;gap:.3rem}.bars{height:9rem;display:flex;align-items:flex-end;gap:clamp(1px,calc(12rem / var(--n)),6px);border-bottom:3px solid var(--ink)}.bars span{flex:1 1;min-width:0;border:2px solid var(--ink);border-bottom:0;border-radius:5px 5px 0 0}.bars span:hover{filter:brightness(.9)}.bars span.zero{border:0}.bars-empty{height:9rem;display:flex;align-items:center;justify-content:center;border:2px dashed #c5ced8;border-radius:12px}.bars-axis{display:flex;justify-content:space-between;font-size:.8rem}.table-scroll{margin:0 -.3rem;padding:0 .3rem}.admin-table{width:100%;border-collapse:collapse;font-size:.93rem}.admin-table th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--soft);padding:.35rem .6rem;border-bottom:2px solid var(--ink);white-space:nowrap}.admin-table td{padding:.5rem .6rem;border-bottom:1px solid #e3e8ee;vertical-align:middle}.admin-table tr:last-child td{border-bottom:0}.admin-table form{margin:0;display:inline}.admin-table .muted td{color:var(--soft)}.nowrap,.tag{white-space:nowrap}.tag{display:inline-block;margin-left:.4rem;padding:0 .5rem;border:2px solid var(--ink);border-radius:999px;font-size:.72rem;font-weight:800;background:#eef2f6;vertical-align:.1em}.tag.red{background:#ffd9db}.link-btn.danger{color:#b3261e}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em}.top-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.3rem;gap:.3rem}.top-list li{position:relative;display:flex;justify-content:space-between;gap:1rem;padding:.25rem .6rem;border-radius:8px;z-index:0;font-size:.93rem}.top-list li:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:#eaf7f3;border-radius:8px;z-index:-1}.top-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed{list-style:none;margin:0 0 .8rem;padding:0}.feed li{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;grid-gap:.7rem;gap:.7rem;padding:.45rem 0;border-bottom:1px solid #e3e8ee;font-size:.93rem}.feed li:last-child{border-bottom:0}.feed-text{min-width:0;overflow-wrap:anywhere}.feed time{font-size:.82rem;white-space:nowrap}.feed-dot{width:.7rem;height:.7rem;border-radius:50%;border:2px solid var(--ink);background:#c5ced8;transform:translateY(.05rem)}.feed-sale .feed-dot{background:var(--butter)}.feed-gift .feed-dot{background:#ff9ecf}.feed-account .feed-dot{background:var(--sky)}.feed-unlock .feed-dot{background:var(--mint)}.feed-download .feed-dot{background:#b9a6ff}.admin-form fieldset{border:0;margin:0;padding:0;display:grid;grid-gap:.75rem;gap:.75rem;justify-items:start;min-width:0}.admin-form fieldset:disabled{opacity:.6}.admin-form fieldset fieldset{width:100%}.admin-form label{display:grid;grid-gap:.2rem;gap:.2rem;font-weight:700;font-size:.9rem;width:100%}.admin-form input:not([type=checkbox]):not([type=radio]),.admin-form select,.search input{font:inherit;font-weight:500;padding:.5rem .75rem;border:3px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink);width:100%;min-width:0}.admin-form input:focus,.admin-form select:focus,.search input:focus{outline:none;background:var(--white);box-shadow:3px 3px 0 var(--mint)}.admin-form textarea{font:inherit;font-weight:500;padding:.6rem .75rem;border:3px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink);width:100%;resize:vertical}.admin-form textarea:focus{outline:none;background:var(--white);box-shadow:3px 3px 0 var(--mint)}.actions-row{display:flex;flex-wrap:wrap;gap:.7rem}.admin-form .upper{text-transform:uppercase;letter-spacing:.04em}.admin-form .upper::placeholder{text-transform:none;letter-spacing:0}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));grid-gap:.6rem;gap:.6rem;width:100%}.admin-form .check{display:flex;align-items:center;gap:.5rem;font-weight:600;width:auto}.admin-form .check input{width:1.1rem;height:1.1rem;accent-color:var(--ink);margin:0}.admin-form .for{display:grid;grid-gap:.35rem;gap:.35rem}.admin-form .for legend{font-weight:700;font-size:.9rem;margin-bottom:.2rem;padding:0}.plugin-picks{display:flex;flex-wrap:wrap;gap:.3rem 1rem;padding-left:1.6rem}.admin-form:has(input[value=all]:checked) .plugin-picks{opacity:.4;pointer-events:none}.tag.mint{background:var(--mint)}.tag.sky{background:var(--sky)}.sale-box{border-top:2px dashed #c5ced8!important;padding-top:.7rem!important}.admin-form:not(:has(input[name=auto]:checked)) .sale-label{display:none}.tips{margin:0;padding-left:1.2rem;display:grid;grid-gap:.5rem;gap:.5rem}.search{display:flex;gap:.5rem;margin-top:.8rem}.people{list-style:none;margin:0;padding:0}.people>li{border-bottom:1px solid #e3e8ee}.people>li:last-child{border-bottom:0}.people summary{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .9rem;padding:.6rem 0;cursor:pointer;list-style:none}.people summary::-webkit-details-marker{display:none}.people summary:before{content:"▸";font-size:.8rem;transition:transform .15s}.people details[open] summary:before{transform:rotate(90deg)}.person-email{font-weight:700;overflow-wrap:anywhere}.people summary .meta{margin-left:auto}.person-body{padding:0 0 1rem 1.3rem}.person-body h3:first-child{margin-top:0}@media (max-width:860px){.product,.slide{grid-template-columns:1fr}.slide{align-content:start;gap:1.5rem}.carousel .hero-art:not(:has(.rc-wrap)){max-width:14rem}.requirements div,.steps,.values{grid-template-columns:1fr}.requirements div{gap:.2rem}.bar-inner,.nav{flex-wrap:wrap}.nav{order:3;width:100%;justify-content:space-between;row-gap:.5rem}.tabs{flex-wrap:wrap}.hero-art{margin-top:1rem}.art,.hero-art{max-width:21rem}.sticker{width:4.8rem;height:4.8rem;font-size:.95rem;top:-2.4rem;right:-.6rem}.kf .t-out{stroke-width:4px}}@media (max-width:520px){.admin-card{padding:.9rem .9rem 1rem;box-shadow:4px 4px 0 var(--ink)}.stats{grid-template-columns:1fr 1fr;gap:.6rem}.stat strong{font-size:1.6rem}.people summary .meta{margin-left:0;width:100%}.person-body{padding-left:0}.tab{padding:.3rem .6rem;font-size:.95rem}.owned{grid-template-columns:1fr}.owned-art{min-height:0;max-height:10rem;border-right:0;border-bottom:3px solid var(--ink)}.logo{font-size:1.25rem}.actions .btn{flex:1 1 100%;text-align:center}.unit-head{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dot-fill,.hero-art .kf-wrap,.needle{animation:none}.dot-fill{transform:scaleX(1)}.btn,.card,.card-art .kf-wrap,.knob,.logo-knob,.nav-pill,.slide,.slide .hero-copy{transition:none}}@media (max-width:600px){.sale-banner{font-size:.88rem;padding:.5rem var(--gutter)}.sale-go{display:none}}.cart-link{position:relative;display:inline-grid;place-items:center;width:2.7rem;height:2.7rem;border:3px solid var(--ink);border-radius:50%;background:var(--white);color:var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .15s,background .15s}.cart-link:hover{background:var(--butter);transform:translate(-1px,-1px)}.cart-count{position:absolute;top:-.55rem;right:-.6rem;min-width:1.45rem;height:1.45rem;padding:0 .3rem;display:grid;place-items:center;border:2.5px solid var(--ink);border-radius:999px;background:var(--red);color:var(--white);font-size:.78rem;font-weight:800;line-height:1}.cart-count.hop{animation:cart-hop .5s cubic-bezier(.3,1.6,.5,1)}@keyframes cart-hop{0%{transform:scale(.4)}60%{transform:scale(1.35) rotate(-8deg)}to{transform:scale(1)}}.btn-cart{order:5;flex-basis:100%;justify-content:center;text-align:center}.btn-cart.in-cart{background:#eaf7f3}.btn-cart.bump{animation:cart-bump .45s cubic-bezier(.3,1.6,.5,1)}@keyframes cart-bump{0%{transform:scale(.92)}60%{transform:scale(1.04)}to{transform:scale(1)}}.cart h1{margin-bottom:.4rem}.cart-list{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;grid-gap:1rem;gap:1rem}.cart-item{display:grid;grid-template-columns:8.5rem 1fr auto auto;grid-gap:1.1rem;gap:1.1rem;align-items:center;padding:.9rem 1.1rem;background:var(--white);border:3px solid var(--ink);border-radius:20px;box-shadow:5px 5px 0 var(--ink)}.cart-art .kf-wrap{max-width:100%}.cart-name{display:grid}.cart-name a{color:var(--ink);text-decoration:none;font-size:1.15rem}.cart-price{font-weight:800;white-space:nowrap}.cart-price s{opacity:.55;font-weight:600;margin-right:.3rem}.cart-remove{width:2.2rem;height:2.2rem;border:2.5px solid var(--ink);border-radius:50%;background:var(--white);font-size:1.3rem;line-height:1;font-weight:800;cursor:pointer}.cart-remove:hover{background:#ffd9db}.cart-box{align-items:flex-start}.cart-actions{flex:1 1 24rem;gap:.9rem}.cart-actions .consent{padding-top:0;border-top:0}.cart-actions .btn{justify-self:start}.cart-progress{margin:0;font-weight:700;color:var(--ink)}.cart-manual{padding:.8rem 1rem;border:2.5px dashed var(--ink);border-radius:14px;background:#fff8e1}.cart-manual p{margin:0 0 .4rem}.cart-manual a{font-weight:800;color:var(--ink)}@media (max-width:600px){.cart-item{grid-template-columns:5.5rem 1fr auto}.cart-price{grid-column:2}.cart-remove{grid-row:1;grid-column:3}.cart-link{width:2.4rem;height:2.4rem}}.signup-consent{order:0;padding-top:0;border-top:0}.deals-toggle{display:inline-flex;align-items:center;gap:.6rem;margin:-.4rem 0 1.2rem;font-weight:700;cursor:pointer}.deals-toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:1.6rem;border:3px solid var(--ink);border-radius:999px;background:var(--white);position:relative;cursor:pointer;transition:background .2s;flex:none}.deals-toggle input:after{content:"";position:absolute;top:.12rem;left:.15rem;width:1rem;height:1rem;border-radius:50%;background:var(--ink);transition:transform .25s cubic-bezier(.3,1.5,.5,1)}.deals-toggle input:checked{background:var(--mint)}.deals-toggle input:checked:after{transform:translateX(1.15rem)}.cart-actions>*{order:0}.cart-actions .btn{order:1}.cart-actions .cart-manual,.cart-actions .cart-progress,.cart-actions .error{order:2}.deals-toggle small{font-weight:500;color:var(--soft)}.card-slot{position:relative}.quick-add{position:absolute;z-index:2;top:.8rem;right:.8rem;display:grid;place-items:center;width:2.9rem;height:2.9rem;padding:0;border:3px solid var(--ink);border-radius:50%;background:var(--butter);color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.quick-add:hover{transform:translate(-2px,-2px) rotate(-6deg);box-shadow:5px 5px 0 var(--ink)}.quick-add:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.quick-add.in{background:var(--mint)}.quick-add.pop{animation:quick-pop .45s cubic-bezier(.3,1.6,.5,1)}@keyframes quick-pop{0%{transform:scale(.7)}60%{transform:scale(1.18) rotate(8deg)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.quick-add.pop{animation:none}}.free-actions{display:grid;grid-gap:.4rem;gap:.4rem;justify-items:start}.free-actions .meta a{color:var(--ink);font-weight:700}.tools-hero{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:2rem;gap:2rem}.tools-hero .bleep{animation:float 6s ease-in-out infinite}@media (max-width:700px){.tools-hero{grid-template-columns:1fr}.tools-hero .bleep{justify-self:center;width:10rem}}.tool-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));grid-gap:1.5rem;gap:1.5rem}.tool-card{display:flex;flex-direction:column;gap:.6rem;height:100%;padding:1.4rem 1.5rem;background:var(--white);border:3px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}a.tool-card:hover{transform:translate(-3px,-3px) rotate(-.4deg);box-shadow:9px 9px 0 var(--ink)}.tool-card strong{font-family:var(--display),sans-serif;font-weight:400;font-size:1.4rem;line-height:1.15}.tool-card>span:not(.tool-art):not(.card-more){color:var(--soft)}.tool-soon{border-style:dashed;box-shadow:none;background:transparent;justify-content:center}.tool-art{display:grid;place-items:center;height:9rem;margin:-1.4rem -1.5rem .6rem;background:var(--tool);border-bottom:3px solid var(--ink);border-radius:17px 17px 0 0;background-image:radial-gradient(rgba(30,42,58,.14) 1.2px,transparent 0);background-size:16px 16px}.tool-icon{width:6.5rem;filter:drop-shadow(4px 4px 0 var(--ink));transition:transform .4s cubic-bezier(.3,1.6,.5,1)}a.tool-card:hover .tool-icon{transform:rotate(-12deg) scale(1.08)}.tool-needle{transform-origin:60px 92px;animation:tick 1s ease-in-out infinite alternate}@keyframes tick{0%{transform:rotate(-38deg)}to{transform:rotate(0deg)}}.tool-head{margin-top:2.5rem}.tool-head h1{margin-bottom:.6rem}.tool-body{margin-top:1.5rem}.prose p{color:var(--soft);font-size:1.08rem}.faq details{border:3px solid var(--ink);border-radius:16px;background:var(--white);margin-bottom:.8rem;box-shadow:4px 4px 0 var(--ink)}.faq summary{cursor:pointer;list-style:none;padding:.9rem 1.2rem;font-weight:800;display:flex;gap:.7rem}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"+";display:grid;place-items:center;flex:none;width:1.5rem;height:1.5rem;border:2px solid var(--ink);border-radius:50%;background:var(--mint);font-weight:900;line-height:1;transition:transform .25s}.faq details[open] summary:before{transform:rotate(45deg);background:var(--butter)}.faq details p{margin:0;padding:0 1.2rem 1rem 3.4rem;color:var(--soft)}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .75rem;border:2px solid var(--ink);border-radius:999px;background:var(--white);font:inherit;font-size:.9rem;font-weight:800;color:var(--ink);white-space:nowrap}.chip-mint{background:var(--mint)}.chip-btn{cursor:pointer;box-shadow:2px 2px 0 var(--ink);transition:transform .1s,box-shadow .1s,background .15s}.chip-btn:hover{background:#eaf7f3;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.chip-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.chip-on{background:var(--butter)}.dropzone{position:relative;display:flex;align-items:center;gap:1.5rem;padding:1.6rem clamp(1rem,4vw,2.2rem);background:var(--white);border:3px dashed var(--ink);border-radius:24px;cursor:pointer;overflow:hidden;transition:transform .2s cubic-bezier(.3,1.6,.5,1),background .2s,box-shadow .2s}.dropzone:hover{background:#f3fbf8}.dropzone.drag{transform:scale(1.02) rotate(-.5deg);background:#eaf7f3;border-style:solid;box-shadow:8px 8px 0 var(--ink)}.dropzone.busy{border-style:solid;cursor:progress}.drop-bleep{width:6.5rem;flex:none;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.dropzone.drag .drop-bleep{transform:scale(1.12) translateY(-4px)}.dropzone.busy .drop-bleep{animation:listen-bob .9s ease-in-out infinite}@keyframes listen-bob{50%{transform:rotate(-6deg) translateY(-3px)}}.drop-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.drop-text strong{font-size:1.3rem;overflow-wrap:anywhere}.drop-progress{position:absolute;left:0;right:0;bottom:0;height:8px;background:rgba(30,42,58,.08)}.drop-progress span{display:block;height:100%;background:repeating-linear-gradient(-45deg,var(--mint) 0 10px,#5fc4ad 10px 20px);background-size:28px 100%;animation:stripes .6s linear infinite;transition:width .2s}@keyframes stripes{to{background-position:28px 0}}@media (max-width:560px){.dropzone{flex-direction:column;text-align:center}.drop-bleep{width:5rem}}.kbf-private{margin:.7rem 0 0;font-size:.92rem}.kbf-result{margin-top:2rem;padding:clamp(1.2rem,4vw,2rem);background:var(--white);border:3px solid var(--ink);border-radius:24px;box-shadow:8px 8px 0 var(--ink);animation:result-in .5s cubic-bezier(.3,1.4,.5,1)}@keyframes result-in{0%{opacity:0;transform:translateY(18px) scale(.97)}}.kbf-file{margin:0 0 .8rem;font-weight:700;overflow-wrap:anywhere}.kbf-big{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:760px){.kbf-big{grid-template-columns:1fr 1fr}.kbf-key{grid-column:1/-1}}.kbf-stat{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.2rem;border:3px solid var(--ink);border-radius:18px;background:#f3fbf8}.kbf-key{background:var(--butter)}.kbf-label{font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}.kbf-key .kbf-label{color:var(--ink)}.kbf-stat strong{font-family:var(--display),sans-serif;font-weight:400;font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.05;animation:pop-in .6s cubic-bezier(.3,1.8,.5,1) both}.kbf-stat:nth-child(2) strong{animation-delay:.1s}.kbf-stat:nth-child(3) strong{animation-delay:.2s}@keyframes pop-in{0%{transform:scale(.4);opacity:0}}.kbf-stat strong small{font-size:.45em;font-family:var(--body),sans-serif;font-weight:800}.kbf-stat .meta{font-size:.88rem;line-height:1.35}.kbf-bpm{display:flex;align-items:center;gap:.5rem}.beat-dot{width:.45em;height:.45em;flex:none;border-radius:50%;background:var(--red);border:2px solid var(--ink);animation:beat .5s ease-out infinite}@keyframes beat{0%{transform:scale(1.35)}40%,to{transform:scale(.8);opacity:.6}}.kbf-none{color:var(--soft)}.kbf-chips{gap:.4rem}.kbf-actions,.kbf-chips{display:flex;flex-wrap:wrap}.kbf-actions{gap:.7rem;margin:1.2rem 0 .8rem}.kbf-alt{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.kbf-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-top:1.4rem}@media (max-width:960px){.kbf-grid{grid-template-columns:1fr 1fr}.kbf-grid>:nth-child(2){grid-row:span 2}}@media (max-width:640px){.kbf-grid{grid-template-columns:1fr}.kbf-grid>:nth-child(2){grid-row:auto}}.kbf-card{padding:1.1rem 1.2rem;border:3px solid var(--ink);border-radius:18px;min-width:0}.kbf-card h3{font-size:1.1rem;margin-bottom:.8rem}.kbf-sub{margin-top:1.2rem}.kbf-tip{font-size:.86rem;margin:.6rem 0 0}.fifths{display:block;width:100%;max-width:17rem;margin:0 auto;overflow:visible}.fifths .ring{fill:#f3fbf8;stroke:var(--ink);stroke-width:3}.fifths .ring-in{fill:#fff}.fifths .ring-core{fill:var(--mint)}.fifths .fk circle{fill:var(--white);stroke:var(--ink);stroke-width:2.5;transition:fill .3s}.fifths .fk text{text-anchor:middle;font-weight:800;fill:var(--ink);font-family:var(--body),sans-serif}.fifths .fk.near circle{fill:#c9eee5}.fifths .fk.on circle{fill:var(--butter);stroke-width:3.5}.fifths .fk.on{animation:fk-pop .7s cubic-bezier(.3,1.8,.5,1) both}@keyframes fk-pop{0%{scale:.5}60%{scale:1.25}to{scale:1.08}}.pkeys{position:relative;height:7.5rem;border:3px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--ink)}.pkey{position:absolute;top:0;bottom:0;padding:0 0 .35rem;border:0;border-right:2px solid var(--ink);background:var(--white);cursor:pointer;display:flex;align-items:flex-end;justify-content:center;font:inherit;font-size:.72rem;font-weight:800;color:var(--soft);transition:background .15s,transform .08s}.pkey.in{background:#c9eee5;color:var(--ink)}.pkey.root{background:var(--butter)}.pkey.black{bottom:40%;z-index:1;background:var(--ink);border:2px solid var(--ink);border-radius:0 0 5px 5px}.pkey.black.in{background:#3f8f7e}.pkey.black.root{background:#d9a92c}.pkey:active{transform:translateY(2px);filter:brightness(.92)}.kbf-chords{display:flex;flex-wrap:wrap;gap:.45rem}.kbf-chords .chord{display:flex;flex-direction:column;align-items:center;min-width:3.4rem;padding:.35rem .5rem;border:2px solid var(--ink);border-radius:12px;background:var(--white);font:inherit;font-weight:800;color:var(--ink);cursor:pointer;box-shadow:2px 2px 0 var(--ink);animation:pop-in .5s cubic-bezier(.3,1.8,.5,1) both;transition:transform .1s,box-shadow .1s,background .15s}.kbf-chords .chord:hover{background:var(--mint);transform:translate(-1px,-2px);box-shadow:3px 4px 0 var(--ink)}.kbf-chords .chord:active{transform:translate(2px,2px);box-shadow:none}.chord-n{font-size:.72rem;color:var(--soft)}.chroma{display:flex;gap:3px;height:10rem;align-items:stretch}.chroma-bar{flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.3rem;min-width:0}.chroma-bar span{width:100%;background:#d5dde6;border:2px solid var(--ink);border-radius:5px 5px 2px 2px;transform-origin:bottom;animation:grow .7s cubic-bezier(.3,1.4,.5,1) both}.chroma-bar.in span{background:var(--mint)}.chroma-bar em{font-style:normal;font-size:.66rem;font-weight:800}@keyframes grow{0%{transform:scaleY(0)}}.kbf-promo{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:1.2rem;gap:1.2rem;margin-top:1.6rem;padding:1.1rem 1.4rem;background:var(--sky);border:3px solid var(--ink);border-radius:20px;box-shadow:5px 5px 0 var(--ink)}.kbf-promo strong{font-size:1.15rem}.kbf-promo p{margin:.2rem 0 0}.kbf-promo-bleep{width:4.8rem}.promo-btns{display:flex;flex-wrap:wrap;gap:.6rem}@media (max-width:700px){.kbf-promo{grid-template-columns:auto 1fr}.kbf-promo>:last-child{grid-column:1/-1}}.kbf-list{margin-top:2rem}.kbf-list table,.times{width:100%;border-collapse:separate;border-spacing:0;background:var(--white);border:3px solid var(--ink);border-radius:16px;overflow:hidden}.kbf-list td,.kbf-list th,.times td,.times th{padding:.6rem .9rem;text-align:left;border-bottom:2px solid #e2e8ee}.kbf-list thead th,.times thead th{background:var(--ink);color:var(--white);font-size:.85rem;letter-spacing:.04em}.kbf-list tbody tr{cursor:pointer;animation:result-in .35s ease-out both}.kbf-list tbody tr:hover{background:#f3fbf8}.kbf-list tbody tr.on{background:#fff3cf}.kbf-list tr:last-child td,.times tr:last-child td,.times tr:last-child th{border-bottom:0}.kbf-name{max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.tempo-top{display:grid;grid-template-columns:auto 1fr;grid-gap:clamp(1.2rem,4vw,2.5rem);gap:clamp(1.2rem,4vw,2.5rem);align-items:center}@media (max-width:700px){.tempo-top{grid-template-columns:1fr;justify-items:center}.tempo-panel{width:100%}}.tap{position:relative;width:14rem;height:14rem;border-radius:50%;border:4px solid var(--ink);background:var(--butter);box-shadow:8px 8px 0 var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font:inherit;color:var(--ink);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:box-shadow .08s,transform .08s}.tap:active{transform:translate(5px,5px);box-shadow:3px 3px 0 var(--ink)}.tap.hit-a{animation:tap-hit-a .35s cubic-bezier(.3,1.8,.5,1)}.tap.hit-b{animation:tap-hit-b .35s cubic-bezier(.3,1.8,.5,1)}@keyframes tap-hit-a{0%{scale:.9;background:var(--mint)}to{scale:1}}@keyframes tap-hit-b{0%{scale:.9;background:var(--mint)}to{scale:1}}.tap-ring{position:absolute;inset:-4px;border-radius:50%;border:4px solid var(--ink);opacity:0;animation:ring-out .5s ease-out infinite;pointer-events:none}@keyframes ring-out{0%{transform:scale(1);opacity:.45}to{transform:scale(1.25);opacity:0}}.tap-label{font-family:var(--display),sans-serif;font-size:3.2rem;line-height:1}.tap-hint{font-size:.9rem;font-weight:700;color:var(--soft);margin-top:.4rem}.tempo-panel{padding:1.4rem 1.6rem;background:var(--white);border:3px solid var(--ink);border-radius:22px;box-shadow:6px 6px 0 var(--ink)}.bpm-row{display:flex;align-items:center;gap:.8rem;margin:.3rem 0 .6rem}.nudge{width:3rem;height:3rem;flex:none;border-radius:50%;border:3px solid var(--ink);background:var(--mint);font:inherit;font-size:1.6rem;font-weight:900;line-height:1;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .08s,box-shadow .08s}.nudge:active{transform:translate(3px,3px);box-shadow:none}.bpm-input{display:flex;align-items:baseline;gap:.4rem;min-width:0}.bpm-input input{width:100%;max-width:11rem;min-width:0;border:0;border-bottom:4px solid var(--ink);background:transparent;font-family:var(--display),sans-serif;font-size:clamp(2.6rem,8vw,4rem);line-height:1.1;color:var(--ink);text-align:center;-moz-appearance:textfield}.bpm-input input::-webkit-inner-spin-button,.bpm-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bpm-input input:focus{outline:none;border-color:var(--red)}.bpm-input span{font-weight:800}.bpm-slider{width:100%;accent-color:var(--ink);margin:.2rem 0 .8rem}.tempo-btns{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}.tempo-panel .meta{margin:0}.tempo-section{margin-top:2.8rem}.tempo-section h2{margin-bottom:.4rem}.tempo-section .section-head{margin-bottom:.4rem;align-items:center}.tempo-section>.meta{margin:0 0 1rem}.unit-toggle{display:inline-flex;border:3px solid var(--ink);border-radius:999px;overflow:hidden;background:var(--white)}.unit-toggle button{border:0;background:transparent;font:inherit;font-weight:800;padding:.3rem .9rem;cursor:pointer;color:var(--ink)}.unit-toggle button.on{background:var(--ink);color:var(--white)}.table-scroll{overflow-x:auto;border-radius:16px}.times{min-width:34rem}.times tbody th{font-weight:400;white-space:nowrap}.times tbody th .meta{font-size:.85rem;margin-left:.3rem}.times td{padding:.35rem .5rem}.times .time{width:100%;min-width:6rem;padding:.4rem .6rem;border:2px solid transparent;border-radius:10px;background:transparent;font:inherit;font-weight:800;font-size:1.05rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink);text-align:left;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.times .time small{font-size:.75rem;color:var(--soft);margin-left:.2rem}.times .time:hover{background:#eaf7f3;border-color:var(--ink)}.times .time:active{transform:scale(.96)}.times .time.copied{background:var(--mint);border-color:var(--ink);animation:pop-in .3s cubic-bezier(.3,1.8,.5,1)}.times tbody tr:nth-child(3){background:#fff8e1}@media (prefers-reduced-motion:reduce){.beat-dot,.chroma-bar span,.drop-progress span,.dropzone.busy .drop-bleep,.fifths .fk.on,.kbf-chords .chord,.kbf-list tbody tr,.kbf-result,.kbf-stat strong,.tap-ring,.tap.hit-a,.tap.hit-b,.tool-needle,.tools-hero .bleep{animation:none}}.tool-head .crumb{display:block;margin-bottom:1.2rem}.fifths .fifths-key{text-anchor:middle;font-family:var(--display),sans-serif;fill:var(--ink)}.fifths .fk{transform-box:fill-box;transform-origin:center}@media (max-width:600px){.times{min-width:0}.times tbody th .meta{display:none}.kbf-list td,.kbf-list th,.times td,.times th{padding:.45rem .4rem}.times .time{min-width:0;padding:.35rem .3rem;font-size:.95rem}.times .time small{display:block;margin:0}.kbf-name{max-width:8rem}}.tempo-jump{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}.tempo-jump a{text-decoration:none;background:#eaf7f3}.tempo-section{scroll-margin-top:6rem}.free-pack{margin:-.4rem 0 1.2rem;padding:.8rem 1rem;background:var(--butter);border:3px solid var(--ink);border-radius:14px;box-shadow:3px 3px 0 var(--ink)}.free-pack p{margin:0}.welcome-banner{display:flex;align-items:center;gap:1.2rem;margin:0 0 1.8rem;padding:1rem 1.4rem;background:var(--mint);border:3px solid var(--ink);border-radius:20px;box-shadow:5px 5px 0 var(--ink);animation:result-in .6s cubic-bezier(.3,1.4,.5,1)}.welcome-banner strong{font-family:var(--display),sans-serif;font-weight:400;font-size:1.5rem}.welcome-banner p{margin:.2rem 0 0}.welcome-bleep{width:5rem;flex:none}.pack-cta{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;grid-gap:2rem;gap:2rem;padding:clamp(1.4rem,4vw,2.4rem);background:var(--butter);border:3px solid var(--ink);border-radius:26px;box-shadow:8px 8px 0 var(--ink);overflow:hidden}.pack-cta h2{margin:0 0 .6rem}.pack-cta .eyebrow{margin-bottom:.8rem}.pack-text p:not(.eyebrow){margin:0 0 1.3rem;font-size:1.1rem}.pack-art{display:flex;align-items:center;justify-content:center;padding:.5rem 0}.pack-art>span{flex:0 0 52%;filter:drop-shadow(5px 5px 0 var(--ink));transition:transform .4s cubic-bezier(.3,1.6,.5,1)}.pack-a{transform:rotate(-6deg);margin-right:-8%;z-index:1}.pack-b{transform:rotate(5deg)}.pack-cta:hover .pack-a{transform:rotate(-10deg) translateY(-6px)}.pack-cta:hover .pack-b{transform:rotate(9deg) translateY(-6px)}@media (max-width:760px){.pack-cta{grid-template-columns:1fr}.pack-art{max-width:22rem;width:100%;justify-self:center}}.street{position:relative;height:10.5rem;margin-top:5rem;background:#c8d3dc;border-top:3px solid var(--ink);overflow:hidden;background-image:repeating-linear-gradient(90deg,transparent 0 7.5rem,rgba(30,42,58,.1) 7.5rem 7.75rem),linear-gradient(#d5dee6,#bccad5)}.street+.foot{margin-top:0}.street:after{content:"";position:absolute;left:0;right:0;bottom:2.2rem;height:6px;background:repeating-linear-gradient(90deg,var(--butter) 0 3rem,transparent 3rem 6rem);opacity:.8}.street-bleep{position:absolute;left:calc(50% - 15rem);bottom:1.4rem;width:6.5rem;transition:transform .3s}.street:hover .street-bleep{transform:translateX(-10px) rotate(-6deg)}.manhole{position:absolute;left:50%;bottom:2.6rem;width:11rem;height:4.2rem;margin-left:-5.5rem;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.manhole-hole{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#0b0910 55%,#1d1626);border:4px solid var(--ink)}.manhole-glow{position:absolute;left:-12%;right:-12%;top:35%;height:70%;border-radius:50%;background:#b6ff3b;filter:blur(14px);opacity:.55;animation:hole-glow 2.2s ease-in-out infinite}@keyframes hole-glow{50%{opacity:.85;transform:scaleX(1.06)}}.manhole-lid{position:absolute;inset:-2px 0 2px;border-radius:50%;background:radial-gradient(ellipse at 45% 35%,#8f99a6,#4d5664 70%);border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink);transition:transform .6s cubic-bezier(.5,-.4,.4,1.2)}.manhole-lid span{position:absolute;inset:.55rem 1.1rem;border-radius:50%;border:3px solid #2e3540;background:repeating-linear-gradient(90deg,transparent 0 .7rem,rgba(15,12,20,.35) .7rem .95rem)}.manhole:focus-visible .manhole-lid,.manhole:hover .manhole-lid{animation:lid-rattle .28s linear infinite}@keyframes lid-rattle{0%{transform:translate(0) rotate(0)}25%{transform:translate(-2px,-3px) rotate(-2deg)}50%{transform:translate(2px,-1px) rotate(1.5deg)}75%{transform:translate(-1px,-4px) rotate(-1deg)}}.manhole.open .manhole-lid{animation:none;transform:translate(9rem,-1.2rem) rotate(18deg)}.manhole-sparks i{position:absolute;left:50%;top:40%;width:6px;height:6px;border-radius:2px;background:#ffe14d;box-shadow:0 0 8px #ffe14d;opacity:0}.manhole.open .manhole-sparks i,.manhole:hover .manhole-sparks i{animation:spark-fly .7s ease-out infinite}.manhole-sparks i:first-child{--dx:-60px;--dy:-50px}.manhole-sparks i:nth-child(2){--dx:50px;--dy:-60px;animation-delay:.12s!important}.manhole-sparks i:nth-child(3){--dx:-20px;--dy:-75px;animation-delay:.25s!important}.manhole-sparks i:nth-child(4){--dx:70px;--dy:-30px;animation-delay:.37s!important}.manhole-sparks i:nth-child(5){--dx:-75px;--dy:-20px;animation-delay:.5s!important}@keyframes spark-fly{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy))}}.street-sign{left:calc(50% + 4rem);bottom:6.6rem;padding:.15rem .6rem;background:var(--red);color:var(--white);border:2px solid var(--ink);border-radius:6px;font-size:.75rem;font-weight:900;letter-spacing:.05em;transform:rotate(-8deg)}.street-hint,.street-sign{position:absolute;pointer-events:none}.street-hint{left:calc(50% + 7rem);bottom:2.8rem;font-weight:800;color:var(--soft);font-size:.9rem;opacity:0;transition:opacity .3s}.street:hover .street-hint{opacity:1}@media (max-width:600px){.street-bleep{left:.6rem;width:5rem}.street-hint{display:none}.street-sign{left:auto;right:.8rem}}html.diving{background:#050407;overflow:hidden}html.diving body{animation:dive-in .75s cubic-bezier(.6,0,.9,.5) forwards}@keyframes dive-in{0%{transform:scale(1)}to{transform:scale(9);opacity:0;filter:brightness(.3)}}html.climbing{overflow:hidden}html.climbing body{animation:climb-start .45s ease-in forwards}@keyframes climb-start{0%{transform:none}to{transform:translateY(18vh) scale(1.15);opacity:0}}.shaft{position:fixed;inset:0;z-index:9999;overflow:hidden;background:#0d0a12;animation:shaft-in .3s ease-out both;pointer-events:none}@keyframes shaft-in{0%{opacity:0}}.shaft-cam{position:absolute;inset:0;animation:cam-wobble .9s ease-in-out infinite}@keyframes cam-wobble{0%,to{transform:rotate(-1.2deg) translateX(-6px)}50%{transform:rotate(1.2deg) translateX(6px)}}.shaft-walls{left:-10%;right:-10%;background:repeating-linear-gradient(0deg,#0d0a12 0 5px,transparent 5px 56px),repeating-linear-gradient(90deg,#2a2135 0 118px,#0d0a12 118px 124px),#2a2135}.shaft-ladder,.shaft-walls{position:absolute;top:-300%;height:500%}.shaft-ladder{left:50%;width:min(36vw,15rem);margin-left:calc(min(36vw, 15rem) / -2);border-left:1.4rem solid #9aa5b1;border-right:1.4rem solid #9aa5b1;box-shadow:inset .4rem 0 0 #dfe5ec,.4rem 0 0 #0b0910,-.4rem 0 0 #0b0910;background:repeating-linear-gradient(0deg,transparent 0 7rem,#0b0910 7rem 7.3rem,#c4ccd5 7.3rem 8.3rem,#0b0910 8.3rem 8.6rem)}.shaft-down .shaft-ladder,.shaft-down .shaft-walls{animation:shaft-scroll-down 1.6s cubic-bezier(.45,0,.7,1) forwards}.shaft-down .shaft-ladder{animation-duration:1.35s}@keyframes shaft-scroll-down{0%{transform:translateY(0)}to{transform:translateY(-160vh)}}.shaft-up .shaft-walls{animation:shaft-scroll-up 2s cubic-bezier(.35,0,.65,1) forwards}.shaft-up .shaft-ladder{animation:shaft-scroll-up 1.7s cubic-bezier(.35,0,.65,1) forwards}@keyframes shaft-scroll-up{0%{transform:translateY(-160vh)}to{transform:translateY(0)}}.shaft-light{position:absolute;left:50%;width:60vmax;height:60vmax;margin-left:-30vmax;border-radius:50%;filter:blur(30px)}.shaft-down .shaft-light{bottom:-45vmax;background:radial-gradient(circle,#e6ffb8 0,#b6ff3b 30%,rgba(182,255,59,0) 70%);animation:light-grow 1.6s cubic-bezier(.6,0,.9,.6) forwards;transform-origin:50% 100%}.shaft-up .shaft-light{top:-45vmax;background:radial-gradient(circle,#ffffff 0,#fffbe6 35%,rgba(255,251,230,0) 70%);animation:light-grow 2s cubic-bezier(.6,0,.9,.6) forwards;transform-origin:50% 0}@keyframes light-grow{0%{transform:scale(.25);opacity:.6}85%{opacity:1}to{transform:scale(3.2);opacity:1}}.shaft-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 35%,rgba(0,0,0,.85) 100%)}.shaft-caption{position:absolute;left:0;right:0;top:12vh;margin:0;text-align:center;font-family:var(--display),sans-serif;font-size:clamp(1.3rem,4vw,2.2rem);animation:caption-in .5s ease-out .15s both}.shaft-down .shaft-caption{color:#b6ff3b;text-shadow:0 0 8px #b6ff3b,0 0 26px rgba(111,158,28,.9)}.shaft-up .shaft-caption{color:#fffbe6;text-shadow:0 0 10px rgba(255,251,230,.9),3px 3px 0 #0b0910}@keyframes caption-in{0%{opacity:0;transform:translateY(10px) scale(.9)}}html.arrive-down body{animation:land-down .9s cubic-bezier(.3,1.4,.5,1) both}@keyframes land-down{0%{opacity:0;transform:translateY(-14vh) scale(1.12)}55%{opacity:1;transform:translateY(1.2vh) scale(.99)}to{transform:none}}html.arrive-down:after,html.arrive-up:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;animation:flash-out 1s ease-out forwards}html.arrive-down:after{background:radial-gradient(circle at 50% 100%,rgba(182,255,59,.9),rgba(13,10,18,.95) 70%)}html.arrive-up:after{background:#fffbe6}@keyframes flash-out{to{opacity:0}}html.arrive-up body{animation:land-up .9s cubic-bezier(.3,1.4,.5,1) both}@keyframes land-up{0%{opacity:0;transform:translateY(12vh) scale(.94)}60%{opacity:1;transform:translateY(-1vh)}to{transform:none}}body.ug{--paper:#16111d;--white:#241c2e;--ink:#0b0910;--soft:#b9adc7;--mint:#b6ff3b;--butter:#b6ff3b;--sky:#c4432f;--red:#ff4d4d;--ug-text:#efe8f5;--acid:#b6ff3b;--rust:#c4432f;color:var(--ug-text);background-color:#16111d;background-image:repeating-linear-gradient(0deg,transparent 0 2.4rem,rgba(0,0,0,.35) 2.4rem 2.6rem),repeating-linear-gradient(90deg,transparent 0 5rem,rgba(0,0,0,.25) 5rem 5.2rem),radial-gradient(ellipse at 50% 0,#2a1f36,#120d18 70%);background-size:auto,auto,100% 100%}body.ug .bar{background:rgba(13,10,18,.88);border-bottom-color:#000}body.ug .logo,body.ug .tab{color:var(--ug-text)}body.ug .logo-knob{background:var(--rust);border-color:#000}body.ug .logo-knob:after{background:var(--acid)}body.ug .tab:hover{background:rgba(182,255,59,.15)}body.ug .tab.active{background:var(--rust);color:#fff;border-color:#000}body.ug .nav-pill{background:#241c2e;color:var(--ug-text);border-color:#000;box-shadow:3px 3px 0 #000}body.ug .nav-pill:hover{background:#33283f}body.ug .cart-link,body.ug .cart-link svg{color:var(--ug-text)}body.ug .sale-banner{background:#5a1520;border-bottom-color:#000}body.ug .foot{background:#0b0910}body.ug .btn{background:var(--acid);color:#120e18;border-color:#000;box-shadow:4px 4px 0 #000}body.ug .btn-ghost{background:#241c2e;color:var(--ug-text)}body.ug .card-text,body.ug .lead,body.ug .meta{color:var(--soft)}body.ug mark:before{background:var(--rust)}body.ug a{color:inherit}body.ug .newsletter,body.ug .panel{background:#241c2e;color:var(--ug-text);border-color:#000;box-shadow:8px 8px 0 #000}body.ug input{background:#120e18;color:var(--ug-text);border-color:#000}.neon{font-family:var(--display),sans-serif;font-weight:400;color:var(--acid,#b6ff3b);text-shadow:0 0 6px #b6ff3b,0 0 24px rgba(111,158,28,.9)}.neon-red{color:#ff5a5a;text-shadow:0 0 6px #ff4d4d,0 0 22px rgba(170,17,17,.9)}.ug-sign{display:inline-block;margin:0 0 .6rem;padding:.2rem 1rem;font-size:1.5rem;letter-spacing:.06em;border:3px solid #ff4d4d;border-radius:10px;box-shadow:0 0 14px rgba(255,77,77,.6),inset 0 0 14px rgba(255,77,77,.4);transform:rotate(-2deg);animation:neon-flicker 5s steps(1) infinite}@keyframes neon-flicker{0%,91%,to{opacity:1}92%{opacity:.3}93%{opacity:1}95%{opacity:.5}96%{opacity:1}}.ug-page{position:relative}.ug-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;grid-gap:2rem;gap:2rem;margin-top:2.5rem}.ug-hero h1{font-size:clamp(2.6rem,7vw,4.8rem);transform:rotate(-1.5deg)}.ug-signed{margin:-1rem 0 1.4rem;font-family:var(--display),sans-serif;color:var(--rust);font-size:1.3rem}.ug-counter-wrap{position:relative;display:grid;justify-items:center}.ug-bzzt{width:clamp(11rem,26vw,17rem);margin-bottom:-2.2rem;position:relative;z-index:0}.ug-counter{position:relative;z-index:1;width:100%;max-width:24rem;height:4.2rem;background:linear-gradient(#4a4f5c,#2f333d);border:4px solid #000;border-radius:10px;box-shadow:6px 6px 0 #000;display:grid;place-items:center}.ug-counter span{font-family:var(--display),sans-serif;color:var(--rust);font-size:1.6rem;letter-spacing:.1em;text-shadow:2px 2px 0 #000}.ug-bubble{position:relative;max-width:15rem;margin-bottom:.6rem;padding:.7rem 1rem;background:#efe8f5;color:#120e18;border:3px solid #000;border-radius:16px;font-weight:800;box-shadow:4px 4px 0 #000;animation:bubble-in .6s cubic-bezier(.3,1.6,.5,1) .4s both}.ug-bubble:after{content:"";position:absolute;left:50%;bottom:-14px;border-color:#000 transparent transparent #000;border-style:solid;border-width:7px}@keyframes bubble-in{0%{opacity:0;transform:scale(.5) rotate(-6deg)}}@media (max-width:760px){.ug-hero{grid-template-columns:1fr}}.ug-shelf{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));grid-gap:1.8rem;gap:1.8rem}.ug-card{position:relative;display:flex;flex-direction:column;gap:.5rem;height:100%;padding:1rem 1rem 1.2rem;background:#241c2e;border:3px solid #000;border-radius:18px;box-shadow:6px 6px 0 #000;text-decoration:none;color:var(--ug-text,#efe8f5);transition:transform .15s,box-shadow .15s}a.ug-card:hover{transform:translate(-3px,-3px) rotate(-.6deg);box-shadow:9px 9px 0 #000}.ug-card strong{font-family:var(--display),sans-serif;font-weight:400;font-size:1.5rem}.ug-card-text{color:var(--soft)}.ug-card-art{display:grid;place-items:center;height:12rem;overflow:hidden;border:3px solid #000;border-radius:12px;background:#120e18}.ug-tag{right:-.8rem;top:-.9rem;z-index:2;padding:.15rem .8rem;color:#1e1015;border:2px solid #000;font-family:var(--display),sans-serif;font-size:1.1rem;transform:rotate(7deg);box-shadow:2px 2px 0 #000}.ug-tag,.ug-tag:before{position:absolute;background:#d8c9a3}.ug-tag:before{content:"";left:.5rem;top:-1.4rem;width:2px;height:1.4rem;transform:rotate(-20deg)}.ug-tag-red{background:#ff4d4d;color:#fff}.crate{position:relative;display:grid;place-items:center;align-content:center;grid-gap:.3rem;gap:.3rem;width:70%;height:72%;background:repeating-linear-gradient(0deg,#8a5a32 0 1.4rem,#6e4424 1.4rem 1.55rem);border:4px solid #000;border-radius:6px;box-shadow:inset 0 0 0 6px #6e4424;animation:crate-shake 2.6s ease-in-out infinite}.crate b{font-family:var(--display),sans-serif;font-weight:400;color:#ff4d4d;font-size:1.6rem;transform:rotate(-6deg);text-shadow:2px 2px 0 #000}.crate i{font-style:normal;font-weight:900;font-size:.7rem;color:#000;background:#d8c9a3;padding:.05rem .4rem}@keyframes crate-shake{0%,70%,to{transform:none}74%{transform:rotate(-3deg) translateY(-3px)}78%{transform:rotate(3deg)}82%{transform:rotate(-2deg) translateY(-2px)}86%{transform:rotate(1deg)}}.crate-locked{animation:none;filter:grayscale(.6) brightness(.7)}.ug-locked{opacity:.7}.ug-rules{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));grid-gap:1.2rem;gap:1.2rem}.ug-rules li{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.2rem;background:#241c2e;border:3px solid #000;border-radius:16px;box-shadow:5px 5px 0 #000;transform:rotate(var(--r,-.5deg))}.ug-rules li:nth-child(2){--r:0.6deg}.ug-rules li:nth-child(3){--r:-0.8deg}.ug-rules p{margin:.2rem 0 0;color:var(--soft)}.ug-rule-n{display:grid;place-items:center;flex:none;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--rust);border:3px solid #000;font-family:var(--display),sans-serif;color:#fff}.ladder{position:absolute;top:-3px;left:max(.4rem,calc(50% - 36rem - 7rem));z-index:3;display:flex;flex-direction:column;align-items:center;width:6rem;padding:0;border:0;background:none;color:var(--ug-text,#efe8f5);cursor:pointer;font:inherit}.ladder-hole{width:7rem;height:1.6rem;margin-bottom:-.9rem;border-radius:0 0 50% 50%;background:radial-gradient(ellipse at 50% 0,#fffbe6,#f4f7f5 40%,#9aa5b1);border:3px solid #000;border-top:0;box-shadow:0 0 30px rgba(255,251,230,.6)}.ladder-svg{width:4.4rem;height:14rem;filter:drop-shadow(4px 4px 0 #000);transition:transform .25s}.ladder:hover .ladder-svg{transform:translateY(-6px)}.ladder-label{max-width:6rem;margin-top:.4rem;font-weight:800;font-size:.85rem;line-height:1.2;text-align:center;color:var(--acid,#b6ff3b)}.ladder.up .ladder-svg{transform:translateY(-30px)}@media (max-width:1340px){.ladder{position:relative;left:auto;top:auto;flex-direction:row;gap:.8rem;width:auto;margin:0 var(--gutter)}.ladder-hole{display:none}.ladder-svg{width:2.4rem;height:6rem;transform:none}.ladder-label{max-width:none}}@media (prefers-reduced-motion:reduce){.crate,.manhole-glow,.manhole:hover .manhole-lid,.ug-bubble,.ug-sign{animation:none}}body.ug .chips i{background:#241c2e;color:var(--ug-text);border-color:#000}.cat-page{margin-top:3rem}.song{display:flex;align-items:center;gap:1.2rem;max-width:46rem;padding:1rem 1.3rem;background:var(--white);border:3px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink)}.song-play{display:grid;place-items:center;flex:none;width:4.4rem;height:4.4rem;border-radius:50%;border:3px solid var(--ink);background:var(--butter);box-shadow:4px 4px 0 var(--ink);cursor:pointer;transition:transform .1s,box-shadow .1s}.song-play:hover{transform:translate(-1px,-1px) scale(1.04)}.song-play:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.song-tri{width:0;height:0;margin-left:.3rem;border-left:1.3rem solid var(--ink);border-top:.8rem solid transparent;border-bottom:.8rem solid transparent}.song-pause{width:1.2rem;height:1.4rem;border-left:.42rem solid var(--ink);border-right:.42rem solid var(--ink)}.song-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.45rem}.song-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.song-top strong{font-family:var(--display),sans-serif;font-weight:400;font-size:1.4rem}.song-bars{display:flex;align-items:flex-end;gap:3px;height:1.6rem}.song-bars i{width:5px;height:25%;border-radius:2px;background:var(--mint);border:1.5px solid var(--ink)}.song.playing .song-bars i{animation:song-bar .55s ease-in-out infinite alternate}@keyframes song-bar{0%{height:20%}to{height:100%}}.song-track{height:.8rem;background:rgba(30,42,58,.12);border:2px solid var(--ink);border-radius:999px;overflow:hidden;cursor:pointer}.song-track span{display:block;height:100%;background:var(--butter);transition:width .2s linear}.song .meta{font-size:.9rem}body.ug .song{background:#241c2e;border-color:#000;box-shadow:6px 6px 0 #000}body.ug .song-play{background:var(--acid);border-color:#000;box-shadow:4px 4px 0 #000}body.ug .song-tri{border-left-color:#120e18}body.ug .song-pause{border-color:#120e18}body.ug .song-bars i{background:var(--acid);border-color:#000}body.ug .song-track{background:#120e18;border-color:#000}body.ug .song-track span{background:#ff4d4d}@media (prefers-reduced-motion:reduce){.song.playing .song-bars i{animation:none;height:70%}}