:root{--ink:#141414;--muted:#696969;--quiet:#9a9a9a;--green:#168a45;--green-soft:#eaf7ef;--line:#eee;--soft:#fff;--panel:#fff;--mark:#111}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--ink);background:#fff;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}button{font:inherit}button:focus{outline:none}button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.app{justify-content:center;min-height:100svh;padding:0;display:flex}.phone{background:var(--soft);flex-direction:column;width:min(100vw,440px);min-height:100svh;display:flex;position:relative}.topbar{color:var(--ink);padding:calc(16px + env(safe-area-inset-top)) 18px 14px;border-bottom:1px solid var(--line);background:#fff}.topbar-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{gap:2px;display:grid}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0;font-size:10px;font-weight:700}h1,h2,h3,p{margin:0}h1{letter-spacing:0;font-size:21px;line-height:1.15}h2,h3{letter-spacing:0;font-size:19px;line-height:1.2}.view{flex:1;min-height:0;display:none}.view.active{flex-direction:column;display:flex}.home-content,.rules-content{gap:14px;padding:16px 18px 24px;display:grid}.rule-card p,.module p,.slide-copy p{color:var(--muted);font-size:14px;line-height:1.38}.modules{border-top:1px solid var(--line);gap:0;display:grid}.section-label{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.module{appearance:none;border:0;border-bottom:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);text-align:left;cursor:pointer;border-radius:0;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:15px 0;display:grid}.module:active{transform:translateY(1px)}.module:disabled{cursor:default}.module.is-muted,.module.is-muted p,.module.is-muted .arrow{color:var(--quiet)}.module-icon{width:26px;height:26px;color:var(--ink);background:0 0;border-radius:0;place-items:center;font-size:15px;font-weight:700;display:grid}.module-heading{align-items:center;gap:8px;display:flex}.module strong{margin-bottom:2px;font-size:16px;display:block}.module em{color:var(--quiet);text-transform:uppercase;font-size:11px;font-style:normal;font-weight:800}.arrow{color:var(--muted);text-align:right;font-size:18px}.icon-button{color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:34px;height:34px;font-size:20px;font-weight:800;display:grid}.flow-home-button{top:calc(10px + env(safe-area-inset-top));z-index:3;border:1px solid var(--line);width:38px;height:38px;color:var(--green);cursor:pointer;background:#ffffffeb;border-radius:999px;place-items:center;font-size:20px;font-weight:900;display:grid;position:absolute;left:14px}.flow-home-button:active{transform:translateY(1px)}.slide-stage{min-height:0;padding:calc(12px + env(safe-area-inset-top)) 20px calc(14px + env(safe-area-inset-bottom));flex:1;place-items:center;display:grid;overflow:hidden}.slide{display:none}.slide.active{align-content:center;justify-items:center;gap:clamp(8px,1.7svh,14px);width:100%;min-height:100%;display:grid}.slide-meta{width:min(100%,300px);color:var(--quiet);justify-content:space-between;align-items:center;font-size:11px;font-weight:750;display:flex}.shot-wrap{background:#f3f3f3;border-radius:18px;justify-self:center;width:min(62vw,236px);max-height:calc(100svh - 260px);position:relative;overflow:hidden}.shot-wrap img{aspect-ratio:620/1348;object-fit:contain;width:100%;max-height:calc(100svh - 260px);display:block}.tap-target{left:var(--x);top:var(--y);width:var(--w);height:var(--h);border:2px solid var(--mark);pointer-events:none;background:0 0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ffffffeb,0 0 0 5px #11111114}.tap-target.box{border-radius:12px}.tap-target.circle{border-radius:999px}.tap-target:after{content:attr(data-label);white-space:nowrap;color:#fff;background:#15171a;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;line-height:1;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tap-target.label-up:after{top:auto;bottom:calc(100% + 8px)}.tap-target.label-left:after{top:50%;left:auto;right:calc(100% + 8px);transform:translateY(-50%)}.slide-copy{text-align:center;background:0 0;border:0;border-radius:0;justify-items:center;gap:6px;width:min(100%,300px);padding:0;display:grid}.slide-copy h3{font-size:clamp(17px,2.3svh,19px)}.slide-copy p{font-size:clamp(13px,1.8svh,14px)}.step-kicker{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.callout{border:1px solid var(--line);color:var(--ink);background:#fff;border-width:1px 0 0;border-radius:0;padding:9px 0 0;font-size:13px;font-weight:700;line-height:1.34}.warning{border-color:var(--line);color:var(--ink);background:#fff}.card-arrows{justify-content:center;align-items:center;gap:14px;padding-top:2px;display:flex}.arrow-button{background:var(--green-soft);width:clamp(40px,5.6svh,46px);height:clamp(40px,5.6svh,46px);color:var(--green);cursor:pointer;border:0;border-radius:999px;font-size:21px;font-weight:900}.arrow-button:active{transform:translateY(1px)}.arrow-button:last-child{background:var(--green);color:#fff}.rules-list{gap:10px;display:grid}.rule-card{background:var(--panel);border:0;border-bottom:1px solid var(--line);border-radius:0;gap:5px;padding:0 0 12px;display:grid}.rule-card strong{font-size:15px}@media (width>=860px){.app{padding:20px}.phone{border:1px solid var(--line);border-radius:14px;min-height:calc(100svh - 40px);overflow:hidden}}