:root{--lime:#7ED957;--lime-deep:#2F6B1C;--ink:#17201A;--paper:#F4F6EF;--moss:#D8E6C8;--clay:#F2D6C2;--slate:#4A5548;--mist:#E4E8DF;--r-card:30px;--slab:"Zilla Slab",Rockwell,"Roboto Slab",Georgia,serif;--sans:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400;line-height:1.45;overflow-x:clip;-webkit-font-smoothing:antialiased}.app{position:relative;width:100%;margin:0 auto;background:var(--paper);overflow:clip}.screen{position:relative;min-height:100dvh;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 10px) calc(env(safe-area-inset-right) + 16px) 0 calc(env(safe-area-inset-left) + 16px)}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:56px}.topbar img{width:52px;height:52px;border-radius:16px;display:block}.tag{font-size:13px;font-weight:600;color:var(--slate);border:1px solid #C3CBBE;border-radius:8px;padding:6px 12px;letter-spacing:.01em}h1{margin:10px 0 0;font-weight:400}h1 .wm{display:block;font-family:var(--slab);font-weight:700;font-size:clamp(48px,15vw,64px);line-height:.92;letter-spacing:-.02em;color:var(--ink)}h1 .wm span{color:var(--lime-deep)}h1 .sub{display:block;margin-top:10px;font-family:var(--sans);font-weight:600;font-size:clamp(17px,4.8vw,20px);line-height:1.3;color:var(--ink);max-width:22ch}.deck{position:relative;flex:1 1 auto;margin-bottom:14px;min-height:250px;max-height:460px;margin-top:18px;display:flex;flex-direction:column}.stack{position:relative;flex:1 1 auto;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;outline:none;border-radius:var(--r-card);-webkit-tap-highlight-color:transparent;cursor:grab}.stack:active{cursor:grabbing}.stack:focus-visible{box-shadow:0 0 0 3px var(--paper),0 0 0 6px var(--ink)}.card{position:absolute;left:0;right:0;top:0;bottom:30px;border-radius:var(--r-card);padding:20px 20px 18px;display:flex;flex-direction:column;will-change:transform;transform-origin:50% 100%;backface-visibility:hidden}@supports (corner-shape:squircle){.card,.stack{corner-shape:squircle;--r-card:52px}}.card.c1{background:var(--clay)}.card.c2{background:var(--mist)}.card.c3{background:var(--moss)}.card.c4{background:var(--lime)}.chip{align-self:flex-start;font-size:12.5px;font-weight:600;border-radius:8px;padding:5px 10px;background:rgba(23,32,26,.08);color:var(--ink)}.card h2{margin:auto 0 6px;font-family:var(--slab);font-weight:700;font-size:clamp(30px,9vw,38px);line-height:1;letter-spacing:-.01em}.card p{margin:0;font-size:15.5px;color:#2A332C;max-width:28ch}.meter{margin-top:16px;height:8px;border-radius:8px;background:rgba(23,32,26,.12);overflow:hidden}.meter i{display:block;height:100%;width:62%;background:var(--ink);border-radius:8px;transform-origin:left}.glyph{position:absolute;right:18px;top:16px;width:64px;height:64px}.hint{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:13px;font-weight:600;color:#4A3528}.hint svg{width:18px;height:18px}.rows{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}.rows li{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.42);border-radius:14px;padding:9px 12px;font-size:15px;font-weight:600}.sw{width:44px;height:26px;border-radius:13px;background:var(--ink);position:relative;flex:none}.sw::after{content:"";position:absolute;right:4px;top:4px;width:18px;height:18px;border-radius:50%;background:var(--lime)}.controls{display:flex;align-items:center;justify-content:space-between;height:48px;margin-top:4px}.ibtn{width:48px;height:48px;border:0;border-radius:50%;background:var(--mist);color:var(--ink);display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s cubic-bezier(.2,.9,.3,1.2)}.ibtn svg{width:22px;height:22px}.ibtn:active{transform:scale(.94)}.ibtn:disabled{opacity:.38;cursor:default}.ibtn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.dots{display:flex;gap:6px;align-items:center}.dots i{display:block;width:8px;height:8px;border-radius:4px;background:#B9C2B3;transition:background-color .2s}.dots i.on{width:22px;background:var(--ink)}.action{margin:auto calc(-1 * (env(safe-area-inset-right) + 16px)) 0 calc(-1 * (env(safe-area-inset-left) + 16px));padding:14px calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 16px) calc(env(safe-area-inset-left) + 16px);background:var(--paper);border-top:1px solid #DCE1D6}.cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border-radius:28px;background:var(--lime);color:var(--ink);font-family:var(--sans);font-weight:600;font-size:17px;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .12s cubic-bezier(.2,.9,.3,1.2),background-color .15s}.cta svg{width:20px;height:20px}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.after{margin:10px 4px 0;font-size:13.5px;color:var(--slate);text-align:center;line-height:1.4}.doubt{background:var(--ink);color:var(--paper);padding:34px calc(env(safe-area-inset-right) + 20px) 30px calc(env(safe-area-inset-left) + 20px);border-radius:var(--r-card) var(--r-card) 0 0}.doubt h2{margin:0 0 10px;font-family:var(--slab);font-weight:700;font-size:clamp(26px,7.4vw,32px);line-height:1.05;color:var(--lime)}.doubt p{margin:0;font-size:16px;line-height:1.55;max-width:36ch;color:#E6EAE1}footer{background:var(--ink);color:#B8C1B3;font-size:13px;padding:18px calc(env(safe-area-inset-right) + 20px) calc(env(safe-area-inset-bottom) + 22px) calc(env(safe-area-inset-left) + 20px);border-top:1px solid #2C372F}footer strong{color:var(--paper);font-weight:600}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.rm .card{transition:opacity .18s linear}@media (hover:hover){.cta:hover{background:#8EE268}.ibtn:hover:not(:disabled){background:#D6DCD0}}@media (min-width:640px){body{background:var(--lime)}.app{max-width:420px;margin:24px auto;border-radius:36px}.screen{min-height:0;height:min(860px,calc(100dvh - 48px));padding-left:20px;padding-right:20px}.action{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;padding-bottom:20px}.topbar img{width:64px;height:64px;border-radius:18px}}@media (prefers-reduced-motion:reduce){.cta,.ibtn,.dots i{transition:none}}