:root{--field:#2F7A22;--green:#3E9B2F;--green-ink:#2C7320;--ground:#F1F4EE;--cell:#FFFFFF;--ink:#15122B;--ink-2:#5E5B6E;--hair:#D6DACF;--violet:#5C2EE6;--grape:#8A2BB8;--grape-press:#74229C;--sun:#F7C21B;--ease:cubic-bezier(.32,.72,0,1);}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--field)}body{background:var(--field);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,0.97rem + 0.15vw,1.0625rem);line-height:1.35;letter-spacing:-0.01em;overflow-x:clip;-webkit-font-smoothing:antialiased;}.screen{position:relative;background:var(--ground);min-height:100dvh;width:100%;max-width:430px;margin:0 auto;overflow:clip;}.top{padding:calc(env(safe-area-inset-top) + 14px) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.icon{display:block;width:60px;height:60px;border-radius:14px;box-shadow:0 0 0 0.5px rgba(21,18,43,.12),0 4px 12px rgba(21,18,43,.10);}h1{margin-top:12px;font-size:clamp(1.875rem,1.6rem + 1.2vw,2.125rem);line-height:1.15;font-weight:700;letter-spacing:-0.02em;}.sub{margin-top:6px;color:var(--ink-2);font-size:clamp(0.9375rem,0.92rem + 0.1vw,1rem);line-height:1.38;max-width:34ch}.group-h{margin:16px max(16px,env(safe-area-inset-left)) 6px;padding-left:16px;font-size:clamp(0.75rem,0.74rem + 0.05vw,0.8125rem);color:var(--ink-2);text-transform:uppercase;letter-spacing:0.02em;}.chips{display:flex;gap:8px;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));flex-wrap:wrap;}.chip{-webkit-tap-highlight-color:transparent;appearance:none;border:0;cursor:pointer;font:inherit;font-size:clamp(0.9375rem,0.92rem + 0.1vw,1rem);font-weight:600;min-height:44px;padding:0 16px;border-radius:999px;background:rgba(62,155,47,.13);color:var(--green-ink);transition:background-color 90ms linear,color 90ms linear;}.chip[aria-pressed="true"]{background:var(--green-ink);color:#fff}.chip:focus-visible{outline:3px solid var(--violet);outline-offset:2px}.result{margin:14px max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;will-change:transform;}.result:active{cursor:grabbing}.list{background:var(--cell);border-radius:10px;overflow:hidden}.row{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 16px}.row + .row .rt{border-top:0.5px solid var(--hair)}.sq{flex:none;width:29px;height:29px;border-radius:7px;display:grid;place-items:center}.sq svg{width:18px;height:18px}.sq.v{background:var(--violet)}.sq.g{background:var(--green)}.sq.y{background:var(--sun)}.rt{flex:1;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;align-self:stretch}.rt span:last-child{color:var(--ink-2);text-align:right}.foot{padding:6px 16px 0;font-size:clamp(0.75rem,0.74rem + 0.05vw,0.8125rem);color:var(--ink-2);line-height:1.35}.panel[hidden]{display:none}.panel.in{animation:slide 220ms var(--ease)}.panel.in-l{animation:slidel 220ms var(--ease)}@keyframes slide{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@keyframes slidel{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}.bar{position:sticky;bottom:0;z-index:5;margin-top:14px;padding:12px max(16px,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 12px) max(16px,env(safe-area-inset-left));background:rgba(241,244,238,.88);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:0.5px solid var(--hair);}.cta{-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:14px;background:var(--grape);color:#fff;font-size:clamp(1.0625rem,1.05rem + 0.05vw,1.125rem);font-weight:600;text-decoration:none;letter-spacing:-0.01em;transition:background-color 120ms linear,transform 120ms var(--ease);}.cta:active{background:var(--grape-press);transform:scale(.98)}.cta:focus-visible{outline:3px solid var(--violet);outline-offset:3px}@media (hover: hover){.cta:hover{background:var(--grape-press)}.chip:hover{filter:brightness(.96)}}.after{margin-top:7px;text-align:center;color:var(--ink-2);font-size:clamp(0.75rem,0.74rem + 0.05vw,0.8125rem);line-height:1.35}.doubt{margin:22px max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.doubt .group-h{margin:0 0 6px}.doubt .list{padding:12px 16px}.doubt h2{font-size:clamp(1.0625rem,1.05rem + 0.05vw,1.125rem);font-weight:600;letter-spacing:-0.01em}.doubt p.body{margin-top:4px;color:var(--ink-2);font-size:clamp(0.9375rem,0.92rem + 0.1vw,1rem)}footer{padding:18px 32px calc(env(safe-area-inset-bottom) + 22px);text-align:center;color:var(--ink-2);font-size:clamp(0.75rem,0.74rem + 0.05vw,0.8125rem)}footer strong{color:var(--ink);font-weight:600}@media (min-width: 520px){.screen{margin:32px auto;min-height:0;border-radius:28px;box-shadow:0 30px 80px rgba(10,40,6,.35)}.icon{width:80px;height:80px;border-radius:18px}}@media (prefers-reduced-motion: reduce){.panel.in,.panel.in-l{animation:none}.chip,.cta{transition:none}}