.gn-mark{background:var(--bone);color:var(--canvas);border-radius:2px;padding:0 3px}.rise-line{padding-bottom:.08em;display:block;overflow:hidden}.rise-line>span,.rise-after{display:block}@media (prefers-reduced-motion:no-preference){.rise-line>span{animation:.9s cubic-bezier(.16,1,.3,1) forwards hp-rise;transform:translateY(105%)}.rise-line+.rise-line>span{animation-delay:.11s}.rise-after{opacity:0;animation:.7s cubic-bezier(.22,1,.36,1) .52s forwards hp-fade}.gn-mark{animation:.42s cubic-bezier(.22,1,.36,1) hp-mark}.hp-appear{animation:.42s cubic-bezier(.22,1,.36,1) hp-fade}.hp-stage>*{transition:opacity .36s cubic-bezier(.22,1,.36,1),transform .36s cubic-bezier(.22,1,.36,1)}.hp-press{transition:transform .15s,background-color .15s,color .15s}.hp-press:active{transform:scale(.97)}.hp-js [data-reveal]{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.hp-js [data-reveal].in{opacity:1;transform:none}}@keyframes hp-rise{to{transform:none}}@keyframes hp-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes hp-mark{0%{color:var(--bone);background:0 0}}.hp-stage>[data-state]{opacity:0;pointer-events:none;transform:translateY(16px)}.hp-stage>[data-state].on{opacity:1;pointer-events:auto;transform:none}.gn-app{text-align:left;color:var(--bone);background:#0f0f0f;border-radius:30px;padding:22px}.gn-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.gn-logo{letter-spacing:.32em;color:var(--ash);font-size:12px}.gn-status{letter-spacing:.14em;color:var(--slate);font-variant-numeric:tabular-nums;font-size:12px}.gn-app .tagrow{justify-content:flex-start;margin:18px 0 0}.gn-body{grid-template-columns:.8fr 1.2fr;gap:12px;margin-top:16px;display:grid}.gn-pane{box-shadow:inset 0 0 0 1px var(--edge);background:#ffffff0a;border-radius:18px;min-width:0;padding:20px}.gn-label{color:var(--slate);font-size:13px}.gn-answer{margin-top:14px}.gn-code{color:var(--ash);white-space:pre;font:13px/1.6 Consolas,ui-monospace,monospace;overflow:hidden}.gn-code b{color:var(--bone);font-weight:400}.gn-said{color:var(--bone);margin-top:14px;font-size:15px}.gn-count{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:10px;font-size:clamp(28px,3.2vw,40px);font-weight:500;line-height:1}.gn-count small{letter-spacing:0;color:var(--ash);margin-left:8px;font-size:14px;font-weight:400}.gn-grid{grid-template-columns:repeat(32,minmax(0,1fr));gap:3px;margin-top:16px;display:grid}.gn-grid i{aspect-ratio:1;background:#ffffff12;border-radius:2px;transition:background-color .26s,transform .26s cubic-bezier(.23,1,.32,1)}.gn-grid i.ok{background:#edededeb}.gn-grid i.no{background:#fff3}.gn-grid i.best{z-index:1;background:#fff;position:relative;transform:scale(1.9);box-shadow:0 0 0 2px #0f0f0f,0 0 0 3px #fff}.gn-result{box-shadow:inset 0 0 0 1px var(--edge);background:#ffffff0a;border-radius:18px;flex-wrap:wrap;align-items:center;gap:12px;min-height:58px;margin-top:12px;padding:16px 20px;font-size:16px;transition:opacity .3s;display:flex}.gn-tag{color:#161616;background:#fff;border-radius:9999px;padding:4px 12px;font-size:13px;font-weight:500}.gn-key{color:var(--slate);gap:16px;margin-top:12px;font-size:13px;display:flex}.gn-key span:before{content:"";background:#edededeb;border-radius:2px;width:9px;height:9px;margin-right:6px;display:inline-block}.gn-key span+span:before{background:#fff3}.gn-stage-pic{min-width:0}.gn-stage-pic video,.gn-stage-pic .gn-picks,.gn-stage-pic .gn-chart{border-radius:22px}.gn-stage-txt{text-align:left;padding:18px 14px}.gn-stage-txt h3{letter-spacing:-.02em;font-size:24px}.gn-stage-txt p{color:var(--ash);margin-top:10px;font-size:16px}.gn-stage-txt .gn-big{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--bone);margin-top:26px;font-size:clamp(44px,5vw,64px);font-weight:500;line-height:1}.gn-stage-txt .gn-small{margin-top:8px}.gn-stage-txt .lnk{margin-top:24px}.gn-picks{background:#ffffff08;grid-template-columns:1fr 1fr;gap:10px;padding:10px;display:grid}.gn-pick{box-shadow:inset 0 0 0 1px var(--edge);background:#0a0a0a;border-radius:16px;padding:20px}.gn-pick .t{letter-spacing:-.02em;margin-top:12px;font-size:22px;font-weight:500;line-height:1.15}.gn-pick .b{color:#fff;background:#3d5afe;border-radius:8px;margin-top:14px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-block}.gn-pick .v{color:var(--bone);margin-top:14px;font-size:14px}.gn-chart{background:#ffffff08;padding:22px}.gn-bars{align-items:flex-end;gap:3px;height:170px;margin-top:18px;display:flex}.gn-bars>div{transform-origin:bottom;border-radius:3px 3px 0 0;flex-direction:column;flex:1;justify-content:flex-end;transition:transform .7s cubic-bezier(.23,1,.32,1);display:flex;overflow:hidden}.gn-bars span{transition:flex-grow .5s cubic-bezier(.23,1,.32,1);display:block}.gn-axis{color:var(--slate);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:13px;display:flex}.gn-vs{text-align:left;grid-template-columns:1fr 1fr;gap:12px;margin-top:48px;display:grid}.gn-vs>div{background:var(--graphite);box-shadow:inset 0 0 0 1px var(--edge);border-radius:24px;padding:32px}.gn-vs>div.win{color:#161616;background:#fff}.gn-vs h3{letter-spacing:-.04em;font-size:clamp(40px,4.4vw,60px)}.gn-vs .who{margin-top:6px;font-weight:500}.gn-vs ul{color:var(--ash);flex-direction:column;gap:8px;margin-top:22px;display:flex}.gn-vs .win ul{color:#3a3a3a}.gn-setup{min-width:0}.gn-setup ol{counter-reset:s;flex-direction:column;gap:10px;margin:18px 0 0;display:flex}.gn-setup ol li{color:var(--ash);counter-increment:s;padding-left:34px;position:relative}.gn-setup ol li:before{content:counter(s);width:22px;height:22px;color:var(--bone);background:#ffffff14;border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;top:1px;left:0}.gn-copy{box-shadow:inset 0 0 0 1px var(--edge);background:#00000059;border-radius:12px;align-items:center;gap:10px;margin-top:18px;padding:10px 10px 10px 14px;display:flex}.gn-copy code{white-space:nowrap;min-width:0;color:var(--bone);flex:1;font:13px Consolas,ui-monospace,monospace;overflow-x:auto}.gn-copy button{height:30px;color:var(--bone);cursor:pointer;background:#ffffff14;border:0;border-radius:9999px;flex:none;padding:0 12px;font:500 13px DM Sans,sans-serif;transition:transform .12s,background .15s}.gn-copy button:hover{background:#ffffff24}.gn-copy button:active{transform:scale(.96)}.gn-more{margin-top:16px}.gn-more summary{color:var(--ash);font-size:14px}.gn-more p{color:var(--ash);margin-top:8px;font-size:14px}@media (width<=860px){.gn-app{border-radius:20px;padding:16px}.gn-body,.gn-vs,.gn-picks{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.gn-grid i,.gn-bars>div,.gn-bars span{transition:none}}