:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}
.case{--r:max(22px, calc(var(--u) * 56));--face:#f6f7fa;gap:max(10px, calc(var(--u) * 20));padding:0 var(--gutter) max(48px, calc(var(--u) * 120));display:grid}.case-intro{column-gap:max(10px, calc(var(--u) * 20));row-gap:max(20px, calc(var(--u) * 50));padding:max(28px, calc(var(--u) * 80)) 0 max(6px, calc(var(--u) * 10));grid-template-columns:1277fr 1183fr;grid-template-areas:"head headline""meta tldr";align-items:start;display:grid}.case-head{justify-items:start;gap:max(10px, calc(var(--u) * 22));grid-area:head;display:grid}.case-num{font-family:var(--font-num), sans-serif;font-size:max(26px, calc(var(--u) * 80));letter-spacing:-.06em;margin:0;font-weight:800;line-height:1}.case-title{font-size:max(28px, calc(var(--u) * 96));letter-spacing:-.045em;text-wrap:balance;margin:0;font-weight:760;line-height:1.08}.case-role{padding:max(5px, calc(var(--u) * 10)) max(12px, calc(var(--u) * 26));font-size:max(13px, calc(var(--u) * 30));letter-spacing:-.02em;background:#fff;border:1px solid #e3e6ec;border-radius:999px;margin:0;display:inline-flex}.case-role span+span:before{content:"";vertical-align:-.1em;background:#d5d9e1;width:1px;height:.9em;margin:0 .75em;display:inline-block}.case-headline{max-width:18em;font-size:max(20px, calc(var(--u) * 60));letter-spacing:-.04em;text-wrap:balance;grid-area:headline;align-self:end;margin:0;font-weight:700;line-height:1.35}.case-tldr,.case-meta{padding:max(6px, calc(var(--u) * 12)) max(16px, calc(var(--u) * 40));border-radius:calc(var(--r) * .8);background:var(--face);margin:0}.case-tldr{grid-area:tldr}.case-meta{grid-area:meta}.case-tldr div,.case-meta div{padding:max(11px, calc(var(--u) * 22)) 0;gap:12px;line-height:1.5;display:grid}.case-tldr div+div,.case-meta div+div{border-top:1px solid #e6e9ef}.case-tldr div{grid-template-columns:max(46px, calc(var(--u) * 110)) 1fr;font-size:max(15px, calc(var(--u) * 34));letter-spacing:-.02em;align-items:baseline}.case-tldr dt{background:var(--ink);color:#fff;border-radius:999px;justify-self:start;padding:1px 10px;font-size:.8em;font-weight:600}.case-tldr [data-k=결과] dt{color:var(--ink);background:#c8ff00}.case-tldr dd{margin:0}.case-tldr [data-k=결과] dd{font-weight:650}.case-meta div{grid-template-columns:max(64px, calc(var(--u) * 150)) 1fr;font-size:max(14px, calc(var(--u) * 30))}.case-meta dt{color:var(--ink-2)}.case-meta dd{margin:0}@media not (min-width:860px){.case-intro{grid-template-columns:1fr;grid-template-areas:"head""headline""tldr""meta"}}.case-block{min-width:0}.case-card{padding:max(20px, calc(var(--u) * 52)) max(18px, calc(var(--u) * 52));border-radius:var(--r);background:var(--face)}.case-pill{margin:0 0 max(14px, calc(var(--u) * 28));padding:max(7px, calc(var(--u) * 14)) max(14px, calc(var(--u) * 30));background:var(--ink);color:#fff;font-size:max(13px, calc(var(--u) * 30));letter-spacing:-.02em;border-radius:999px;font-weight:600;display:inline-flex}.case-note{text-wrap:pretty;max-width:none;margin:max(12px, calc(var(--u) * 24)) 0 0;font-size:max(14px, calc(var(--u) * 32));color:var(--ink-2);line-height:1.65}.case-figure{padding:max(8px, calc(var(--u) * 20)) 0;justify-content:center;display:flex;overflow-x:clip;container:case-fig/inline-size}.case-figure>*{--fu:calc(min(100cqi, 1100px) / 900)}.case-figure>.fig-platform{--fu:calc(min(100cqi, 700px) / 520)}.case-figure>.fig-motion{--fu:calc(min(100cqi, 800px) / 640)}.proto{--k:max(8px, calc(var(--u) * 16));--tab-h:max(52px, calc(var(--u) * 104));--pr:max(26px, calc(var(--u) * 64));container:proto/inline-size}.proto-bar{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.proto-tab{gap:max(4px, calc(var(--u) * 8));height:var(--tab-h);padding:var(--k) var(--k) 0;border-radius:var(--pr) var(--pr) 0 0;background:var(--ink);display:flex;position:relative}.proto-tab:after{content:"";right:calc(var(--pr) * -1);width:var(--pr);height:var(--pr);background:radial-gradient(circle at 100% 0, transparent calc(var(--pr) - .5px), var(--ink) var(--pr));position:absolute;bottom:0}.proto-tab button,.proto-tab a{height:calc(var(--tab-h) - var(--k) * 1.6);padding:0 max(12px, calc(var(--u) * 26)) 0 max(10px, calc(var(--u) * 20));border-radius:max(12px, calc(var(--u) * 24));color:#8d8d8d;cursor:pointer;transition:background-color .25s var(--ease-out), color .25s var(--ease-out);background:0 0;border:0;align-items:center;gap:8px;display:inline-flex}.proto-tab button:hover,.proto-tab a:hover{color:#fff}.proto-tab button:disabled{opacity:.3;cursor:not-allowed}.proto-tab button[aria-pressed=true]{color:#fff;background:#5d5d58}.proto-tab-label{font-size:max(13px, calc(var(--u) * 28));white-space:nowrap;font-weight:600}.proto-tab svg{width:max(18px, calc(var(--u) * 40));fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.proto-tab :focus-visible{outline-offset:-3px;outline:2px solid #fff}.proto-controls{padding-bottom:max(8px, calc(var(--u) * 16));flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.seg{background:var(--face);border-radius:999px;padding:3px;display:inline-flex}.seg button{padding:max(6px, calc(var(--u) * 12)) max(12px, calc(var(--u) * 26));color:var(--ink-2);font:inherit;font-size:max(13px, calc(var(--u) * 28));letter-spacing:-.02em;cursor:pointer;transition:background-color .25s var(--ease-out), color .25s var(--ease-out);background:0 0;border:0;border-radius:999px}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--ink);color:#fff}.seg button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.proto-body{padding:var(--k);border-radius:0 var(--pr) var(--pr) var(--pr);background:var(--ink)}.proto-view{border-radius:calc(var(--pr) - var(--k));background:#eef0f4;place-items:center;height:clamp(440px,46vw,780px);display:grid;overflow:hidden}.proto-view:has(.proto-dots){grid-auto-flow:row;align-content:center;gap:4px}.proto-device{transition:width .55s var(--ease-out), height .55s var(--ease-out), border-radius .55s var(--ease-out);background:#fff;position:relative;overflow:hidden;box-shadow:0 0 0 1px #14141e14,0 24px 50px -24px #14141e73}.proto-device video{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.proto-device iframe{transform-origin:0 0;background:#fff;border:0;position:absolute;top:0;left:0}.proto-foot{margin:max(12px, calc(var(--u) * 22)) 0 0;font-size:max(13px, calc(var(--u) * 28));color:var(--ink-2);align-items:baseline;gap:10px;line-height:1.55;display:flex}.proto-chip{background:var(--face);color:var(--ink);border-radius:999px;flex:none;padding:2px 9px;font-weight:600}@container proto not (min-width:640px){.proto-bar{flex-wrap:wrap-reverse}.proto-controls{justify-content:flex-start;width:100%}}.case-sections{gap:max(10px, calc(var(--u) * 20));margin:0;padding:0;list-style:none;display:grid}.case-section{align-items:start;gap:max(10px, calc(var(--u) * 40));grid-template-columns:1277fr 1183fr;display:grid}.case-section h3{align-items:last baseline;gap:max(14px, calc(var(--u) * 36));font-size:max(19px, calc(var(--u) * 52));letter-spacing:-.035em;margin:0;font-weight:720;display:flex}.case-sec-title{gap:6px;display:grid}.case-sec-num{font-family:var(--font-num), sans-serif;letter-spacing:-.06em;font-size:.82em;font-weight:800}.prose p,.prose ul{max-width:34em;margin:0}.prose :is(p,ul)+:is(p,ul){margin-top:.9em}.prose ul{padding-left:1.1em;list-style:outside}.prose li+li{margin-top:.35em}.prose li::marker{color:var(--ink-2)}@media not (min-width:720px){.case-section{grid-template-columns:1fr}}.case-next{margin-top:max(20px, calc(var(--u) * 50));justify-items:start;gap:14px;display:grid}.case-next-link{align-items:center;gap:max(14px, calc(var(--u) * 36));width:100%;min-height:max(84px, calc(var(--u) * 200));padding:0 max(18px, calc(var(--u) * 44));border-radius:var(--r);background:var(--face);color:inherit;transition:background-color .35s var(--ease-out);grid-template-columns:auto auto 1fr auto;text-decoration:none;display:grid}.case-next-link:hover,.case-next-link:focus-visible{background:#c8ff00}.case-next-label{font-size:max(13px, calc(var(--u) * 28));color:var(--ink-2)}.case-next-num{font-family:var(--font-num), sans-serif;font-size:max(24px, calc(var(--u) * 72));letter-spacing:-.06em;font-weight:800}.case-next-name{font-size:max(18px, calc(var(--u) * 52));letter-spacing:-.035em;font-weight:720}.case-next-arrow{width:max(40px, calc(var(--u) * 88));aspect-ratio:1;background:var(--ink);color:#fff;border-radius:50%;place-items:center;display:grid}.case-next-arrow svg{width:38%}.case-back{font-size:max(14px, calc(var(--u) * 30));color:var(--ink-2)}.case-back:hover{color:var(--ink)}@media not (min-width:560px){.case-next-link{grid-template-columns:auto 1fr auto;padding-block:16px}.case-next-label{grid-column:1/-1}}.proto-chip-warn{background:#c8ff00}.rive-pilot{gap:max(12px, calc(var(--u) * 28));grid-template-columns:minmax(0,1fr) auto;align-items:stretch;max-width:980px;display:grid}.rive-stage{aspect-ratio:4/3;border-radius:calc(var(--r) * .8);background:#0a0a0a;min-width:0;position:relative;overflow:hidden}.rive-canvas{position:absolute;inset:0}.rive-readout{letter-spacing:.08em;color:#fafafa;margin:0;font-family:ui-monospace,monospace;font-size:12px;position:absolute;top:14px;left:16px}.rive-gauge{border-radius:calc(var(--r) * .8);background:#fff;grid-template-rows:auto 1fr auto auto;justify-items:center;gap:8px;padding:14px 10px;display:grid}.rive-gauge-end{font-family:var(--font-num), sans-serif;color:var(--ink-2);font-size:12px;font-weight:800}.rive-gauge-hint{color:var(--ink-2);white-space:nowrap;font-size:12px}.rive-gauge-track{cursor:grab;touch-action:none;background:#eef0f4;border-radius:999px;width:44px;min-height:160px;position:relative}.rive-gauge-track[data-dragging]{cursor:grabbing}.rive-gauge-fill{height:calc(var(--v) * 1%);border-radius:inherit;transition:height .18s var(--ease-out);background:#c8ff00;position:absolute;inset:auto 0 0}.rive-gauge-thumb{left:50%;bottom:calc(var(--v) * 1%);background:var(--ink);width:56px;height:22px;transition:bottom .18s var(--ease-out), transform .2s var(--ease-out);border-radius:999px;position:absolute;transform:translate(-50%,50%);box-shadow:0 6px 14px -6px #14141e80}.rive-gauge-track[data-dragging] .rive-gauge-fill,.rive-gauge-track[data-dragging] .rive-gauge-thumb{transition:none}.rive-gauge-track[data-dragging] .rive-gauge-thumb{transform:translate(-50%,50%)scale(1.08)}.rive-gauge-track:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.case-subject-nav{margin-top:max(10px, calc(var(--u) * 20));flex-wrap:wrap;gap:8px;display:flex}.case-subject-nav a{padding:max(8px, calc(var(--u) * 16)) max(14px, calc(var(--u) * 30));background:var(--face);color:var(--ink);font-size:max(14px, calc(var(--u) * 30));transition:background-color .25s var(--ease-out);border-radius:999px;align-items:baseline;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.case-subject-nav a:hover,.case-subject-nav a:focus-visible{background:#c8ff00}.case-subject{gap:max(10px, calc(var(--u) * 20));padding-top:max(36px, calc(var(--u) * 100));scroll-margin-top:16px;display:grid}.case-subject-head{column-gap:max(14px, calc(var(--u) * 36));padding-bottom:max(6px, calc(var(--u) * 16));grid-template-columns:auto 1fr;grid-template-areas:"num name"".summary";align-items:baseline;row-gap:8px;display:grid}.case-subject-num{font-family:var(--font-num), sans-serif;font-size:max(26px, calc(var(--u) * 72));letter-spacing:-.06em;grid-area:num;margin:0;font-weight:800}.case-subject-head h2{font-size:max(24px, calc(var(--u) * 72));letter-spacing:-.045em;grid-area:name;margin:0;font-weight:760}.case-subject-summary{max-width:36em;font-size:max(15px, calc(var(--u) * 36));color:var(--ink-2);grid-area:summary;margin:0;line-height:1.6}.case-images{gap:max(12px, calc(var(--u) * 28));grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.case-images figure{margin:0}.case-images img{border-radius:calc(var(--r) * .6);background:#fff;width:100%;height:auto;display:block}.case-images figcaption{font-size:max(13px, calc(var(--u) * 28));color:var(--ink-2);margin-top:8px}.case-overview{list-style:none}.case-overview li+li{border-top:1px solid #e6e9ef}.case-overview a{grid-template-columns:max(30px, calc(var(--u) * 70)) 1fr;padding:max(11px, calc(var(--u) * 22)) 0;color:inherit;font-size:max(14px, calc(var(--u) * 31));align-items:baseline;gap:10px;line-height:1.5;text-decoration:none;display:grid}.case-overview strong{font-size:1.08em;font-weight:700;display:block}.case-overview a:hover strong,.case-overview a:focus-visible strong{text-underline-offset:3px;text-decoration:underline}.case-subject>.case-tldr{grid-area:auto}.case-cert{margin-top:max(26px, calc(var(--u) * 80))}.case-cert-link{max-width:880px;display:block}.case-cert-link img{border-radius:calc(var(--r) * .4);width:100%;height:auto;transition:transform .4s var(--ease-out);display:block;box-shadow:0 0 0 1px #14141e0f,0 18px 40px -22px #14141e66}.case-cert-link:hover img,.case-cert-link:focus-visible img{transform:translateY(-3px)}.case-cert .case-note a{color:var(--ink);text-underline-offset:.25em;text-decoration:underline}.al{gap:max(16px, calc(var(--u) * 36));display:grid}.al-rail{width:100%;padding-block:14px}.al-rail:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:24px}.al-rail .al-shot{width:max(220px, calc(var(--u) * 520));aspect-ratio:3/4;border-radius:calc(var(--r) * .7);cursor:grab;opacity:.45;filter:grayscale(.6);transition:opacity .5s var(--ease-out), transform .6s var(--ease-out), filter .6s var(--ease-out), box-shadow .6s var(--ease-out);background:#e9ebef;border:0;flex:none;padding:0;position:relative;overflow:hidden;transform:scale(.88)}.al-shot img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.al-rail .al-shot[data-active]{opacity:1;filter:none;transform:none;box-shadow:0 24px 50px -24px #14141e80}.al-rail .al-shot:hover:not([data-active]){opacity:.75}.al-num{background:var(--ink);color:#fff;font-family:var(--font-num), sans-serif;letter-spacing:-.03em;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:800;position:absolute;top:12px;left:12px}.al-card{width:100%;max-width:900px;min-height:max(150px, calc(var(--u) * 300));grid-template-columns:1fr auto;align-items:end;gap:16px;margin:0 auto;display:grid}.al-card-in{animation:al-rise .55s var(--ease-out) both}@keyframes al-rise{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}}.al-card-num{font-size:max(12px, calc(var(--u) * 26));color:var(--ink-2);align-items:center;gap:10px;margin:0;display:flex}.al-card-num span{color:var(--ink);font-family:var(--font-num), sans-serif;background:#c8ff00;border-radius:999px;padding:2px 10px;font-weight:800}.al-card-title{margin:max(10px, calc(var(--u) * 20)) 0 0;font-size:max(18px, calc(var(--u) * 48));letter-spacing:-.035em;text-wrap:balance;font-weight:700;line-height:1.4}.al-card-me{margin:max(8px, calc(var(--u) * 16)) 0 0;font-size:max(14px, calc(var(--u) * 32));color:var(--ink-2);line-height:1.6}.al-nav{gap:8px;display:flex}.al-nav button{width:max(40px, calc(var(--u) * 92));aspect-ratio:1;background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:16px;transition:opacity .2s;display:grid}.al-nav button:disabled{opacity:.2;cursor:default}@media not (min-width:640px){.al-card{grid-template-columns:1fr}}.dt-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.dt-toggle{color:var(--ink);font:inherit;font-size:max(13px, calc(var(--u) * 28));cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 8px;font-weight:600;display:inline-flex}.dt-switch{width:36px;height:22px;transition:background-color .3s var(--ease-out);background:#d5d9e1;border-radius:999px;position:relative}.dt-switch:after{content:"";width:16px;height:16px;transition:transform .35s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.dt-toggle[aria-pressed=true] .dt-switch{background:var(--ink)}.dt-toggle[aria-pressed=true] .dt-switch:after{transform:translate(14px)}.dt-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.dt-intro{max-width:42em;margin:max(14px, calc(var(--u) * 28)) 0;font-size:max(14px, calc(var(--u) * 32));color:var(--ink-2);line-height:1.6}.dt[data-on] .dt-intro{color:var(--ink);font-weight:600}.dt-tree{gap:6px;margin:0;padding:0;list-style:none;display:grid}.dt-node{grid-template-columns:max(54px, calc(var(--u) * 120)) 1fr;padding:10px 16px;padding-left:calc(16px + var(--lv-indent,0px));font-size:max(14px, calc(var(--u) * 31));animation:dt-in .45s var(--ease-out) both;animation-delay:calc(var(--i) * 30ms);transition:opacity .4s var(--ease-out), filter .4s var(--ease-out), background-color .3s;background:#fff;border-radius:16px;align-items:baseline;column-gap:12px;line-height:1.5;display:grid}@keyframes dt-in{0%{opacity:0;transform:translateY(6px)}}.dt-node[data-level="0"]{background:var(--ink);color:#fff;font-weight:650}.dt-node[data-level="1"]{--lv-indent:max(10px, calc(var(--u) * 30));font-weight:650}.dt-node[data-level="2"]{--lv-indent:max(20px, calc(var(--u) * 60))}.dt-node[data-level="3"]{--lv-indent:max(32px, calc(var(--u) * 100));color:var(--ink-2);background:#fbfbfd}.dt-level{color:inherit;opacity:.6;font-size:.78em}.dt-kind{color:var(--ink);vertical-align:.08em;background:#eef0f4;border-radius:999px;margin-left:8px;padding:0 8px;font-size:.78em;display:inline-block}.dt-note{color:#c2410c;grid-column:2;margin-top:4px;font-size:.86em;font-weight:600;display:none}.dt-node[data-missing]{color:#9a3412;background:#fff7ed;border:1.5px dashed #c2410c;display:none}.dt-added{color:inherit;background:0 0}.dt[data-mode=feedback][data-on] .dt-note{display:block}.dt[data-mode=feedback][data-on] .dt-node[data-missing]{display:grid}.dt[data-mode=lowonly][data-on] .dt-node:not([data-level="3"]){opacity:.25;filter:blur(3px)}.dt[data-mode=lowonly][data-on] .dt-node:has(.dt-added){opacity:1;filter:none}.dt[data-mode=lowonly][data-on] .dt-added{background:#c8ff00;border-radius:4px}@media not (min-width:640px){.dt-node{grid-template-columns:1fr}.dt-note{grid-column:1}}@media (prefers-reduced-motion:reduce){.al-shot,.al-card-in,.dt-node{transition:none;animation:none}}.case-links{margin:max(14px, calc(var(--u) * 28)) 0 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:8px;padding:0;list-style:none;display:grid}.case-links a{background:var(--face);color:var(--ink);transition:background-color .3s var(--ease-out);border-radius:999px;grid-template-columns:1fr auto;grid-template-areas:"label go""url go";align-items:center;column-gap:12px;padding:10px 8px 10px 20px;text-decoration:none;display:grid}.case-link-label{font-size:max(14px, calc(var(--u) * 30));grid-area:label;font-weight:650}.case-link-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:max(12px, calc(var(--u) * 25));color:var(--ink-2);grid-area:url;overflow:hidden}.case-link-go{aspect-ratio:1;background:var(--ink);color:#fff;width:40px;transition:transform .35s var(--ease-out);border-radius:50%;grid-area:go;place-items:center;display:grid}.case-link-go svg{width:38%}.case-links a:hover,.case-links a:focus-visible{background:#c8ff00}.case-links a:hover .case-link-go,.case-links a:focus-visible .case-link-go{transform:rotate(45deg)}@media not (min-width:560px){.rive-pilot{gap:8px}.rive-gauge{padding:10px 6px}.rive-gauge-track{width:30px}.rive-gauge-thumb{width:40px}.rive-gauge-hint{display:none}}.case{--space-1:max(8px, calc(var(--u) * 16));--space-2:max(12px, calc(var(--u) * 24));--space-3:max(28px, calc(var(--u) * 64));--space-subject:max(80px, calc(var(--u) * 220));gap:var(--space-3)}.case-title{font-size:max(34px, calc(var(--u) * 120));line-height:1.04}.case-num{font-size:max(22px, calc(var(--u) * 64))}.case-headline{font-size:max(20px, calc(var(--u) * 52));font-weight:650;line-height:1.4}.case-intro{padding-bottom:0}.case-subject{gap:var(--space-2);padding-top:calc(var(--space-subject) - var(--space-3))}.case-subject-head{padding-top:var(--space-3);padding-bottom:var(--space-1);row-gap:var(--space-1);border-top:1px solid #dfe2e8}.case-subject-num{font-size:max(26px, calc(var(--u) * 84))}.case-subject-head h2{font-size:max(26px, calc(var(--u) * 84));text-wrap:balance;line-height:1.12}.case-subject-summary{text-wrap:pretty;max-width:none;font-size:max(16px, calc(var(--u) * 34));line-height:1.65}.case-sections{border-radius:var(--r);background:var(--face);gap:0;overflow:hidden}.case-sections>.case-section{padding:max(22px, calc(var(--u) * 52)) max(18px, calc(var(--u) * 52));background:0 0;border-radius:0}.case-sections>.case-section+.case-section{border-top:1px solid #e3e6ec}.case-sec-num{display:none}.case-section h3{font-size:max(18px, calc(var(--u) * 40));font-weight:700;line-height:1.4}.prose{font-size:max(16px, calc(var(--u) * 32));line-height:1.75}.case-section{column-gap:max(20px, calc(var(--u) * 56));grid-template-columns:9em minmax(0,1fr)}.case-section h3{font-size:max(17px, calc(var(--u) * 36))}.case-section .prose :is(p,ul){text-wrap:pretty;max-width:none}.prose :is(.terms,.opts){gap:max(8px, calc(var(--u) * 14));padding:0;list-style:none;display:grid}.prose :is(.terms,.opts) li{margin:0}.opt-text{gap:2px;display:grid}.opt-text strong{color:var(--ink);font-weight:650}.opt-text span{color:var(--ink-2)}.prose .opts li{align-items:start;gap:max(12px, calc(var(--u) * 24));padding:max(14px, calc(var(--u) * 26)) max(16px, calc(var(--u) * 30));border-radius:max(12px, calc(var(--u) * 24));background:#fff;border:1px solid #e3e6ec;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.prose .opts li[data-chosen]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.opt-mark{border:1.5px solid #c9ced8;border-radius:50%;place-items:center;width:1.35em;height:1.35em;margin-top:.2em;display:grid}.opt-mark svg{fill:none;stroke:#0000;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:.85em;height:.85em}[data-chosen]>.opt-mark{border-color:var(--ink);background:var(--ink)}[data-chosen]>.opt-mark svg{stroke:#c8ff00}.opt-badge{background:var(--ink);color:#fff;font-size:max(12px, calc(var(--u) * 24));border-radius:999px;align-self:center;padding:3px 10px;font-weight:650;line-height:1.4}.case-note{font-size:max(15px, calc(var(--u) * 30))}.seg button{min-height:40px}.case-links a:focus-visible,.case-next-link:focus-visible,.al-nav button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media not (min-width:720px){.case-sections>.case-section{grid-template-columns:1fr;row-gap:10px}.prose .opts li{grid-template-columns:auto minmax(0,1fr)}.opt-badge{grid-column:2;justify-self:start}}.case-overview-num{font-family:var(--font-num), sans-serif;letter-spacing:-.06em;font-size:.9em;font-weight:800}.proto-tab-static{height:calc(var(--tab-h) - var(--k) * 1.6);padding:0 max(12px, calc(var(--u) * 26)) 0 max(10px, calc(var(--u) * 20));border-radius:max(12px, calc(var(--u) * 24));color:#fff;background:#5d5d58;align-items:center;gap:8px;display:inline-flex}.proto-tab-static svg{width:max(18px, calc(var(--u) * 40));fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round}.proto-screens{width:100%;height:100%}.proto-screens img{object-fit:cover;object-position:top center;pointer-events:none;width:100%;height:100%;display:block}.proto-dots{gap:2px;display:flex}.proto-dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:20px;height:20px;padding:0;display:grid}.proto-dots button:before{content:"";background:#14141e38;border-radius:50%;width:7px;height:7px;transition:background .2s,transform .2s}.proto-dots button[aria-current]:before{background:#111;transform:scale(1.15)}.proto-dots button:focus-visible{outline-offset:1px;border-radius:50%;outline:2px solid #111}.al-filter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.al-count{opacity:.6;margin-left:6px;font-size:.8em}.al-legend{color:var(--ink-2);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.al-legend .al-kind+*{margin-right:6px}.al-kind{font-family:var(--font-num), sans-serif;letter-spacing:0;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800;display:inline-block}.al-kind[data-kind=good]{color:var(--ink);background:#c8ff00}.al-kind[data-kind=bad]{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:#fff}.al-shot .al-kind{position:absolute;top:12px;right:12px}.rive-gauge-tip{right:calc(100% + 18px);bottom:calc(var(--v) * 1%);background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;animation:tip-bob 1.6s var(--ease-out) infinite;transition:opacity .3s ease, bottom .18s var(--ease-out);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;position:absolute;transform:translateY(50%)}.rive-gauge-tip:after{content:"";background:inherit;border-radius:2px;width:12px;height:12px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)rotate(45deg)}.rive-gauge-tip[data-hidden]{opacity:0;animation:none}@keyframes tip-bob{0%,to{transform:translateY(50%)}50%{transform:translate(-5px,50%)}}@media (prefers-reduced-motion:reduce){.rive-gauge-tip{animation:none}}.sim{background:#fff;position:relative;overflow:hidden}.sim-scroll{overscroll-behavior:contain;scrollbar-width:none;height:100%;overflow-y:auto}.sim-scroll::-webkit-scrollbar{display:none}@media (pointer:fine){.sim-scroll{cursor:grab;-webkit-user-select:none;user-select:none}.sim-scroll[data-dragging]{cursor:grabbing}}.sim-scroll:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.sim-page{animation:.32s cubic-bezier(.22,1,.36,1) sim-in;position:relative}.sim-page img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}@keyframes sim-in{0%{opacity:0;transform:translateY(6px)}}.sim-hot,.sim-bar button{cursor:pointer;background:0 0;border:0;padding:0}.sim-hot{border-radius:12px;position:absolute}.sim-hot:hover{background:#ffffff24}.sim-hot:focus-visible,.sim-bar button:focus-visible{outline-offset:-2px;outline:2px solid #c8ff00}.sim-bar{background-repeat:no-repeat;display:flex;position:absolute;overflow:hidden;box-shadow:0 6px 18px -8px #14141e59}.sim-bar button{border-radius:inherit;flex:1}@media (prefers-reduced-motion:reduce){.sim-page{animation:none}}.srail{margin-inline:calc(var(--gutter) * -1);padding:24px var(--gutter) 56px;margin-block:-24px -56px;overflow:hidden}.srail-swiper{overflow:visible}.srail-slide figure{margin:0}.srail-phone{background:#111;width:fit-content;padding:8px;box-shadow:0 30px 60px -36px #14141e8c}.srail-phone .sim{border-radius:inherit}.srail-phone{overflow:hidden}.srail-slide figcaption{font-size:max(14px, calc(var(--u) * 28));align-items:baseline;gap:8px;margin-top:12px;display:flex}.srail-slide figcaption span{background:var(--face);color:var(--ink-2);border-radius:999px;padding:1px 8px;font-size:.85em}.pc{--brand:#7054c7;--lav:#efebfa;gap:var(--space-2);display:grid}.pc-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.pc-ctl{font-size:max(14px, calc(var(--u) * 28));color:var(--ink-2);align-items:center;gap:10px;display:inline-flex}.pc-ctl input[type=range]{width:140px;accent-color:var(--ink)}.pc-ctl input[type=checkbox]{width:18px;height:18px;accent-color:var(--ink)}.pc-pair{gap:max(12px, calc(var(--u) * 24));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media not (min-width:760px){.pc-pair{grid-template-columns:1fr}}.pc-col{gap:12px;min-width:0;display:grid}.pc-col-head{font-size:max(16px, calc(var(--u) * 34));align-items:baseline;gap:8px;display:flex}.pc-col-head span{color:var(--ink-2);font-size:.8em}.pc-screen{color:#1b1b23;letter-spacing:0;background:#fff;border:1px solid #dfe2e8;border-radius:28px;width:min(390px,100%);min-height:300px;margin-inline:auto;font-size:15px;position:relative;overflow:hidden}.pc-spec{color:#4a4a55;background:#f2f3f7;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.5;display:inline-block}.pc-type{gap:18px;padding:24px 22px 26px;display:grid}.pc-type-row{justify-items:start;gap:6px;display:grid}.pc-type-sample{outline-offset:0;outline:1px dashed #7054c759;margin:0;transition:font-size .2s,line-height .2s}.pc-touch{justify-items:start;gap:12px;min-height:300px;padding:20px 16px 24px;display:grid}.pc-touch[data-grid]{background-image:linear-gradient(90deg,#7054c717 1px,#0000 1px),linear-gradient(#7054c717 1px,#0000 1px);background-size:8px 8px}.pc-appbar{gap:4px;display:flex}.pc-target{outline:1.5px dashed var(--brand);outline-offset:-1.5px;background:#7054c71f;border-radius:8px;place-items:center;display:grid}.pc-target svg{fill:none;stroke:#1b1b23;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.pc-dim{border-top:1px solid var(--brand);color:var(--brand);text-align:center;margin-top:-6px;font-size:11px;font-weight:700;display:block;position:relative}.pc-cta{background:var(--brand);color:#fff;width:100%;font:inherit;border:0;border-radius:14px;outline:1.5px dashed #0000;margin-top:18px;font-weight:650}.pc-inset{gap:10px;padding-bottom:24px;display:grid}.pc-sys{color:#4a4a55;background:repeating-linear-gradient(-45deg,#f2f3f7 0 6px,#e7e9ef 6px 12px);place-items:center;height:44px;font-size:12px;font-weight:600;display:grid}.pc-header{justify-content:space-between;align-items:center;height:52px;font-size:20px;display:flex;position:relative}.pc-pad{inset-block:0;border-right:1px solid var(--brand);background:#7054c729;position:absolute;left:0}.pc-pad-r{border-right:0;border-left:1px solid var(--brand);left:auto;right:0}.pc-pill{background:var(--lav);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.pc-inset>.pc-spec{justify-self:start;margin-inline:16px}.pc-lines{gap:10px;margin-top:8px;display:grid}.pc-lines i{background:#eceef3;border-radius:5px;height:10px;display:block}.pc-scrim{background:#14141e52;place-items:center;min-height:300px;padding:24px;display:grid}.pc-scrim-sheet{place-items:end stretch;padding:40px 0 0}.pc-alert-ios{text-align:center;background:#fafafceb;border-radius:14px;width:270px;overflow:hidden}.pc-alert-ios strong{padding:18px 16px 2px;font-size:17px;display:block}.pc-alert-ios p{margin:0;padding:0 16px 16px;font-size:13px}.pc-alert-ios div{border-top:1px solid #3c3c434a;grid-template-columns:1fr 1fr;display:grid}.pc-alert-ios span{color:#0a84ff;padding:11px 0;font-size:17px}.pc-alert-ios span+span{border-left:1px solid #3c3c434a;font-weight:600}.pc-alert-ios .is-destructive{color:#ff3b30}.pc-dialog-m3{text-align:left;background:#f7f2fa;border-radius:28px;width:min(312px,100%);padding:24px}.pc-dialog-m3 strong{font-size:24px;font-weight:450;line-height:32px;display:block}.pc-dialog-m3 p{color:#49454f;margin:16px 0 24px;font-size:14px}.pc-dialog-m3 div{justify-content:flex-end;gap:8px;display:flex}.pc-dialog-m3 span{color:var(--brand);padding:10px 12px;font-size:14px;font-weight:600}.pc-sheet-ios,.pc-sheet-m3{background:#fff;gap:16px;padding:8px 16px 28px;display:grid}.pc-sheet-ios{border-radius:10px 10px 0 0}.pc-sheet-m3{background:#f7f2fa;border-radius:28px 28px 0 0}.pc-grab{background:#c7c7cc;border-radius:3px;justify-self:center;width:36px;height:5px}.pc-sheet-m3 .pc-grab{background:#79747e;width:32px;height:4px;margin-top:14px}.pc-sheet-head{justify-content:space-between;align-items:center;font-size:17px;display:flex}.pc-sheet-m3 .pc-sheet-head{font-size:22px;font-weight:450}.pc-sheet-side{color:#0a84ff;font-size:17px}.pc-sheet-side.is-done{font-weight:600}.pc-sheet-chips{flex-wrap:wrap;gap:8px;display:flex}.pc-sheet-chips span{background:#f2f3f7;border-radius:999px;padding:6px 14px;font-size:14px}.pc-sheet-m3 .pc-sheet-chips span{background:0 0;border:1px solid #79747e;border-radius:8px}.pc-sheet-chips .is-on{background:var(--lav);color:var(--brand);font-weight:650}.pc-sheet-m3 .pc-sheet-chips .is-on{background:#e8def8;border-color:#0000}.pc-sheet-btn{background:var(--brand);color:#fff;text-align:center;border-radius:999px;padding:12px;font-weight:600}.pc-note{font-size:max(15px, calc(var(--u) * 30));color:var(--ink-2);text-wrap:pretty;margin:0;line-height:1.7}.pc-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pc-chips li{font-size:max(13px, calc(var(--u) * 25));background:#fff;border-radius:999px;padding:4px 10px;box-shadow:inset 0 0 0 1px #e3e6ec}.pc-foot{font-size:max(13px, calc(var(--u) * 24));color:var(--ink-2);margin:0}.pc-touch>.pc-spec{align-self:start}.sim-more{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#14141eb8;border-radius:50%;place-items:center;width:26px;height:26px;margin-left:-13px;transition:opacity .3s,scale .3s;animation:1.6s cubic-bezier(.45,0,.55,1) infinite sim-more;display:grid;position:absolute;left:50%}.sim-more svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.sim-more[data-hidden]{opacity:0;scale:.6}@keyframes sim-more{0%,to{translate:0 -2px}50%{translate:0 3px}}@media (prefers-reduced-motion:reduce){.sim-more{animation:none}}.fd{gap:var(--space-2);display:grid}.fd-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.fd-body{gap:max(12px, calc(var(--u) * 24));grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}@media not (min-width:760px){.fd-body{grid-template-columns:1fr}}.fd-graph,.fd-sample{border-radius:calc(var(--r) * .7);background:#fff;padding:20px;position:relative}.fd-graph svg{background-image:linear-gradient(90deg,#0000 calc(5.47% - .5px),#eceef3 calc(5.47% - .5px) calc(5.47% + .5px),#0000 calc(5.47% + .5px)),linear-gradient(90deg,#0000 calc(87.5% - .5px),#eceef3 calc(87.5% - .5px) calc(87.5% + .5px),#0000 calc(87.5% + .5px));width:100%;height:220px;display:block;overflow:visible}.fd-graph polyline,.fd-graph line{fill:none;vector-effect:non-scaling-stroke}.fd-step{stroke:#c3c7d1;stroke-width:2px;stroke-dasharray:4 4}.fd-base{stroke:#9aa0ad;stroke-width:2px}.fd-cur{stroke:var(--ink);stroke-width:3px;transition:all .3s}.fd-now{stroke:#c8ff00;stroke-width:2px}.fd-axis{color:var(--ink-2);font-size:11px;position:absolute;top:244px}.fd-axis-l{left:calc(5.47% + 7.812px)}.fd-axis-r{left:calc(87.5% - 29px)}.fd-legend{color:var(--ink-2);flex-wrap:wrap;gap:6px 14px;margin:28px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.fd-legend li:before{content:"";vertical-align:middle;border-top:2px solid #9aa0ad;width:16px;margin-right:6px;display:inline-block}.fd-legend [data-k=step]:before{border-top:2px dashed #c3c7d1}.fd-legend [data-k=cur]:before{border-top:3px solid var(--ink)}.fd-legend [data-k=cur]{color:var(--ink);font-weight:600}.fd-sample{align-content:space-between;gap:16px;min-height:300px;display:grid}.fd-code{background:var(--ink);color:#c8ff00;border-radius:8px;justify-self:start;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.fd-sample p{letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-weight:760;line-height:1.25}.fd-read{grid-template-columns:repeat(3,auto);justify-content:start;gap:4px 24px;margin:0;font-size:13px;display:grid}.fd-read dt{color:var(--ink-2)}.fd-read dd{margin:0;font-weight:650}.case-section-main{gap:max(16px, calc(var(--u) * 32));min-width:0;display:grid}.case-widget{gap:10px;display:grid}.case-widget-note{font-size:max(13px, calc(var(--u) * 26));color:var(--ink-2);margin:0}.case-section .fd-body{grid-template-columns:1fr}@media (min-width:1200px){.case-section .fd-body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.ra{gap:var(--space-2);margin-top:var(--space-2);display:grid}.ra h4{font-size:max(14px, calc(var(--u) * 28));margin:0 0 10px;font-weight:700}.ra-map{gap:max(12px, calc(var(--u) * 24));grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);display:grid}@media not (min-width:760px){.ra-map{grid-template-columns:1fr}}.ra-map>section,.ra-solo{border-radius:calc(var(--r) * .6);background:#fff;padding:18px 20px}.ra-tree,.ra-tree ul{color:var(--ink-2);margin:0;padding:0;font-size:14px;line-height:1.7;list-style:none}.ra-tree ul{border-left:1.5px solid #dfe2e8;margin-top:6px;padding-left:16px}.ra-tree strong{color:var(--ink);margin-right:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.ra-sm{grid-template-columns:auto 1fr;align-items:start;gap:14px;display:grid}@media not (min-width:560px){.ra-sm{grid-template-columns:1fr}}.ra-input{background:var(--ink);color:#fff;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.6}.ra-input code{color:#c8ff00}.ra-tag{color:#fff9;font-size:11px;display:block}.ra-layers{gap:6px;display:grid}.ra-layer{background:#f4f5f8;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.ra-layer-blend{background:#eef9c2;font-weight:600}.ra-dot{background:#6c7280;border-radius:50%;flex:none;width:7px;height:7px;animation:1.4s ease-in-out infinite ra-pulse}.ra-layer-blend .ra-dot{background:var(--ink)}@keyframes ra-pulse{50%{opacity:.3}}.ra-solo-body{align-items:start;gap:max(16px, calc(var(--u) * 32));grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media not (min-width:760px){.ra-solo-body{grid-template-columns:1fr}}.ra-stage{aspect-ratio:1;background:radial-gradient(circle at 50% 42%,#fff 0,#eef0f5 72%);border-radius:20px;justify-self:start;width:100%;max-width:480px;position:relative;overflow:hidden}.ra-canvas{width:100%;height:100%}.ra-now{background:#ffffffeb;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;bottom:12px;left:12px}.ra-side{gap:20px;max-width:460px;display:grid}.ra-group{gap:10px;display:grid}.ra-group-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;font-size:14px;display:flex}.ra-group-head span{color:var(--ink-2);font-size:12px}.ra-chips{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;display:grid}.ra-chips button{min-height:44px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe2e8;border-radius:12px;justify-items:start;gap:1px;padding:6px 12px;font-size:14px;transition:border-color .2s,background-color .2s;display:grid}.ra-chips button code{color:var(--ink-2);font-size:11px}.ra-chips button:hover{border-color:#b9bfcb}.ra-chips button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.ra-chips button[aria-pressed=true] code{color:#c8ff00}@media (prefers-reduced-motion:reduce){.ra-dot{animation:none}}.ra-count{flex-wrap:wrap;gap:8px 24px;margin:18px 0 0;display:flex}.ra-count dt{color:var(--ink-2);font-size:12px}.ra-count dd{font-family:var(--font-num), sans-serif;font-size:max(26px, calc(var(--u) * 56));letter-spacing:-.04em;margin:0;font-weight:800}
