:root{--night:#151218;--night2:#231e28;--paper:#f5f0e8;--muted:#aba2b0;--pink:#ff4d7e;--lilac:#b8a4ff;--lime:#d9ff5a;--r:28px;}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--night);color:var(--paper);font-family:"Archivo",system-ui,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden;}.app{position:relative;min-height:100dvh;max-width:440px;margin:0 auto;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 10px) 16px calc(env(safe-area-inset-bottom) + 8px);background:var(--night);overflow:hidden;}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:40px;height:40px;border-radius:12px;display:block;object-fit:cover}.brand span{font-family:"Unbounded",sans-serif;font-weight:800;font-size:clamp(0.85rem,0.8rem + 0.3vw,1rem);letter-spacing:0.01em}.count{font-size:clamp(0.8rem,0.78rem + 0.1vw,0.875rem);color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums}h1{font-family:"Unbounded",sans-serif;font-weight:800;font-size:clamp(1.3rem,1rem + 1.6vw,1.75rem);line-height:1.12;letter-spacing:-0.01em;margin-top:10px;text-wrap:balance;}.lead{margin-top:8px;color:var(--muted);font-size:clamp(0.9rem,0.86rem + 0.2vw,1rem);line-height:1.4;max-width:34ch}.deck{position:relative;flex:1 1 auto;min-height:236px;max-height:400px;margin:16px 6px 0;outline:none;}.deck:focus-visible{box-shadow:0 0 0 3px var(--lilac);border-radius:var(--r)}.card{position:absolute;inset:0 0 12px 0;border-radius:var(--r);corner-shape:squircle;padding:18px 18px 16px;display:flex;flex-direction:column;color:var(--night);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain;will-change:transform;cursor:grab;}.card.drag{cursor:grabbing}.card.back>*{visibility:hidden}.c1{background:var(--pink)}.c2{background:var(--lilac)}.c3{background:var(--lime)}.c4{background:var(--paper)}.ct{display:flex;justify-content:space-between;align-items:baseline;font-weight:500;font-size:clamp(0.8rem,0.78rem + 0.1vw,0.875rem)}.cw{font-family:"Unbounded",sans-serif;font-weight:800;font-size:clamp(1.9rem,1.4rem + 2.4vw,2.6rem);line-height:1;margin-top:8px;letter-spacing:-0.02em}.grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:7px;margin:14px 0 12px;min-height:0}.grid i{display:block;border-radius:14px;corner-shape:squircle;background:rgba(21,18,24,0.16);position:relative}.grid i:nth-child(3n+2){background:rgba(21,18,24,0.26)}.grid i:nth-child(4n){background:rgba(21,18,24,0.1)}.grid.wide{grid-template-columns:repeat(2,1fr)}.grid.wide i::after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent rgba(21,18,24,0.6);transform:translate(-40%,-50%)}.grid.tall{grid-template-columns:repeat(4,1fr)}.cf{font-size:clamp(0.9rem,0.86rem + 0.2vw,1rem);font-weight:500;line-height:1.3}.c4 .cw{font-size:clamp(1.6rem,1.2rem + 2vw,2.2rem);margin-top:14px}.c4 .cp{margin-top:12px;font-size:clamp(0.95rem,0.9rem + 0.2vw,1.05rem);line-height:1.4;color:#3a3340;max-width:28ch}.c4 .arrow{margin-top:auto;display:flex;align-items:center;gap:10px;font-weight:500;font-size:clamp(0.9rem,0.86rem + 0.2vw,1rem)}.c4 .arrow svg{flex:none}.ctrl{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.dots{display:flex;gap:6px}.dots span{width:7px;height:7px;border-radius:50%;background:#4a4250;transition:transform .2s,opacity .2s}.dots span.on{background:var(--paper)}.btns{display:flex;gap:8px}.btns button{width:44px;height:44px;border-radius:15px;corner-shape:squircle;border:0;background:var(--night2);color:var(--paper);display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s;}.btns button:disabled{opacity:.35;cursor:default}.btns button:active:not(:disabled){transform:scale(.97)}.btns button:focus-visible{outline:3px solid var(--lilac);outline-offset:2px}.act{margin-top:12px}.cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border-radius:20px;corner-shape:squircle;background:#fff;color:var(--night);text-decoration:none;font-family:"Unbounded",sans-serif;font-weight:800;font-size:clamp(0.95rem,0.9rem + 0.3vw,1.1rem);-webkit-tap-highlight-color:transparent;transition:transform .12s;}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--lilac);outline-offset:3px}.need{margin-top:9px;text-align:center;color:var(--muted);font-size:clamp(0.82rem,0.8rem + 0.15vw,0.9rem);line-height:1.35}footer{margin-top:10px;text-align:center;color:var(--muted);font-size:clamp(0.75rem,0.72rem + 0.1vw,0.8rem);font-weight:500}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (hover: hover) and (pointer: fine){.btns button:hover:not(:disabled){background:#2f2836}.cta:hover{background:var(--paper)}}@media (min-width: 900px){body{background:var(--pink)}.app{min-height:0;height:min(820px,calc(100dvh - 48px));margin:24px auto;border-radius:40px;corner-shape:squircle;padding:22px 24px 14px;}.brand-field{position:fixed;left:40px;top:40px}.brand-field img{width:128px;height:128px;border-radius:30px;display:block}}@media (max-width: 899px){.brand-field{display:none}}@media (max-height: 700px){.lead{display:none}}html,body{max-width:100%;overflow-x:clip}