.gramrow{margin-top:12px}.gramrow .gic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--g);color:#fff;font-weight:800;font-size:16px;flex:none}
.gcard{perspective:1400px;margin:6px 0 90px}
.gin{position:relative;display:grid;transition:transform .5s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;cursor:pointer}
.gin.flip{transform:rotateY(180deg)}
.gface{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--card);border-radius:28px;padding:24px 22px 18px;border-top:6px solid var(--g);min-height:440px;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(30,34,53,.08)}
.gback{transform:rotateY(180deg)}
.gtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.gno{font-size:13px;color:var(--mut);font-weight:600}
.gtt{font-size:25px;line-height:1.25;font-weight:800;color:var(--ink);margin:0 0 16px}.gtt.sm{font-size:19px}
.gbul{list-style:none;padding:0;margin:0;flex:1}.gbul li{position:relative;padding:0 0 0 26px;margin:0 0 14px;font-size:17px;line-height:1.45;color:var(--ink)}
.gbul li:before{content:"";position:absolute;left:4px;top:.5em;width:10px;height:10px;border-radius:50%;background:var(--g)}
.gex{display:flex;gap:12px;align-items:flex-start;background:var(--w);border-radius:18px;padding:14px;margin-bottom:12px}.gex p{margin:0 0 4px;font-size:17px;line-height:1.4}.gex p.oth{font-size:15px;color:var(--mut)}
.gtap{text-align:center;font-size:13px;color:var(--mut);margin:12px 0 0}.gback .legend{font-size:13px;color:var(--mut);margin:auto 0 0}
html.dark .gface{box-shadow:0 10px 30px rgba(0,0,0,.35)}
.gnum{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px;flex:none}
.brand{font:800 15px var(--sans);letter-spacing:.2px;color:var(--ink);margin:2px 0 6px}.brand span{font-weight:600;color:var(--mut)}
.swipehint.g3{display:grid!important;grid-template-columns:repeat(3,1fr);max-width:520px;margin:12px auto 0;text-align:center;gap:8px}
.swipehint.g3 span{display:flex;flex-direction:column;align-items:center;font-size:11px;line-height:1.25}.swipehint.g3 i{font-style:normal;font-size:18px;line-height:1}.swipehint.g3 b{font-size:12.5px;margin-top:2px}
.swipehint.g3 .q0{color:#D62828}.swipehint.g3 .q2{color:#1E8E3E}.swipehint.g3 .q3{color:#1F4FD1}
.rate.big button i.swa{display:block;font:700 10px var(--sans);font-style:normal;color:var(--pen);opacity:.7;margin-top:1px}
.gd3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 8px;text-align:center}
.gd3>div{border-radius:16px;padding:10px 4px;background:rgba(255,255,255,.55)}.gd3 .gar{display:block;font-size:24px;line-height:1;font-weight:800}.gd3 b{display:block;font-size:15px;margin:4px 0 2px}.gd3 small{font-size:11px;opacity:.85;line-height:1.3;display:block}
.gd3 .q0,.c0{color:#D62828}.gd3 .q2,.c2{color:#1E8E3E}.gd3 .q3,.c3{color:#1F4FD1}
.dark .gd3>div{background:rgba(0,0,0,.18)}
.dark .gd3 .q0,.dark .c0,.dark .swipehint.g3 .q0{color:#FF5A5A}.dark .gd3 .q2,.dark .c2,.dark .swipehint.g3 .q2{color:#4CD07A}.dark .gd3 .q3,.dark .c3,.dark .swipehint.g3 .q3{color:#6E9BFF}
.pitch{margin:6px 0 14px;font-size:15px;line-height:1.4}.pitch span{color:var(--mut);font-size:13.5px}