@font-face{font-family:Pretendard;src:url(/protips-homepage/2026-10-13b/fonts/pretendard-var-20261026.woff2?v=68de953175) format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Hahmlet;src:url(/protips-homepage/2026-10-13b/fonts/hahmlet-700-20261026.woff2?v=070c59cfa7) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/protips-homepage/2026-10-13b/fonts/schibsted-var.woff2?v=98e11a53cf) format("woff2");font-weight:400 900;font-display:swap}.rb{--paper:#ffffff;--ink:#1c1c1e;--muted:#6c6c70;--line:#e5e5ea;--line-dark:rgba(255,255,255,.28);--muted-dark:#aeaeb2;--purple:#943c82;--under:#b22a3d;--over:#1f5fbf;--good:#1b7a4a;--under-dark:#e0536b;--over-dark:#6b9cf6;--gray:#8e8e93;--font-display:"Hahmlet","Pretendard",sans-serif;--font-figure:"Schibsted Grotesk","Pretendard",sans-serif;--font-body:"Pretendard",-apple-system,"Apple SD Gothic Neo",sans-serif}.rb *,.rb :after,.rb :before{box-sizing:border-box}.rb{scroll-behavior:smooth;-webkit-text-size-adjust:100%}.rb,.rb dd,.rb dl,.rb figure,.rb h1,.rb h2,.rb h3,.rb p,.rb ul{margin:0}.rb ul{padding:0;list-style:none}.rb a{color:inherit;text-decoration:none}.rb img{display:block;max-width:100%;height:auto}.rb :focus-visible{outline:3px solid var(--purple);outline-offset:4px}.rb .wrap{width:min(1200px,100% - 96px);margin-inline:auto}.rb .vh{position:absolute!important;margin:-1px;padding:0;clip:rect(0 0 0 0);border:0}.rb .skip,.rb .vh{width:1px;height:1px;overflow:hidden;white-space:nowrap}.rb .skip{position:fixed;top:8px;left:8px;z-index:50;padding:10px 14px;background:var(--ink);color:var(--paper);clip-path:inset(50%)}.rb .skip:focus{clip-path:none;width:auto;height:auto;overflow:visible}.rb .nw{white-space:nowrap}.rb h1,.rb h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;text-wrap:balance}.rb h1{font-size:60px;line-height:1.15}.rb h2{font-size:40px;line-height:1.2}.rb .fig{font-family:var(--font-figure)}.rb .holes,.rb .rtable .fig{font-variant-numeric:tabular-nums}.rb .board,.rb .convo,.rb .opening-copy,.rb .part,.rb .wrap>*{min-width:0}.rb .caps{font-family:var(--font-figure);font-weight:700;font-size:12px;line-height:1;letter-spacing:.03em;color:var(--muted)}.rb .caps-en{letter-spacing:.1em}.rb .c-under{color:var(--under)}.rb .c-good{color:var(--good)}.rb .pill{display:inline-flex;align-items:center;height:40px;padding:0 20px;border-radius:100px;font-weight:600;font-size:14px;line-height:1;white-space:nowrap}.rb .pill-ink{background:var(--ink);color:var(--paper)}.rb .pill-purple{background:var(--purple);color:#fff}.rb .pill:hover{opacity:.9}.rb .site-header{height:64px;border-bottom:1px solid var(--line);background:var(--paper)}.rb .header-row{display:flex;align-items:center;height:100%;gap:32px}.rb .logo img{width:96px;height:auto}.rb .nav{margin-right:auto}.rb .nav ul{display:flex;gap:28px;font-size:14px;font-weight:500}.rb .footer-links a:hover,.rb .lang:hover,.rb .nav a:hover{color:var(--purple)}.rb .lang{font-size:14px;color:var(--muted)}.rb .opening{background:var(--ink);color:var(--paper)}.rb .opening-grid{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:end;padding:64px 0 56px}.rb .opening .mast{color:var(--muted-dark);margin-bottom:28px;line-height:1.7;display:grid;gap:2px}.rb .opening .mast-course{color:var(--paper)}.rb .opening h1{margin-bottom:20px}.rb .opening .lead{color:var(--muted-dark);max-width:26em}.rb .opening .note{margin-top:32px;font-family:var(--font-figure);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--muted-dark)}.rb .board{border-top:3px solid var(--paper);padding-top:16px}.rb .score{display:flex;align-items:baseline;justify-content:space-between;font-weight:900;font-size:128px;line-height:.9;min-height:.9em;letter-spacing:-.03em;margin-bottom:28px}.rb .score-main,.rb .score-par{white-space:nowrap}.rb .score{gap:16px}.rb .score-par{font-size:72px;text-align:right}.rb .subs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.rb .sub{border-top:3px solid var(--rule,currentColor);padding-top:8px}.rb .sub .v{font-size:32px;font-weight:800;line-height:1;letter-spacing:-.01em;margin-top:10px}.rb .sub .v small{font-size:14px;font-weight:500;color:var(--muted);margin-left:1px}.rb .sub-under{color:var(--under-dark)}.rb .sub .d{font-size:13px;color:var(--muted);margin-top:6px}.rb .subs-dark .caps,.rb .subs-dark .sub .d,.rb .subs-dark .sub .v small{color:var(--muted-dark)}.rb .strip{margin-top:28px;display:grid;gap:12px}.rb .holes{width:100%;border-collapse:collapse;table-layout:fixed;font-family:var(--font-figure);font-variant-numeric:tabular-nums}.rb .holes td,.rb .holes th{text-align:center;padding:0;height:36px;font-weight:500;font-size:17px}.rb .holes thead th{height:24px;letter-spacing:.08em;border-bottom:1px solid var(--line-dark)}.rb .holes .rh,.rb .holes thead th{font-size:12px;font-weight:700;color:var(--muted-dark)}.rb .holes .rh{width:76px;text-align:left;letter-spacing:.1em}.rb .holes .tot{width:56px;border-left:1px solid var(--line-dark);font-weight:800}.rb .holes .par td{color:var(--muted-dark);border-bottom:1px solid var(--line-dark)}.rb .holes .sc td{font-weight:800}.rb .mk{display:inline-grid;place-items:center;width:30px;height:30px;line-height:1}.rb .mk.u{border:1.5px solid var(--under-dark);border-radius:50%}.rb .mk.o{border:1.5px solid var(--over-dark);border-radius:4px}.rb.js .board .sc td{opacity:0;transform:translateY(6px);transition:opacity .45s ease-out,transform .45s ease-out}.rb.js .board.is-filled .sc td{opacity:1;transform:none}.rb .section{padding:72px 0;border-top:1px solid var(--line)}.rb .section:first-of-type{border-top:0}.rb .head{display:grid;grid-template-columns:1fr;gap:14px;max-width:40em;margin-bottom:28px}.rb .head p{color:var(--muted)}.rb .trio{display:grid;grid-template-columns:300px 1fr 1fr;gap:40px;border-top:3px solid var(--ink);padding-top:20px}.rb .part{display:flex;flex-direction:column}.rb .part+.part{border-left:1px solid var(--line);padding-left:40px;margin-left:-20px}.rb .part figcaption{order:-1;margin-bottom:20px;color:var(--ink)}.rb .part-phone .phone{max-width:300px}.rb .tline{color:var(--ink);margin-bottom:14px}.rb .rtable{width:100%;border-collapse:collapse;font-size:15px}.rb .rtable .fig{font-family:var(--font-body);font-weight:600}.rb .rtable th{text-align:left;padding:0 16px 10px 0;border-bottom:2px solid var(--ink)}.rb .rtable tbody th,.rb .rtable td{padding:11px 16px 11px 0;border-bottom:1px solid var(--line);font-weight:500}.rb .rtable td:last-child,.rb .rtable th:last-child{padding-right:0}.rb .rtable .num{text-align:right}.rb .rtable td.num+td{padding-left:24px}.rb .rtable tbody th{font-weight:600}.rb .foot{display:grid;gap:8px;margin-top:16px;font-size:13px}.rb .foot div{display:flex;gap:10px}.rb .foot dt{color:var(--muted)}.rb .strip-block{border-left:4px solid var(--good);padding-left:16px}.rb .sum-fig{font-size:72px;font-weight:900;line-height:1;letter-spacing:-.03em}.rb .sum-label{color:var(--muted);font-size:15px;margin-top:8px}.rb .subs-2{grid-template-columns:1fr 1fr;margin-top:28px}.rb .trend-head{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:end}.rb .headfig{font-size:128px;font-weight:900;line-height:.9;letter-spacing:-.03em;margin-bottom:12px}.rb .trend-line{margin:20px 0 36px;font-size:20px;font-weight:600}.rb .chart{position:relative;padding-right:72px}.rb .plot{position:relative;height:360px;outline-offset:8px}.rb .grid .gl,.rb .grid .ref{position:absolute;left:0;right:0;top:var(--y);border-top:1px dotted #c7c7cc}.rb .grid .ref{border-top:1.5px solid var(--c)}.rb .grid .ref-dash{border-top-style:dashed}.rb .trace{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.rb .trace-line{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}.rb .trace-last,.rb .trace-marks{fill:none;stroke:var(--ink);stroke-linecap:round;vector-effect:non-scaling-stroke}.rb .trace-last{stroke-width:14}.rb.js .chart .trace{clip-path:inset(-20px 100% -20px -20px);transition:clip-path 1.4s cubic-bezier(.2,.7,.2,1)}.rb.js .chart.is-drawn .trace{clip-path:inset(-20px -20px -20px -20px)}.rb .axis{position:absolute;top:0;height:360px;right:0;width:60px}.rb .axis .tick{position:absolute;top:var(--y);right:0;transform:translateY(-50%);font-size:13px;color:var(--muted)}.rb .axis .tick-70{display:none}.rb .axis .tag{position:absolute;top:var(--y);right:0;transform:translateY(-50%);background:var(--c);color:#fff;font-size:12px;font-weight:700;line-height:1;padding:4px 7px;border-radius:3px}.rb .xl{display:flex;justify-content:space-between;margin-top:12px;padding-right:0;font-size:13px;color:var(--muted)}.rb .side{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start}.rb .side-copy p{color:var(--muted);margin-top:16px;max-width:24em}.rb .convo{border-top:3px solid var(--ink);padding-top:24px;display:flex;flex-direction:column}.rb .bubble{align-self:flex-end;background:var(--purple);color:#fff;padding:12px 18px;border-radius:22px;font-size:17px;font-weight:500}.rb .ask-a{margin-top:28px}.rb .answer{font-size:20px;font-weight:600;line-height:1.5;margin:12px 0 20px}.rb.js .convo .ask-a,.rb.js .convo .bubble{opacity:0;transform:translateY(8px);transition:opacity .5s ease-out,transform .5s ease-out}.rb.js .convo .ask-a{transition-delay:.45s}.rb.js .convo.is-in .ask-a,.rb.js .convo.is-in .bubble{opacity:1;transform:none}.rb .media{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:stretch}.rb .media .photo{width:100%;height:0;min-height:100%;object-fit:cover}.rb .faq details{border-top:1px solid var(--line)}.rb .faq details:last-child{border-bottom:1px solid var(--line)}.rb .faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:17px;font-weight:600;cursor:pointer;list-style:none}.rb .faq summary::-webkit-details-marker{display:none}.rb .faq summary:after{content:"+";font-family:var(--font-figure);font-weight:500;font-size:22px;color:var(--muted)}.rb .faq details[open] summary:after{content:"−"}.rb .faq details p{color:var(--muted);padding-bottom:18px;max-width:40em}.rb .closing{background:var(--ink);color:var(--paper);padding:120px 0}.rb .closing h2{font-size:56px}.rb .closing .pill{margin-top:36px}.rb .site-footer{padding:40px 0}.rb .footer-row{display:flex;align-items:center;gap:32px;font-size:14px;color:var(--muted)}.rb .footer-brand{display:flex;align-items:center;gap:20px;margin-right:auto}.rb .footer-brand img{width:96px}.rb .footer-links{display:flex;gap:20px}.rb .phone{background:#09090b;border:2px solid #77777b;border-radius:44px;padding:9px}.rb .phone img{width:100%;height:auto;aspect-ratio:1206/2622;object-fit:contain;border-radius:34px;background:#fff}@media (max-width:1100px){.rb .opening-grid{grid-template-columns:1fr;gap:48px;align-items:start}.rb .trio{grid-template-columns:1fr 1fr}.rb .part-phone{grid-row:1/3}.rb .part+.part{margin-left:0}.rb .part-sum{border-left:0;padding-left:0}.rb .head,.rb .side,.rb .trend-head{grid-template-columns:1fr;gap:24px}.rb .media{grid-template-columns:1fr}.rb .media .photo{height:420px;min-height:0}.rb .media .phone{max-width:320px}}@media (max-width:760px){.rb{font-size:16px}.rb .wrap{width:calc(100% - 40px)}.rb .nav{display:none}.rb .header-row{gap:16px}.rb .lang{margin-left:auto}.rb h1{font-size:34px}.rb h2{font-size:28px}.rb .closing h2{font-size:34px}.rb .caps{font-size:11px}.rb .opening-grid{padding:40px 0 48px}.rb .score{font-size:64px;margin-bottom:20px}.rb .score-par{font-size:36px}.rb .subs{grid-template-columns:1fr 1fr;gap:12px 16px}.rb .sub .v{font-size:24px}.rb .holes td,.rb .holes th{font-size:15px;height:32px}.rb .holes .rh{width:58px;font-size:10px;letter-spacing:.06em}.rb .holes thead th{font-size:10px}.rb .holes .tot{width:36px}.rb .mk{width:26px;height:26px}.rb .section{padding:56px 0}.rb .head{margin-bottom:24px}.rb .trio{grid-template-columns:1fr;gap:32px}.rb .part-phone{grid-row:auto}.rb .part+.part{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:24px}.rb .headfig,.rb .sum-fig{font-size:72px}.rb .trend-line{font-size:17px;margin-bottom:24px}.rb .plot{height:240px}.rb .chart,.rb .xl{padding-right:52px}.rb .media .photo{height:300px}.rb .live{gap:28px}.rb .axis{height:240px}.rb .closing{padding:72px 0}.rb .footer-row{flex-wrap:wrap;gap:16px}.rb .footer-brand{flex-direction:column;align-items:flex-start;gap:12px}}@media (prefers-reduced-motion:reduce){.rb{scroll-behavior:auto}.rb.js .board .sc td,.rb.js .chart .trace,.rb.js .convo .ask-a,.rb.js .convo .bubble{opacity:1;transform:none;clip-path:none;transition:none}}.rb .holes .sc td{cursor:default;border-radius:4px;transition:background .15s}.rb .holes .sc td.is-on,.rb .holes .sc td:hover{background:rgba(255,255,255,.1)}.rb .closing :focus-visible,.rb .opening :focus-visible{outline-color:#fff}.rb .holes .sc td:focus-visible{outline:2px solid #fff;outline-offset:-2px}.rb .detail{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line-dark);font-size:13px;font-weight:500;line-height:22px;color:var(--muted-dark);height:35px;overflow:hidden}.rb .detail .detail-k{color:var(--paper);font-weight:700}.rb .detail .detail-under{color:var(--under-dark)}.rb .detail .detail-over{color:var(--over-dark)}.rb.js .board.is-filled .sc .mk.o,.rb.js .board.is-filled .sc .mk.u{animation:markin .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:inherit}@keyframes markin{0%{transform:scale(.6)}to{transform:scale(1)}}.rb .plot{cursor:crosshair;touch-action:pan-y}.rb .hover{position:absolute;inset:0;opacity:0;transition:opacity .15s;pointer-events:none}.rb .chart.is-hover .hover{opacity:1}.rb .hover-rule{top:0;bottom:0;border-left:1px dashed var(--ink)}.rb .hover-dot,.rb .hover-rule{position:absolute;left:var(--x,0)}.rb .hover-dot{top:var(--y,0);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--paper);border:2px solid var(--ink)}.rb .hover-tag{position:absolute;left:var(--x,0);top:-6px;transform:translate(-50%,-100%);background:var(--ink);color:#fff;font-size:12px;font-weight:700;line-height:1;padding:5px 8px;border-radius:3px;white-space:nowrap}.rb .hover-tag.at-edge-l{transform:translateY(-100%)}.rb .hover-tag.at-edge-r{transform:translate(-100%,-100%)}.rb.js .chart.is-drawn .trace-marks{animation:popmarks .6s ease-out .9s both}@keyframes popmarks{0%{opacity:0}to{opacity:1}}.rb .phone-btn{display:block;width:100%;padding:9px;border:2px solid #77777b;cursor:zoom-in;font:inherit;color:inherit;text-align:left;transition:border-color .2s}.rb .phone-btn:hover{border-color:#bdbdc2}.rb .viewer{border:0;padding:0;background:var(--paper);color:var(--ink);max-width:min(960px,calc(100vw - 40px));width:100%}.rb .viewer::backdrop{background:rgba(28,28,30,.72)}.rb .viewer-grid{display:grid;grid-template-columns:320px 1fr;gap:40px;padding:40px;align-items:center}.rb .viewer-copy p+p{margin-top:12px;font-size:18px;line-height:1.6}.rb .viewer-copy .pill{margin-top:28px}.rb.js .viewer[open]{animation:viewerin .25s ease-out}@keyframes viewerin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rb .nav a{position:relative;padding:4px 0}.rb .nav a.is-current{color:var(--purple)}@media (max-width:760px){.rb .viewer-grid{grid-template-columns:1fr;gap:20px;padding:20px}.rb .viewer-phone{max-width:220px;margin:0 auto}.rb .detail{gap:0 12px;font-size:12px}.rb .hover-tag{font-size:11px}}@media (prefers-reduced-motion:reduce){.rb.js .board.is-filled .sc .mk.o,.rb.js .board.is-filled .sc .mk.u,.rb.js .chart.is-drawn .trace-marks,.rb.js .viewer[open]{animation:none}.rb .phone-btn{transition:none}}.rb .perf{display:grid;grid-template-columns:300px 1fr;gap:64px;border-top:3px solid var(--ink);padding-top:20px;align-items:start}.rb .perf-phone{display:flex;flex-direction:column}.rb .perf-phone figcaption{margin-bottom:20px;color:var(--ink)}.rb .seg{display:inline-flex;border:1px solid var(--line);border-radius:100px;padding:3px;margin-bottom:24px}.rb .seg button{border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--muted);padding:8px 16px;border-radius:100px;cursor:pointer;transition:background .2s,color .2s}.rb .seg button[aria-checked=true]{background:var(--ink);color:var(--paper)}.rb .perf-board .m-l20,.rb .perf-board[data-view=l20] .m-last{display:none}.rb .perf-board[data-view=l20] .m-l20{display:inline}.rb .perf-meta{color:var(--muted);margin-bottom:14px}.rb .perf-head{display:flex;align-items:baseline;gap:16px;border-left:4px solid var(--good);padding-left:16px;transition:border-color .3s}.rb .perf-board[data-view=l20] .perf-head{border-left-color:var(--under)}.rb .perf-fig{font-size:96px;font-weight:900;line-height:.9;letter-spacing:-.03em}.rb .perf-label{color:var(--muted);font-size:17px}.rb .perf-line{margin:20px 0 24px;font-size:20px;font-weight:600}.rb .perf-table .v-l20,.rb .perf-table .v-last{font-size:17px;transition:opacity .3s,font-weight .3s}.rb .perf-board[data-view=l20] .v-last,.rb .perf-board[data-view=last] .v-l20{opacity:.38}.rb .perf-table .bar-cell,.rb .perf-table .bar-head{width:34%;padding-left:24px}.rb .bar{position:relative;display:block;height:10px}.rb .bar:before{content:"";position:absolute;left:50%;top:-6px;bottom:-6px;border-left:1px solid var(--line)}.rb .bar-fill{position:absolute;top:0;bottom:0;left:var(--l,50%);width:var(--w,0);background:var(--c,var(--good));transition:left .6s cubic-bezier(.2,.8,.2,1),width .6s cubic-bezier(.2,.8,.2,1),background .3s}.rb .perf-total td,.rb .perf-total th{border-top:2px solid var(--ink);font-weight:700}.rb .perf-note{margin-top:16px;font-size:13px;color:var(--muted)}.rb .c-ink{color:var(--ink)}@media (max-width:1100px){.rb .perf{grid-template-columns:1fr}.rb .perf-phone .phone{max-width:300px}}@media (max-width:760px){.rb .perf{gap:32px}.rb .perf-phone .phone{max-width:220px}.rb .perf-fig{font-size:64px}.rb .perf-label{font-size:15px}.rb .perf-line{font-size:17px}.rb .perf-head{flex-wrap:wrap;gap:4px 12px}.rb .perf-table .bar-cell,.rb .perf-table .bar-head{width:28%;padding-left:12px}.rb .seg button{padding:8px 12px}}@media (prefers-reduced-motion:reduce){.rb .bar-fill,.rb .perf-head,.rb .seg button{transition:none}}.rb .swing{display:grid;grid-template-columns:5fr 7fr;gap:48px;border-top:3px solid var(--ink);padding-top:20px;align-items:start}.rb .swing figcaption{margin-bottom:16px;color:var(--ink)}.rb .draw-stage{position:relative;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}.rb .draw-stage img{width:100%;height:auto;display:block}.rb .draw-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.rb .ln{stroke:#ff3b30;stroke-width:5;stroke-linecap:round;vector-effect:non-scaling-stroke;fill:none}.rb .user .ln{stroke:#fff}.rb .user .dot{fill:#fff}.rb .angle-tag{left:var(--ax,30%);top:var(--ay,30%);transform:translate(-50%,-50%);background:rgba(28,28,30,.86);color:#fff;font-size:15px;font-weight:700;padding:6px 10px;border-radius:4px;white-space:nowrap}.rb .angle-tag,.rb .angles{position:absolute;pointer-events:none}.rb .angles{inset:9px}.rb .draw-clear{position:absolute;right:12px;bottom:12px;border:0;border-radius:100px;background:rgba(28,28,30,.86);color:#fff;font:inherit;font-size:13px;font-weight:600;padding:8px 14px;cursor:pointer}.rb .draw-hint{margin-top:12px;font-size:13px;color:var(--muted)}.rb .swing-finish img{width:100%;height:auto;display:block}.rb .controls{margin-top:28px}.rb .controls tbody th{width:34%}.rb .controls td{color:var(--muted);font-weight:400}.rb .photo-credit{margin-top:14px;font-size:12px;color:var(--muted)}@media (max-width:760px){.rb .swing{grid-template-columns:1fr;gap:32px}.rb .draw-stage{max-width:360px}}.rb .score .slot{position:relative}.rb .score .slot,.rb .score .slot .cur,.rb .score .slot .ghost{display:inline-block}.rb .score .slot .ghost{position:absolute;left:0;top:0;pointer-events:none}.rb .score-par.slot .ghost{left:auto;right:0}.rb #s-out{clip-path:inset(0 -.6em 0 -.6em)}.rb #s-in{perspective:600px}.rb #s-in .cur,.rb #s-in .ghost{backface-visibility:hidden}.rb .score .is-off{display:none}.rb .swing-side-grid{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start}.rb .swing-side-grid .controls{margin-top:36px}@media (max-width:1100px){.rb .swing-side-grid{grid-template-columns:220px 1fr;gap:28px}}@media (max-width:760px){.rb .swing-side-grid{grid-template-columns:1fr}.rb .swing-finish .phone{max-width:240px}.rb .swing-side-grid .controls{margin-top:0}}.rb .swing{grid-template-columns:420px 1fr;gap:64px}.rb .app-stage{position:relative;padding:9px;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}.rb .app-stage img{border-radius:34px}.rb .app-stage .draw-layer{position:absolute;inset:9px;width:calc(100% - 18px);height:calc(100% - 18px)}.rb .app-stage .ln{stroke-width:3.5}.rb .app-stage .angle-tag{font-size:13px;padding:5px 9px}.rb .app-stage .draw-clear{right:24px;top:21%;bottom:auto}.rb .vid{position:absolute;inset:9px;pointer-events:none}.rb .vid video{position:absolute;left:0;top:9.115%;width:100%;height:81.77%;object-fit:cover;opacity:0;transition:opacity .2s}.rb .vid video.is-on{opacity:1}.rb .phone .vid-chrome{position:absolute;inset:0;width:100%;height:100%;background:none}.rb .swing-side .controls{margin-top:36px}@media (max-width:1100px){.rb .swing{grid-template-columns:360px 1fr;gap:40px}}@media (max-width:760px){.rb .swing{grid-template-columns:1fr}.rb .app-stage{max-width:340px}.rb .swing-side .controls{margin-top:0}}.rb .perf-screen{position:relative}.rb .perf-screen .spot{position:absolute;inset:9px;width:calc(100% - 18px);height:calc(100% - 18px);border-radius:34px;pointer-events:none}.rb .spot .wash{fill:rgba(255,255,255,.74)}.rb .spot .ring{fill:none;stroke:var(--ink);stroke-width:4}.rb .spot .hole,.rb .spot .ring{x:16px;transition:y .45s cubic-bezier(.2,.8,.2,1),height .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1)}.rb .perf[data-view=last] .spot .h1{y:704px;width:1174px;height:356px}.rb .perf[data-view=last] .spot .h2{y:1095px;width:1174px;height:207px}.rb .perf[data-view=last] .spot .h3{y:1302px;width:1174px;height:0}.rb .perf[data-view=l20] .spot .h1{y:1095px;width:1174px;height:105px}.rb .perf[data-view=l20] .spot .h2{y:1296px;width:1174px;height:108px}.rb .perf[data-view=l20] .spot .h3{y:1436px;width:1000px;height:64px}.rb .perf[data-view=last] .spot:lang(en) .h2{y:1083px;height:202px}.rb .perf[data-view=last] .spot:lang(en) .h3{y:1285px}.rb .perf[data-view=l20] .spot:lang(en) .h1{y:1083px;height:124px}.rb .perf[data-view=l20] .spot:lang(en) .h2{y:1288px;height:96px}.rb .perf[data-view=l20] .spot:lang(en) .h3{y:1426px;width:760px;height:58px}.rb .perf[data-view=last] .spot .ring.h3{stroke-width:0}@media (prefers-reduced-motion:reduce){.rb .spot .hole,.rb .spot .ring{transition:none}}.rb .legend{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 0 20px;font-size:13px;color:var(--muted)}.rb .legend li{display:inline-flex;align-items:center;gap:8px}.rb .lg-dot{width:9px;height:9px;border-radius:50%;background:var(--ink)}.rb .lg-ma{width:22px;height:3px;background:var(--purple);border-radius:2px}.rb .lg-zone{width:14px;height:10px}.rb .lg-good{background:#e3f1e9}.rb .lg-warn{background:#f8e3e6}.rb .grid .zone{position:absolute;left:0;right:0}.rb .zone-warn{top:0;height:50%;background:#fbeef0}.rb .zone-good{top:65%;bottom:0;background:#eef7f2}.rb .trace-area{display:none}.rb .trace-ma{fill:none;stroke:var(--purple);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.9}.rb .trace-line{stroke-width:1.6}.rb .trace-marks{stroke-width:9}.rb .m-good{stroke:var(--good)}.rb .m-mid{stroke:var(--ink)}.rb .m-warn{stroke:var(--under)}.rb .trace-last{stroke-width:16}.rb .note-pt{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,12px);font-size:12px;font-weight:700;color:var(--good);white-space:nowrap;pointer-events:none}.rb .note-pt.note-up{transform:translate(-50%,calc(-100% - 12px));color:var(--under)}.rb.js .chart .trace-area{opacity:0;transition:opacity .6s ease-out .8s}.rb.js .chart.is-drawn .trace-area{opacity:1}.rb.js .chart .trace-ma{stroke-dasharray:2000;stroke-dashoffset:2000;transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1) .9s}.rb.js .chart.is-drawn .trace-ma{stroke-dashoffset:0}.rb.js .chart .note-pt{opacity:0;transition:opacity .4s ease-out 1.3s}.rb.js .chart.is-drawn .note-pt{opacity:1}.rb .answer b{font-weight:800}.rb .cited-head{margin:24px 0 10px;color:var(--ink)}.rb .ask-table td.prev{color:var(--muted)}.rb .ask-table tr.cited td:not(.prev),.rb .ask-table tr.cited th{font-weight:800}.rb .ask-table tr.cited th{border-left:3px solid var(--purple);padding-left:10px}.rb .ask-foot{margin-top:12px;font-size:13px;color:var(--muted)}.rb.js .convo .ask-table tbody tr{opacity:0;transform:translateY(6px);transition:opacity .35s ease-out,transform .35s ease-out}.rb.js .convo.is-in .ask-table tbody tr{opacity:1;transform:none}.rb.js .convo.is-in .ask-table tbody tr:first-child{transition-delay:.61s}.rb.js .convo.is-in .ask-table tbody tr:nth-child(2){transition-delay:.67s}.rb.js .convo.is-in .ask-table tbody tr:nth-child(3){transition-delay:.73s}.rb.js .convo.is-in .ask-table tbody tr:nth-child(4){transition-delay:.79s}.rb.js .convo.is-in .ask-table tbody tr:nth-child(5){transition-delay:.85s}.rb.js .convo.is-in .ask-table tbody tr:nth-child(6){transition-delay:.91s}.rb.js .convo.is-in .ask-table tbody tr:nth-child(7){transition-delay:.97s}.rb.js .convo.is-in .ask-table tbody tr:nth-child(8){transition-delay:1.03s}.rb .swing-side{padding-top:6px}.rb .angle-big{font-size:96px;font-weight:900;line-height:.95;letter-spacing:-.03em;margin:10px 0 24px}.rb .lines-table td.num{white-space:nowrap}.rb .lines-table tr.mine td{color:var(--muted)}.rb .lines-table tr.mine.is-live td{color:var(--ink);font-weight:700}.rb .sw{display:inline-block;width:22px;height:4px;border-radius:2px;margin-right:10px;vertical-align:middle}.rb .sw-red{background:#ff3b30}.rb .sw-yellow{background:#ffd60a}.rb .sw-white{background:#fff;box-shadow:0 0 0 1px var(--ink)}.rb .tool-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px}.rb .tool-cols .controls{margin-top:0}.rb .tool-cols .controls tbody th{width:38%}@media (max-width:1100px){.rb .tool-cols{grid-template-columns:1fr}}@media (max-width:760px){.rb .angle-big{font-size:64px}.rb .ask-table{font-size:13px}.rb .ask-table td,.rb .ask-table th{padding-right:8px}.rb .legend{gap:6px 16px}}@media (prefers-reduced-motion:reduce){.rb.js .chart .note-pt,.rb.js .chart .trace-area,.rb.js .chart .trace-ma,.rb.js .convo .ask-table tbody tr{transition:none;opacity:1;transform:none;stroke-dashoffset:0}}.rb .ask-phone{margin-top:40px;max-width:280px}.rb .ask-phone figcaption{margin-top:14px}@media (max-width:1100px){.rb .ask-phone{display:none}}@media (max-width:760px){.rb .xl{padding-right:0}.rb .chart .xl{margin-right:52px}}.rb .side-lead{margin:12px 0 20px;font-size:20px;font-weight:600;line-height:1.5}.rb .mode-seg{margin-bottom:18px}.rb .mode-viz{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0 18px}.rb .mv-track{position:relative;height:10px;border-radius:5px;background:var(--line);margin:14px 8px 30px}.rb .mv-range{position:absolute;left:12.5%;width:47.9%;top:0;bottom:0;background:rgba(148,60,130,.28);border-radius:5px;transition:opacity .25s}.rb .mode-viz[data-mode=normal] .mv-range{opacity:.35}.rb .mv-a,.rb .mv-b{position:absolute;top:18px;transform:translateX(-50%);font-size:12px;font-weight:700;color:var(--purple)}.rb .mv-a{left:12.5%}.rb .mv-b{left:60.4%}.rb .mv-a:before,.rb .mv-b:before{content:"";position:absolute;left:50%;top:-24px;width:3px;height:18px;margin-left:-1.5px;border-radius:2px;background:var(--purple)}.rb .mv-head{position:absolute;top:50%;left:12.5%;width:18px;height:18px;transform:translate(-50%,-50%);border-radius:50%;background:var(--ink);border:3px solid var(--paper);box-sizing:content-box}.rb .mv-desc span{display:none;color:var(--muted)}.rb .mode-viz[data-mode=bounce] .d-bounce,.rb .mode-viz[data-mode=loop] .d-loop,.rb .mode-viz[data-mode=normal] .d-normal{display:inline}.rb .steps{margin-top:28px}.rb .steps .step{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:10px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:12px;font-weight:700}.rb .steps tbody th{width:34%;white-space:nowrap}.rb .pb-range{fill:rgba(148,60,130,.45)}.rb .pb-handle{fill:var(--purple)}.rb .pb-head{fill:#fff;stroke:var(--ink);stroke-width:5}@media (max-width:760px){.rb .side-lead{font-size:17px}}.rb .duo{display:grid;grid-template-columns:560px 1fr;gap:72px;align-items:center}.rb .duo-stage{position:relative;height:700px}.rb .duo-stage figure{position:absolute;margin:0}.rb .duo-front{left:0;bottom:0;width:330px;z-index:2}.rb .duo-front .phone{box-shadow:0 24px 48px -28px rgba(28,28,30,.3)}.rb .duo-back{left:280px;top:0;width:250px;z-index:1}.rb .duo-notes{margin:0 0 8px;border-top:3px solid var(--ink)}.rb .duo-notes>div{padding:18px 0 20px;border-bottom:1px solid var(--line)}.rb .duo-notes dt{color:var(--ink);margin-bottom:10px}.rb .duo-notes dd{margin:0;color:var(--muted);max-width:30em}@media (max-width:1100px){.rb .duo{grid-template-columns:1fr;gap:40px}.rb .duo-stage{width:min(560px,100%)}}@media (max-width:760px){.rb .duo-stage{height:auto;aspect-ratio:560/700}.rb .duo-front{width:59%}.rb .duo-back{left:50%;width:45%}}.rb{min-height:100vh;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--font-body);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere}.rb .lang{white-space:nowrap;flex-shrink:0}.rb .footer-links,.rb .footer-row{flex-wrap:wrap}.rb .footer-links a{white-space:nowrap}@media (max-width:760px){.rb .header-row{gap:12px}.rb .logo,.rb .pill{flex-shrink:0}.rb .pill{padding-inline:14px}}