.lp-try .head{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:14px 44px;padding-block:40px 26px;display:grid}.lp-try .head h1{margin:0;font-size:clamp(34px,4.4vw,56px)}.lp-try .stage{grid-template-columns:.8fr auto 1.2fr;align-items:center;gap:26px;padding-block:18px 54px;display:grid}.lp-try .photo{background:var(--white);box-shadow:0 14px 30px var(--shadow);min-width:0;margin:0;padding:12px 12px 14px;position:relative;transform:rotate(-2.5deg)}.lp-try .photo:before{content:"";z-index:2;background:#ffe45cbf;width:96px;height:26px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-3deg)}.lp-try .notes{font-family:var(--f-hand);color:#2f3a63;background-color:#fffdf7;background-image:linear-gradient(90deg, transparent 26px, #f1a1a1 26px 27.5px, transparent 27.5px), repeating-linear-gradient(transparent 0 29px, var(--rule) 29px 30px);padding:12px 14px 18px 40px;font-size:24px;line-height:30px;position:relative;overflow:hidden}.lp-try .notes s{color:var(--bad);opacity:.8}.lp-try .scan{background:linear-gradient(#0000 0 46%,#ffe45c8c 50%,#0000 54%) 0 0/100% 220%;animation:3.2s ease-in-out infinite lp-try-scan;position:absolute;inset:0}.lp-try .photo figcaption{font-family:var(--f-hand);text-align:center;color:var(--sub);margin-top:8px;font-size:22px}.lp-try .arrow{font-family:var(--f-hand);place-items:center;gap:2px;font-size:24px;display:grid}.lp-try .arrow svg{width:70px;height:40px}.lp-try .lesson{transform:rotate(.6deg)}.lp-try .lh{color:var(--sub);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:18px 20px 10px;font-size:14px;display:flex}.lp-try .lh b{color:var(--ink)}.lp-try .live{font-family:var(--f-hand);color:var(--ink);font-size:24px;line-height:1}.lp-try .steps{flex-wrap:wrap;gap:8px;padding:0 20px;display:flex}.lp-try .pane{min-height:300px;padding:18px 20px 22px}.lp-try .pane h2{font-family:var(--f-marker);margin:0 0 8px;font-size:24px;font-weight:800}.lp-try .pane p{margin:0 0 12px;line-height:1.55}.lp-try .tw{margin-bottom:16px;overflow-x:auto}.lp-try table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:15px}.lp-try th,.lp-try td{text-align:right;border:1.5px solid var(--grid);padding:6px 10px}.lp-try th:first-child,.lp-try td:first-child{text-align:left}.lp-try th{background:var(--pg);font-size:13px}.lp-try td:last-child{background:#fff9d1;font-weight:700}.lp-try .card{perspective:900px;height:180px;margin-bottom:14px}.lp-try .card>button{width:100%;height:100%;transform-style:preserve-3d;background:0 0;border:0;padding:0;transition:transform .5s;position:relative}.lp-try .card.flip>button{transform:rotateY(180deg)}.lp-try .face{backface-visibility:hidden;text-align:center;color:#1d2b4f;background:#fff6a8;place-items:center;padding:18px;font-size:19px;line-height:1.35;display:grid;position:absolute;inset:0;box-shadow:0 8px 16px #1d2b4f1f}.lp-try .face.back{background:#d6f3e4;font-size:17px;transform:rotateY(180deg)}.lp-try .face small{font-family:var(--f-hand);color:var(--sub);margin-bottom:4px;font-size:22px;display:block}.lp-try .ctl{color:var(--sub);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.lp-try .opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.lp-try .opt{border:1.5px solid var(--ink);background:var(--white);font-variant-numeric:tabular-nums;border-radius:8px;padding:12px;font-size:18px;font-weight:700}.lp-try .opt.right{border-color:var(--ok);background:var(--oksoft)}.lp-try .opt.wrong{border-color:var(--bad);background:var(--badsoft)}.lp-try .fb{margin-bottom:8px;font-weight:700;line-height:1.5}.lp-try .sol{font-family:var(--f-hand);font-variant-numeric:tabular-nums;font-size:24px;line-height:1.2}.lp-try .sol ol{margin:4px 0 0;padding-left:24px}.lp-try .tap{font-family:var(--f-hand);text-align:right;color:var(--sub);margin:12px 0 0;font-size:26px}.lp-try .sticky small{font-family:var(--f-hand);color:var(--sub);font-size:22px;display:block}.lp-try .sticky b{font-family:var(--f-marker);margin-top:2px;font-size:20px;font-weight:800;display:block}.lp-try .sticky p{margin:8px 0 0;font-size:15px;line-height:1.5}@media (width<=860px){.lp-try .head,.lp-try .stage{grid-template-columns:1fr}.lp-try .arrow{grid-auto-flow:column;gap:8px}.lp-try .arrow svg{width:50px;transform:rotate(90deg)}.lp-try .tap{text-align:left}}@media (prefers-reduced-motion:reduce){.lp-try .scan{display:none}}@keyframes lp-try-scan{0%{background-position:0 100%}to{background-position:0 0}}
