html:has(.ugt){scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html:has(.ugt){scroll-behavior:auto}}.ugt{--ugt-ink:#17263f;--ugt-ink-soft:#5b6a80;--ugt-ink-faint:#8d9ab0;--ugt-accent:#0096fa;--ugt-accent-deep:#006dc0;--ugt-cyan:#1ed2e5;--ugt-tint:rgba(0,150,250,0.08);--ugt-tint-strong:rgba(0,150,250,0.14);--ugt-hairline:rgba(23,38,63,0.08);--ugt-hairline-strong:rgba(23,38,63,0.14);--ugt-shell-bg:rgba(23,38,63,0.035);--ugt-panel:#ffffff;--ugt-shadow-ambient:0 24px 60px -28px rgba(23,38,63,0.18);position:relative;margin-top:-60px;padding-top:60px;color:var(--ugt-ink);line-height:1.75}.ugt__bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.ugt__orb{position:absolute;border-radius:50%;filter:blur(80px)}.ugt__orb--a{top:-120px;left:-140px;width:560px;height:560px;background:radial-gradient(circle,rgba(0,150,250,.14),transparent 65%)}.ugt__orb--b{top:0;right:-220px;width:640px;height:640px;background:radial-gradient(circle,rgba(30,210,229,.11),transparent 65%)}.ugt__grid{position:absolute;inset:0 0 auto;height:780px;background-image:linear-gradient(90deg,rgba(23,38,63,.045) 1px,transparent 0),linear-gradient(180deg,rgba(23,38,63,.045) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 0,black 20%,transparent 72%);mask-image:radial-gradient(ellipse 90% 80% at 50% 0,black 20%,transparent 72%)}.ugt__container{position:relative;max-width:1160px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px);padding-bottom:clamp(72px,10vw,140px)}.ugt-reveal{opacity:0;transform:translateY(26px);filter:blur(7px);transition:opacity .9s cubic-bezier(.32,.72,0,1) var(--d,0s),transform .9s cubic-bezier(.32,.72,0,1) var(--d,0s),filter .9s cubic-bezier(.32,.72,0,1) var(--d,0s);will-change:transform,opacity}.ugt-reveal.is-in{opacity:1;transform:translateY(0);filter:blur(0)}.ugt-reveal--fill{height:100%}.ugt-eyebrow{margin:0 0 14px;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ugt-accent-deep)}.ugt-eyebrow--pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--ugt-hairline);border-radius:999px;background:hsla(0,0%,100%,.72);box-shadow:0 1px 2px rgba(23,38,63,.05)}.ugt-eyebrow__dot{width:6px;height:6px;border-radius:50%;background:var(--ugt-accent);box-shadow:0 0 0 3px var(--ugt-tint);animation:ugt-pulse 2.6s cubic-bezier(.32,.72,0,1) infinite}@keyframes ugt-pulse{0%,to{box-shadow:0 0 0 3px var(--ugt-tint)}50%{box-shadow:0 0 0 6px rgba(0,150,250,.04)}}.ugt-subhead{margin:clamp(28px,4vw,44px) 0 10px;font-size:clamp(17px,2.2vw,20px);font-weight:700;letter-spacing:.01em;line-height:1.5}.ugt-prose{margin:0 0 14px;max-width:62ch;color:var(--ugt-ink-soft);font-size:15px}.ugt-strong{color:var(--ugt-ink);font-weight:700;background:linear-gradient(transparent 62%,var(--ugt-tint-strong) 62%);padding-inline:1px}.ugt-link{display:inline-flex;align-items:center;gap:2px;color:var(--ugt-accent-deep);font-weight:600;text-decoration:none;background-image:linear-gradient(var(--ugt-accent-deep),var(--ugt-accent-deep));background-repeat:no-repeat;background-position:0 100%;background-size:0 1px;transition:background-size .4s cubic-bezier(.22,1,.36,1)}.ugt-link:hover{background-size:100% 1px}.ugt-link svg{flex-shrink:0}.ugt-shell{padding:6px;border-radius:26px;background:var(--ugt-shell-bg);box-shadow:inset 0 0 0 1px var(--ugt-hairline),var(--ugt-shadow-ambient)}.ugt-shell__core{border-radius:20px;background:var(--ugt-panel);box-shadow:inset 0 0 0 1px var(--ugt-hairline),inset 0 1px 0 hsla(0,0%,100%,.9)}.ugt-btn{display:inline-flex;align-items:center;gap:10px;padding:8px 8px 8px 20px;border:none;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:.01em;line-height:1.4;text-decoration:none;cursor:pointer;transition:transform .45s cubic-bezier(.32,.72,0,1),box-shadow .45s cubic-bezier(.32,.72,0,1),background-color .45s cubic-bezier(.32,.72,0,1)}.ugt-btn:active{transform:scale(.97)}.ugt-btn__orb{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;transition:transform .45s cubic-bezier(.32,.72,0,1)}.ugt-btn:hover .ugt-btn__orb{transform:translate(2px,-1px) scale(1.06)}.ugt-btn--primary{background:linear-gradient(180deg,#24a8ff,var(--ugt-accent) 55%,#0089e4);color:#fff;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.28),0 10px 24px -10px rgba(0,150,250,.65)}.ugt-btn--primary .ugt-btn__orb{background:hsla(0,0%,100%,.18);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.22);color:#fff}.ugt-btn--primary:hover{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.28),0 14px 30px -10px rgba(0,150,250,.75)}.ugt-btn--ghost{background:#fff;color:var(--ugt-ink);box-shadow:inset 0 0 0 1px var(--ugt-hairline-strong),0 1px 2px rgba(23,38,63,.05)}.ugt-btn--ghost .ugt-btn__orb{background:var(--ugt-tint);color:var(--ugt-accent-deep)}.ugt-btn--ghost:hover{background:#fbfdff;box-shadow:inset 0 0 0 1px rgba(0,150,250,.35),0 6px 16px -8px rgba(23,38,63,.18)}.ugt-iconbtn{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:none;border-radius:10px;background:rgba(0,0,0,0);color:var(--ugt-ink-soft);cursor:pointer;transition:background-color .3s cubic-bezier(.32,.72,0,1),color .3s cubic-bezier(.32,.72,0,1),transform .2s cubic-bezier(.32,.72,0,1)}.ugt-iconbtn:hover{background:var(--ugt-tint);color:var(--ugt-accent-deep)}.ugt-iconbtn:active{transform:scale(.92)}.ugt-hero{padding-block:clamp(56px,9vw,104px) clamp(36px,5vw,56px)}.ugt-hero__brand{display:flex;align-items:center;gap:clamp(14px,2.4vw,22px)}.ugt-hero__icon{display:block;width:clamp(56px,8vw,76px);height:clamp(56px,8vw,76px);flex-shrink:0;padding:5px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--ugt-hairline),0 12px 28px -14px rgba(23,38,63,.35)}.ugt-hero__icon img{display:block;width:100%;height:100%;border-radius:17px;-o-object-fit:cover;object-fit:cover}.ugt-hero__title{margin:0;font-size:clamp(30px,5.4vw,52px);font-weight:700;letter-spacing:-.015em;line-height:1.15}.ugt-hero__tagline{margin:22px 0 0;max-width:34em;color:var(--ugt-ink-soft);font-size:clamp(15px,2vw,18px);line-height:2}.ugt-hl{font-style:normal;font-weight:700;color:var(--ugt-ink);background:linear-gradient(transparent 60%,var(--ugt-tint-strong) 60%);padding-inline:1px}.ugt-hl--alt{background:linear-gradient(transparent 60%,rgba(30,210,229,.22) 0)}.ugt-bento{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:18px;scroll-margin-top:84px}.ugt-bento__side{display:flex;flex-direction:column;gap:18px}.ugt-stage{padding:clamp(18px,3vw,30px)}.ugt-stage__hint{margin:18px 0 0;text-align:center;color:var(--ugt-ink-soft);font-size:13.5px}.ugt-mode{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:-moz-fit-content;width:fit-content;margin:0 auto 8px;padding:4px;border:none;border-radius:999px;background:rgba(23,38,63,.045);box-shadow:inset 0 0 0 1px var(--ugt-hairline)}.ugt-mode__thumb{position:absolute;inset:4px auto 4px 4px;width:calc(50% - 4px);border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--ugt-hairline),inset 0 1px 0 hsla(0,0%,100%,.9),0 4px 12px -4px rgba(23,38,63,.28);transition:transform .55s cubic-bezier(.32,.72,0,1);pointer-events:none}.ugt-mode__thumb.is-right{transform:translateX(100%)}.ugt-mode__opt{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 18px;border:none;border-radius:999px;background:rgba(0,0,0,0);font-size:12.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap;color:var(--ugt-ink-faint);cursor:pointer}.ugt-mode__opt,.ugt-mode__opt svg{transition:color .45s cubic-bezier(.32,.72,0,1)}.ugt-mode__opt svg{flex-shrink:0}.ugt-mode__opt:hover{color:var(--ugt-ink-soft)}.ugt-mode__opt.is-active{color:var(--ugt-ink);font-weight:700}.ugt-mode__opt.is-active svg{color:var(--ugt-accent-deep)}.ugt-mode__hint{margin:0 0 14px;text-align:center;font-size:12px;letter-spacing:.02em;color:var(--ugt-ink-faint);animation:ugt-mode-hint .5s cubic-bezier(.32,.72,0,1) both}@keyframes ugt-mode-hint{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ugt-drop{position:relative;display:flex;flex-direction:column;align-items:center;padding:clamp(32px,5vw,56px) 20px;border-radius:16px;background:linear-gradient(#fff,#fff) padding-box,repeating-linear-gradient(-45deg,rgba(0,150,250,.45) 0 6px,transparent 6px 13px) border-box;border:1.5px dashed rgba(0,0,0,0);cursor:pointer;outline:none;transition:background-color .5s cubic-bezier(.32,.72,0,1),box-shadow .5s cubic-bezier(.32,.72,0,1),transform .5s cubic-bezier(.32,.72,0,1)}.ugt-drop:hover{box-shadow:0 14px 34px -18px rgba(0,150,250,.4)}.ugt-drop:focus-visible{box-shadow:0 0 0 3px var(--ugt-tint-strong)}.ugt-drop.is-drag{transform:scale(1.008);background:linear-gradient(rgba(0,150,250,.05),rgba(0,150,250,.05)) padding-box,repeating-linear-gradient(-45deg,var(--ugt-accent) 0 6px,transparent 6px 13px) border-box;box-shadow:0 18px 44px -18px rgba(0,150,250,.55)}.ugt-drop__orb{display:grid;place-items:center;width:58px;height:58px;margin-bottom:18px;border-radius:50%;background:var(--ugt-tint);color:var(--ugt-accent-deep);box-shadow:inset 0 0 0 1px rgba(0,150,250,.18);transition:transform .6s cubic-bezier(.32,.72,0,1)}.ugt-drop.is-drag .ugt-drop__orb,.ugt-drop:hover .ugt-drop__orb{transform:translateY(-4px) scale(1.05)}.ugt-drop__duo{display:flex;align-items:center;gap:10px;margin-bottom:18px;animation:ugt-pop .6s cubic-bezier(.32,.72,0,1)}.ugt-drop__slot{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:18px;background:var(--ugt-tint);color:var(--ugt-accent-deep);box-shadow:inset 0 0 0 1px rgba(0,150,250,.18);transition:transform .6s cubic-bezier(.32,.72,0,1),background-color .35s cubic-bezier(.32,.72,0,1),box-shadow .35s cubic-bezier(.32,.72,0,1),color .35s cubic-bezier(.32,.72,0,1)}.ugt-drop__slot--alt{background:rgba(30,210,229,.1);color:#0a97a6;box-shadow:inset 0 0 0 1px rgba(30,210,229,.3)}.ugt-drop__slot.is-filled{background:linear-gradient(180deg,#24a8ff,var(--ugt-accent) 55%,#0089e4);color:#fff;box-shadow:inset 0 0 0 1px rgba(0,120,200,.35),0 8px 18px -10px rgba(0,150,250,.55)}.ugt-drop__slot--alt.is-filled{background:linear-gradient(180deg,#2ad4e0,#0a97a6 60%);color:#fff;box-shadow:inset 0 0 0 1px rgba(10,151,166,.35),0 8px 18px -10px rgba(30,210,229,.55)}.ugt-drop__slot.has-thumb{background:#0b1220;box-shadow:inset 0 0 0 1px rgba(0,150,250,.28),0 10px 22px -12px rgba(23,38,63,.45)}.ugt-drop__thumb{display:block;width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}.ugt-drop__slotnum{right:-7px;z-index:1;place-items:center;padding:1px 7px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--ugt-hairline-strong),0 2px 6px -2px rgba(23,38,63,.25);font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:8.5px;font-weight:700;letter-spacing:.08em;color:var(--ugt-ink-soft)}.ugt-drop__remove,.ugt-drop__slotnum{position:absolute;top:-7px;display:grid}.ugt-drop__remove{left:-7px;z-index:2;place-items:center;width:22px;height:22px;padding:0;border:none;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--ugt-hairline-strong),0 2px 8px -2px rgba(23,38,63,.35);color:var(--ugt-ink-soft);cursor:pointer;transition:color .25s cubic-bezier(.32,.72,0,1),background-color .25s cubic-bezier(.32,.72,0,1),transform .25s cubic-bezier(.32,.72,0,1)}.ugt-drop__remove:hover{color:#fff;background:#dc2626;box-shadow:0 4px 12px -4px rgba(220,38,38,.55);transform:scale(1.06)}.ugt-drop__remove:focus-visible{outline:2px solid var(--ugt-accent);outline-offset:2px}.ugt-drop__plus{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--ugt-hairline-strong),0 4px 10px -4px rgba(23,38,63,.3);color:var(--ugt-accent-deep);transition:transform .6s cubic-bezier(.32,.72,0,1)}.ugt-drop.is-drag .ugt-drop__slot:first-child,.ugt-drop:hover .ugt-drop__slot:first-child{transform:translate(-3px,-4px) rotate(-3deg)}.ugt-drop.is-drag .ugt-drop__slot--alt,.ugt-drop:hover .ugt-drop__slot--alt{transform:translate(3px,-4px) rotate(3deg)}.ugt-drop.is-drag .ugt-drop__plus,.ugt-drop:hover .ugt-drop__plus{transform:scale(1.15) rotate(90deg)}.ugt-drop.is-stacked.is-drag{background:linear-gradient(rgba(30,210,229,.05),rgba(0,150,250,.05)) padding-box,repeating-linear-gradient(-45deg,var(--ugt-accent) 0 6px,transparent 6px 13px) border-box}.ugt-drop__label{margin:0 0 4px;font-size:15.5px;font-weight:700}.ugt-drop__format{margin:0 0 22px;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ugt-ink-faint)}.ugt-drop__cta{pointer-events:none}.ugt-status{display:block;margin-top:22px;padding:18px 20px;border-radius:14px;background:rgba(0,150,250,.045);box-shadow:inset 0 0 0 1px rgba(0,150,250,.14)}.ugt-status__row{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14.5px;font-weight:600}.ugt-status__hint{margin:10px 0 0;text-align:center;font-size:12px;color:var(--ugt-ink-faint);letter-spacing:.04em}.ugt-status__check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#10b981;color:#fff;box-shadow:0 4px 10px -3px rgba(16,185,129,.6)}.ugt-status--done{background:rgba(16,185,129,.06);box-shadow:inset 0 0 0 1px rgba(16,185,129,.2);animation:ugt-pop .6s cubic-bezier(.32,.72,0,1)}@keyframes ugt-pop{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.ugt-spin{width:15px;height:15px;flex-shrink:0;border-radius:50%;border:2px solid var(--ugt-tint-strong);border-top-color:var(--ugt-accent);animation:ugt-rotate .8s linear infinite}@keyframes ugt-rotate{to{transform:rotate(1turn)}}.ugt-bar{position:relative;height:6px;margin-top:14px;border-radius:999px;background:rgba(0,150,250,.12);overflow:hidden}.ugt-bar__fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;background:linear-gradient(90deg,var(--ugt-accent),var(--ugt-cyan));transition:width .5s cubic-bezier(.32,.72,0,1)}.ugt-bar--wave .ugt-bar__fill{width:42%;animation:ugt-wave 1.4s cubic-bezier(.32,.72,0,1) infinite}@keyframes ugt-wave{0%{transform:translateX(-110%)}to{transform:translateX(340%)}}.ugt-alert{display:flex;align-items:center;gap:10px;margin-top:22px;padding:13px 18px;border-radius:14px;background:rgba(220,38,38,.06);box-shadow:inset 0 0 0 1px rgba(220,38,38,.2);color:#b91c1c;font-size:14px;font-weight:600}.ugt-alert svg{flex-shrink:0}.ugt-result{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;margin-top:16px;padding-top:20px;border-top:1px solid var(--ugt-hairline);animation:ugt-pop .7s cubic-bezier(.32,.72,0,1)}.ugt-result__field{position:relative;display:flex;align-items:center;gap:2px;padding:6px 6px 6px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--ugt-hairline-strong)}.ugt-result__field label{position:absolute;top:-8px;left:16px;padding-inline:6px;border-radius:999px;background:#fff;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ugt-ink-faint);line-height:1.6}.ugt-result__field input,.ugt-result__field label{font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-weight:600}.ugt-result__field input{width:92px;border:none;background:rgba(0,0,0,0);font-size:14.5px;color:var(--ugt-ink);outline:none}.ugt-result>.ugt-btn{flex-shrink:0}.ugt-side{padding:22px 22px 18px}.ugt-side__list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.ugt-side__list li{display:flex;align-items:flex-start;gap:12px;padding-block:11px}.ugt-side__list li+li{border-top:1px solid var(--ugt-hairline)}.ugt-side__list p{margin:0;font-size:13.5px;font-weight:500;line-height:1.7;color:var(--ugt-ink-soft)}.ugt-side__icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;margin-top:2px;border-radius:10px;background:var(--ugt-tint);color:var(--ugt-accent-deep)}.ugt-side__icon--amber{background:rgba(255,107,0,.09);color:#d95c00}.ugt-chipnav{position:sticky;top:68px;z-index:30;display:flex;gap:6px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:clamp(40px,6vw,72px) auto 0;padding:6px;border-radius:999px;background:hsla(0,0%,100%,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px var(--ugt-hairline),0 10px 30px -16px rgba(23,38,63,.25);overflow-x:auto;scrollbar-width:none}.ugt-chipnav::-webkit-scrollbar{display:none}.ugt-chipnav__chip{flex-shrink:0;padding:7px 15px;border-radius:999px;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--ugt-ink-soft);text-decoration:none;white-space:nowrap;transition:background-color .35s cubic-bezier(.32,.72,0,1),color .35s cubic-bezier(.32,.72,0,1)}.ugt-chipnav__chip:hover{color:var(--ugt-accent-deep);background:var(--ugt-tint)}.ugt-chipnav__chip.is-active{background:var(--ugt-ink);color:#fff}.ugt-body{display:grid;grid-template-columns:minmax(0,1fr) 204px;gap:clamp(24px,4vw,56px);margin-top:clamp(16px,3vw,32px)}.ugt-body__rail{display:block}.ugt-toc{position:sticky;top:132px;z-index:10;display:flex;flex-direction:column;gap:2px;max-height:calc(100dvh - 160px);padding-left:14px;border-left:1px solid var(--ugt-hairline);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ugt-hairline-strong) rgba(0,0,0,0)}.ugt-toc__link{position:relative;display:flex;align-items:baseline;gap:9px;padding:7px 10px;border-radius:9px;color:var(--ugt-ink-faint);font-size:12.5px;font-weight:500;text-decoration:none;transition:color .35s cubic-bezier(.32,.72,0,1),background-color .35s cubic-bezier(.32,.72,0,1)}.ugt-toc__link:before{content:"";position:absolute;left:-15px;top:20%;bottom:20%;width:2px;border-radius:2px;background:var(--ugt-accent);opacity:0;transform:scaleY(.4);transition:opacity .35s cubic-bezier(.32,.72,0,1),transform .35s cubic-bezier(.32,.72,0,1)}.ugt-toc__link:hover{color:var(--ugt-ink);background:rgba(23,38,63,.04)}.ugt-toc__link.is-active{color:var(--ugt-ink);font-weight:700}.ugt-toc__link.is-active:before{opacity:1;transform:scaleY(1)}.ugt-toc__link.is-active .ugt-toc__num{color:var(--ugt-accent-deep)}.ugt-toc__num{font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:10px;letter-spacing:.08em;color:var(--ugt-ink-faint);transition:color .35s cubic-bezier(.32,.72,0,1)}.ugt-section{padding-top:clamp(64px,9vw,112px);scroll-margin-top:116px}.ugt-sechead{display:flex;align-items:center;gap:16px}.ugt-sechead__num{font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--ugt-accent-deep)}.ugt-sechead__title{margin:0;font-size:clamp(21px,3vw,27px);font-weight:700;letter-spacing:-.01em;line-height:1.4}.ugt-sechead__line{flex:1;height:1px;background:linear-gradient(90deg,var(--ugt-hairline-strong),transparent)}.ugt-credit{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-block:8px 10px;padding:16px 18px;border-radius:16px;background:rgba(23,38,63,.03);box-shadow:inset 0 0 0 1px var(--ugt-hairline)}.ugt-credit__text{flex:1;min-width:220px;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:13px;line-height:1.8;color:var(--ugt-ink);word-break:break-all}.ugt-credit__btn{flex-shrink:0}.ugt-htp{display:grid;grid-template-columns:240px minmax(0,1fr);margin-top:clamp(16px,2.5vw,24px);overflow:hidden}.ugt-htp__rail{display:flex;flex-direction:column;gap:2px;padding:clamp(14px,2vw,20px) 12px;border-right:1px solid var(--ugt-hairline);background:linear-gradient(180deg,rgba(0,150,250,.035),transparent 46%)}.ugt-htp__step{display:flex;align-items:center;gap:11px;padding:8px 11px;border:none;border-radius:12px;background:rgba(0,0,0,0);text-align:left;color:var(--ugt-ink-soft);cursor:pointer;transition:background-color .45s cubic-bezier(.32,.72,0,1),color .45s cubic-bezier(.32,.72,0,1)}.ugt-htp__step:hover{background:rgba(23,38,63,.045);color:var(--ugt-ink)}.ugt-htp__step.is-active{background:var(--ugt-tint);color:var(--ugt-ink)}.ugt-htp__step.is-active .ugt-htp__stepnum{background:linear-gradient(180deg,#24a8ff,var(--ugt-accent) 60%);box-shadow:0 6px 14px -6px rgba(0,150,250,.7);color:#fff}.ugt-htp__step.is-active .ugt-htp__steptitle{font-weight:700}.ugt-htp__step.is-done{color:var(--ugt-ink-faint)}.ugt-htp__step.is-done .ugt-htp__stepnum{background:rgba(16,185,129,.1);box-shadow:inset 0 0 0 1px rgba(16,185,129,.28);color:#059669}.ugt-htp__stepnum{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--ugt-hairline-strong);font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:10.5px;font-weight:700;transition:background-color .45s cubic-bezier(.32,.72,0,1),box-shadow .45s cubic-bezier(.32,.72,0,1),color .45s cubic-bezier(.32,.72,0,1)}.ugt-htp__steptitle{font-size:13px;font-weight:600;line-height:1.45}.ugt-htp__panel{display:flex;flex-direction:column;min-width:0;padding:clamp(18px,3vw,28px)}.ugt-htp__panelin{animation:ugt-htp-in .6s cubic-bezier(.32,.72,0,1) both}.ugt-htp__meta{margin:0 0 6px;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ugt-accent-deep)}.ugt-htp__metatotal{margin-left:4px;color:var(--ugt-ink-faint)}.ugt-htp__title{margin:0 0 8px;font-size:clamp(17px,2.2vw,20px);font-weight:700;letter-spacing:.01em;line-height:1.5}.ugt-htp__body{margin:0;max-width:66ch;color:var(--ugt-ink-soft);font-size:14.5px;line-height:2}.ugt-htp__figure{margin:16px 0 0}.ugt-htp__frame{position:relative;aspect-ratio:3/2;border-radius:14px;overflow:hidden;background:radial-gradient(rgba(23,38,63,.055) 1px,transparent 0) 0 0/14px 14px,linear-gradient(180deg,#f6f9fd,#eef3fa);box-shadow:inset 0 0 0 1px var(--ugt-hairline)}.ugt-htp__frame img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ugt-htp__caption{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;color:var(--ugt-ink-soft)}.ugt-htp__capnum{flex-shrink:0;padding:1px 8px;border-radius:999px;background:rgba(23,38,63,.05);font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--ugt-ink-faint)}.ugt-htp__thumbs{display:flex;gap:8px;margin-top:12px}.ugt-htp__thumb{position:relative;width:88px;aspect-ratio:3/2;flex-shrink:0;padding:0;border:none;border-radius:10px;overflow:hidden;background:#eef3fa;box-shadow:inset 0 0 0 1px var(--ugt-hairline-strong);cursor:pointer;opacity:.5;transition:opacity .4s cubic-bezier(.32,.72,0,1),box-shadow .4s cubic-bezier(.32,.72,0,1),transform .4s cubic-bezier(.32,.72,0,1)}.ugt-htp__thumb img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ugt-htp__thumb:hover{opacity:.85}.ugt-htp__thumb.is-active{opacity:1;transform:translateY(-1px);box-shadow:0 0 0 2px var(--ugt-accent),0 8px 18px -10px rgba(0,150,250,.55)}.ugt-htp__doneline{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:12px 16px;border-radius:12px;background:rgba(16,185,129,.06);box-shadow:inset 0 0 0 1px rgba(16,185,129,.2);color:#065f46;font-size:13.5px;font-weight:700}.ugt-htp__doneicon{display:grid;place-items:center;width:20px;height:20px;flex-shrink:0;border-radius:50%;background:#10b981;color:#fff}.ugt-htp__nav{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--ugt-hairline)}.ugt-htp__navbtn{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border:none;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--ugt-hairline-strong),0 1px 2px rgba(23,38,63,.05);color:var(--ugt-ink);font-size:12.5px;font-weight:600;cursor:pointer;transition:transform .4s cubic-bezier(.32,.72,0,1),box-shadow .4s cubic-bezier(.32,.72,0,1),opacity .4s cubic-bezier(.32,.72,0,1)}.ugt-htp__navbtn:hover:not(:disabled){box-shadow:inset 0 0 0 1px rgba(0,150,250,.35),0 6px 16px -8px rgba(23,38,63,.18)}.ugt-htp__navbtn:active:not(:disabled){transform:scale(.96)}.ugt-htp__navbtn:disabled{opacity:.35;cursor:default}.ugt-htp__navbtn--next{background:var(--ugt-ink);box-shadow:0 10px 22px -12px rgba(23,38,63,.55);color:#fff}.ugt-htp__navbtn--next:hover:not(:disabled){box-shadow:0 14px 28px -12px rgba(23,38,63,.6)}.ugt-htp__progress{display:flex;align-items:center;gap:10px;margin-left:auto}.ugt-htp__bar{position:relative;width:86px;height:4px;border-radius:999px;background:rgba(0,150,250,.14);overflow:hidden}.ugt-htp__bar span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,var(--ugt-accent),var(--ugt-cyan));transition:width .6s cubic-bezier(.32,.72,0,1)}.ugt-htp__count{font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:11px;font-variant-numeric:tabular-nums;color:var(--ugt-ink-faint)}@keyframes ugt-htp-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ugt-kbd{display:inline-block;margin-inline:1px;padding:0 7px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px var(--ugt-hairline-strong),inset 0 -1.5px 0 var(--ugt-hairline-strong),0 1px 1.5px rgba(23,38,63,.06);color:var(--ugt-accent-deep);font-size:.94em;font-weight:700;line-height:1.6;white-space:nowrap}.ugt-limits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-block:10px 22px}.ugt-limit{position:relative;padding:20px 22px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--ugt-hairline),0 10px 26px -18px rgba(23,38,63,.2);overflow:hidden}.ugt-limit:before{content:"";position:absolute;inset:0 auto 0 0;width:3px}.ugt-limit--gif:before{background:var(--ugt-ink-faint)}.ugt-limit--img:before{background:linear-gradient(180deg,var(--ugt-accent),var(--ugt-cyan))}.ugt-limit__tag{display:inline-block;margin-bottom:10px;padding:3px 10px;border-radius:999px;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:10px;font-weight:600;letter-spacing:.14em;background:rgba(23,38,63,.05);color:var(--ugt-ink-soft)}.ugt-limit--img .ugt-limit__tag{background:var(--ugt-tint);color:var(--ugt-accent-deep)}.ugt-limit__case{margin:0 0 2px;font-size:13px;color:var(--ugt-ink-soft)}.ugt-limit__value{margin:0;font-size:15.5px;font-weight:700;letter-spacing:.01em}.ugt-solution{margin-block:18px 4px}.ugt-solution__stem{display:block;width:2px;height:26px;margin:0 0 12px 19px;border-radius:2px;background:linear-gradient(180deg,var(--ugt-hairline-strong),var(--ugt-accent))}.ugt-solution__row{display:flex;align-items:center;gap:14px}.ugt-solution__orb{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:linear-gradient(180deg,#24a8ff,var(--ugt-accent) 55%,#0089e4);color:#fff;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.28),0 10px 24px -10px rgba(0,150,250,.65)}.ugt-solution__title{margin:0;min-width:0;font-size:clamp(16px,2.1vw,19px);font-weight:700;letter-spacing:.01em;line-height:1.5}.ugt-solution__mark{background:linear-gradient(transparent 62%,var(--ugt-tint-strong) 62%);padding-inline:1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.ugt-steps{padding:clamp(20px,3vw,30px);margin-block:10px 8px}.ugt-steps__list{position:relative;display:flex;flex-direction:column;gap:20px;margin:0;padding:0;list-style:none}.ugt-steps__list:before{content:"";position:absolute;top:14px;bottom:14px;left:13px;width:1px;background:linear-gradient(180deg,var(--ugt-tint-strong),var(--ugt-hairline))}.ugt-steps__item{position:relative;display:flex;align-items:flex-start;gap:15px}.ugt-steps__item p{margin:2px 0 0;font-size:14.5px;color:var(--ugt-ink-soft)}.ugt-steps__num{position:relative;display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(0,150,250,.35);font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:11.5px;font-weight:700;color:var(--ugt-accent-deep)}.ugt-steps__outro{display:flex;align-items:flex-start;gap:10px;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--ugt-hairline);font-size:14px;font-weight:600;color:var(--ugt-ink)}.ugt-steps__outro-icon{display:grid;place-items:center;width:20px;height:20px;flex-shrink:0;margin-top:2px;border-radius:50%;background:#10b981;color:#fff}.ugt-fpsgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.ugt-fps{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--ugt-hairline);transition:transform .5s cubic-bezier(.32,.72,0,1),box-shadow .5s cubic-bezier(.32,.72,0,1)}.ugt-fps:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(0,150,250,.28),0 14px 28px -18px rgba(0,150,250,.45)}.ugt-fps__cond{font-size:12px;color:var(--ugt-ink-faint)}.ugt-fps__val{font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--ugt-accent-deep)}.ugt-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:clamp(20px,3vw,32px)}.ugt-sample{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--ugt-hairline),0 10px 26px -18px rgba(23,38,63,.2);text-decoration:none;transition:transform .5s cubic-bezier(.32,.72,0,1),box-shadow .5s cubic-bezier(.32,.72,0,1)}.ugt-sample:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(0,150,250,.3),0 18px 36px -18px rgba(0,150,250,.4)}.ugt-sample:hover .ugt-sample__orb{background:var(--ugt-accent);color:#fff;transform:translate(2px,-2px) scale(1.06)}.ugt-sample__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.ugt-sample__label{font-size:15px;font-weight:700;color:var(--ugt-ink)}.ugt-sample__host{font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:11px;letter-spacing:.1em;color:var(--ugt-ink-faint)}.ugt-sample__orb{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--ugt-tint);color:var(--ugt-accent-deep);transition:background-color .45s cubic-bezier(.32,.72,0,1),color .45s cubic-bezier(.32,.72,0,1),transform .45s cubic-bezier(.32,.72,0,1)}.ugt-legal{display:flex;flex-direction:column;margin:clamp(20px,3vw,32px) 0 0;padding:clamp(8px,1.5vw,12px) clamp(20px,3vw,30px);list-style:none}.ugt-legal__item{display:flex;align-items:flex-start;gap:18px;padding-block:18px}.ugt-legal__item+.ugt-legal__item{border-top:1px solid var(--ugt-hairline)}.ugt-legal__item p{margin:0;font-size:14.5px;color:var(--ugt-ink-soft)}.ugt-legal__num{flex-shrink:0;margin-top:1px;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--ugt-accent-deep)}@media(max-width:1024px){.ugt-body{grid-template-columns:minmax(0,1fr)}.ugt-body__rail{display:none}}@media(max-width:960px){.ugt-bento,.ugt-htp{grid-template-columns:minmax(0,1fr)}.ugt-htp__rail{flex-direction:row;gap:6px;padding:12px;border-right:none;border-bottom:1px solid var(--ugt-hairline);background:linear-gradient(90deg,rgba(0,150,250,.035),transparent 50%);overflow-x:auto;scrollbar-width:none}.ugt-htp__rail::-webkit-scrollbar{display:none}.ugt-htp__step{flex-shrink:0;padding:6px 14px 6px 7px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--ugt-hairline)}.ugt-htp__step.is-active{box-shadow:inset 0 0 0 1px rgba(0,150,250,.3)}.ugt-htp__stepnum{width:24px;height:24px;font-size:10px}.ugt-htp__steptitle{font-size:12.5px;white-space:nowrap}}@media(max-width:768px){.ugt__container{padding-inline:16px}.ugt-limits,.ugt-samples{grid-template-columns:minmax(0,1fr)}.ugt-fpsgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ugt-result{flex-direction:column;align-items:stretch}.ugt-result__field{justify-content:space-between}.ugt-result__field input{flex:1}.ugt-result .ugt-btn{justify-content:space-between}.ugt-chipnav{width:auto;margin-inline:-4px}.ugt-htp__nav{flex-wrap:wrap}.ugt-htp__thumb{width:72px}}.ugt a:focus-visible,.ugt button:focus-visible{outline:2px solid var(--ugt-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ugt-reveal{opacity:1;transform:none;filter:none;transition:none}.ugt *,.ugt :after,.ugt :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}