.ob-stack{aspect-ratio:1/.9;perspective:2000px;max-width:620px;margin-block:24px;margin-inline:auto;position:relative}.ob-stack-in{transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(54deg)rotate(-34deg)translateY(10%)}.ob-layer{width:76%;height:66%;transform:translateZ(calc(var(--z) * 96px));transform-style:preserve-3d;background:linear-gradient(160deg, color-mix(in oklab, var(--os-surface-3) 92%, transparent), color-mix(in oklab, var(--os-surface-1) 92%, transparent));box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px color-mix(in oklab, var(--accent-400) 28%, var(--os-line)), 0 40px 80px -30px #000000b3;border-radius:28px;position:absolute;top:14%;left:12%}:root:not(.dark) .ob-layer{background:linear-gradient(160deg,#fff,#f4f3ef);box-shadow:inset 0 0 0 1px #0b2e5a1f,0 40px 80px -30px #0b2e5a59}.ob-l1{overflow:hidden}.ob-grid{background:linear-gradient(var(--os-line) 1px, transparent 1px) 0 0 / 100% 14%, linear-gradient(90deg, var(--os-line) 1px, transparent 1px) 0 0 / 12% 100%;position:absolute;inset:0}.ob-l-k{z-index:1;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-300);font-size:14px;font-weight:640;position:absolute;bottom:18px;left:22px}.ob-apps{grid-template-columns:repeat(4,1fr);align-content:center;gap:10px;margin:0;padding:0;list-style:none;display:grid;position:absolute;inset:18px}.ob-apps li{color:var(--os-ink-2);text-align:center;justify-items:center;gap:6px;font-size:11.5px;font-weight:600;display:grid}.ob-l3{background:linear-gradient(160deg, color-mix(in oklab, var(--signal-400) 16%, var(--os-surface-3)), color-mix(in oklab, var(--accent-500) 14%, var(--os-surface-1)));box-shadow:inset 0 1px 0 #ffffff24, inset 0 0 0 1px color-mix(in oklab, var(--signal-400) 45%, transparent), 0 0 60px -10px color-mix(in oklab, var(--signal-400) 45%, transparent)}:root:not(.dark) .ob-l3{background:linear-gradient(160deg, color-mix(in oklab, var(--signal-400) 14%, #fff), #fff)}.ob-muni{align-items:center;gap:12px;display:flex;position:absolute;top:22px;left:24px}.ob-muni b{color:var(--os-ink-1);max-width:260px;font-size:17px;font-weight:640;line-height:1.3}.ob-agents{gap:10px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.ob-agents i{background:linear-gradient(180deg, color-mix(in oklab, var(--accent-300) 45%, transparent), color-mix(in oklab, var(--accent-500) 25%, transparent));border-radius:10px;flex:1;height:34px;box-shadow:inset 0 1px #ffffff40}.ob-beam{transform-origin:50% 0;background:linear-gradient(180deg, var(--accent-300), transparent);filter:blur(1px);opacity:.6;width:2px;height:300px;position:absolute;top:50%;left:50%;transform:translateZ(0)rotateX(-90deg)}@media (prefers-reduced-motion:no-preference){.ob-stack .ob-layer{animation:7s ease-in-out infinite alternate ob-bob;animation-delay:calc(var(--z) * -1.4s)}.ob-stack .ob-agents i{animation:3.6s ease-in-out infinite ob-agent;animation-delay:calc(var(--i) * .3s)}}@keyframes ob-bob{0%{transform:translateZ(calc(var(--z) * 96px))}to{transform:translateZ(calc(var(--z) * 96px + 14px))}}@keyframes ob-agent{0%,to{opacity:.45}50%{opacity:1}}@media (max-width:599px){.ob-apps li span{display:none}.ob-muni b{max-width:160px;font-size:14px}.ob-layer{border-radius:18px}.ob-stack-in{transform:rotateX(56deg)rotate(-36deg)translateY(10%)scale(.92)}}.ob-bars{border-radius:var(--os-r-stage);background:radial-gradient(70% 60% at 50% 100%, color-mix(in oklab, var(--accent-500) 18%, transparent), transparent 70%), linear-gradient(180deg, var(--os-surface-2), var(--os-surface-1));box-shadow:inset 0 1px 0 #ffffff12, inset 0 0 0 1px var(--os-line), var(--os-elev-3);padding:24px}:root:not(.dark) .ob-bars{background:radial-gradient(70% 60% at 50% 100%, color-mix(in oklab, var(--accent-500) 10%, transparent), transparent 70%), #fff}.ob-bars-row{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;height:380px;display:grid}.ob-bar{grid-template-rows:auto 1fr auto auto;align-items:end;gap:8px;height:100%;display:grid}.ob-bar-cap{gap:2px;display:grid}.ob-bar-cap b{letter-spacing:-.03em;color:var(--os-ink-1);font-size:clamp(16px,1.8vw,22px);font-weight:660}.ob-bar-cap em{color:var(--os-ink-3);font-size:12px;font-style:normal}.ob-pillar{align-items:flex-end;height:100%;display:flex;position:relative}.ob-pillar i{width:100%;height:var(--h);transform-origin:50% 100%;background:linear-gradient(180deg, color-mix(in oklab, var(--accent-300) 90%, transparent), color-mix(in oklab, var(--accent-600) 55%, transparent) 70%, color-mix(in oklab, var(--accent-600) 15%, transparent));box-shadow:inset 0 1px 0 #fff6, 0 0 40px -8px var(--accent-500);border-radius:14px 14px 6px 6px;display:block}.ob-bar:first-child .ob-pillar i{background:linear-gradient(180deg, var(--signal-300), color-mix(in oklab, var(--signal-400) 45%, transparent) 70%, transparent);box-shadow:inset 0 1px 0 #fff6, 0 0 40px -8px var(--signal-400)}.ob-bar-n{color:var(--os-ink-1);font-size:15px;font-weight:640}.ob-bar-s{color:var(--os-ink-3);font-size:12px;line-height:1.4}.ob-foot{color:var(--os-ink-3);margin-top:16px;font-size:13px;line-height:1.5}@media (prefers-reduced-motion:no-preference){.ob-bars[data-in] .ob-pillar i{animation:ob-rise 1.2s calc(var(--i) * .12s) var(--os-ease-expo) both}}@keyframes ob-rise{0%{transform:scaleY(.04)}to{transform:none}}@media (max-width:599px){.ob-bars{padding:16px}.ob-bars-row{gap:8px;height:320px}.ob-bar-s{display:none}}.ob-merge{grid-template-columns:minmax(0,5fr) minmax(40px,2fr) minmax(0,6fr);align-items:center;gap:0;display:grid}.ob-tools{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ob-tools li{height:40px;color:var(--os-ink-2);background:var(--os-surface-2);box-shadow:inset 0 0 0 1px var(--os-line);border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:560;display:flex}:root:not(.dark) .ob-tools li{background:#fff}.ob-tools svg{color:var(--os-ink-3)}.ob-wires{width:100%;height:100%;min-height:220px;overflow:visible}.ob-wires path{fill:none;stroke:color-mix(in oklab, var(--accent-400) 70%, transparent);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:0}.ob-one{background:linear-gradient(180deg, color-mix(in oklab, var(--accent-500) 16%, var(--os-surface-2)), var(--os-surface-1));box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px color-mix(in oklab, var(--accent-400) 45%, transparent), var(--os-glow), var(--os-elev-3);border-radius:22px;padding:22px}:root:not(.dark) .ob-one{background:linear-gradient(180deg, color-mix(in oklab, var(--accent-500) 8%, #fff), #fff)}.ob-one-h{color:var(--os-ink-1);align-items:center;gap:10px;font-size:18px;font-weight:660;display:flex}.ob-one-orb{background:radial-gradient(circle at 35% 30%, #fff, var(--accent-300) 25%, var(--accent-500) 60%, var(--signal-400));width:26px;height:26px;box-shadow:0 0 16px -2px var(--accent-500);border-radius:50%}.ob-one ul{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.ob-one li{color:var(--os-ink-1);align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.45;display:flex}.ob-one li svg{color:var(--accent-300);flex:none;margin-top:2px}@media (prefers-reduced-motion:no-preference){.ob-merge:not([data-in]) .ob-wires path{stroke-dashoffset:100px}.ob-merge[data-in] .ob-wires path{animation:ob-wire 1.2s calc(var(--i) * .12s) var(--os-ease-expo) both}.ob-merge[data-in] .ob-tools li{animation:ob-fade .6s calc(var(--i) * 80ms) both}.ob-merge[data-in] .ob-one{animation:ob-in .9s .7s var(--os-ease-expo) both}}@keyframes ob-wire{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes ob-fade{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes ob-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}@media (max-width:599px){.ob-merge{grid-template-columns:1fr;gap:16px}.ob-wires{display:none}.ob-tools{grid-template-columns:1fr 1fr}}.ob-facts{padding:28px}.ob-facts-k{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-300);font-size:12px;font-weight:700}.ob-facts dl{grid-template-columns:1fr 1fr;gap:24px 20px;margin:20px 0 0;display:grid}.ob-facts dl>div{align-content:start;gap:6px;display:grid}.ob-facts dt{letter-spacing:-.04em;background:var(--os-g-ink);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:6px;padding-bottom:.06em;font-size:clamp(30px,3.4vw,42px);font-weight:650;line-height:1}.ob-facts dd{color:var(--os-ink-2);margin:0;font-size:14px;line-height:1.45}.ob-facts-f{color:var(--os-ink-3);margin-top:18px;font-size:12.5px}.ob-mode{--dur:12s;border-radius:var(--os-r-stage);background:linear-gradient(180deg, var(--os-surface-2), var(--os-surface-1));box-shadow:inset 0 1px 0 #ffffff14, inset 0 0 0 1px var(--os-line), var(--os-glow), var(--os-elev-3);position:relative;overflow:hidden}:root:not(.dark) .ob-mode{background:#fff}.ob-mode-bar{border-bottom:1px solid var(--os-line);justify-content:space-between;align-items:center;height:46px;padding:0 14px;display:flex}.ob-dots{gap:6px;display:flex}.ob-dots i{background:var(--os-line-2,var(--os-line));border-radius:50%;width:9px;height:9px}.ob-mode-sw{background:var(--os-surface-3);box-shadow:inset 0 0 0 1px var(--os-line);border-radius:999px;grid-template-columns:1fr 1fr;padding:3px;display:grid;position:relative}.ob-mode-sw b{z-index:1;color:var(--os-ink-3);text-align:center;padding:5px 14px;font-size:12px;font-weight:620;position:relative}.ob-sw-k{background:linear-gradient(180deg, var(--accent-400), var(--accent-600));width:calc(50% - 3px);box-shadow:0 0 18px -4px var(--accent-500);border-radius:999px;position:absolute;top:3px;bottom:3px;left:3px}.ob-mode-body{grid-template-columns:200px 1fr;min-height:400px;display:grid;position:relative}.ob-mode-nav{border-right:1px solid var(--os-line);background:color-mix(in oklab, var(--os-surface-1) 60%, transparent);align-content:start;gap:12px;padding:16px 12px;display:grid}:root:not(.dark) .ob-mode-nav{background:#f7f7fb}.ob-mode-nav>div{gap:2px;display:grid}.ob-nav-h{letter-spacing:.06em;text-transform:uppercase;color:var(--os-ink-3);padding:0 8px 4px;font-size:10.5px;font-weight:700}.ob-nav-i{color:var(--os-ink-2);border-radius:8px;align-items:center;gap:8px;padding:5px 8px;font-size:12.5px;font-weight:560;display:flex}.ob-mode-main{padding:18px;position:relative}.ob-mode-c,.ob-mode-a{align-content:start;gap:14px;display:grid;position:absolute;inset:18px}.ob-k{letter-spacing:.04em;text-transform:uppercase;color:var(--os-ink-3);align-items:center;gap:8px;font-size:12px;font-weight:680;display:flex}.ob-row-cards{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.ob-row-cards i,.ob-lines i{background:var(--os-surface-3);box-shadow:inset 0 0 0 1px var(--os-line);border-radius:12px;display:block}:root:not(.dark) .ob-row-cards i,:root:not(.dark) .ob-lines i{background:#f4f4f8}.ob-row-cards i{height:64px}.ob-row-cards i:first-child{background:linear-gradient(180deg, color-mix(in oklab, var(--accent-500) 22%, var(--os-surface-3)), var(--os-surface-3))}.ob-lines{gap:8px;display:grid}.ob-lines i{border-radius:9px;height:34px}.ob-a-card{background:var(--os-surface-3);box-shadow:inset 0 0 0 1px var(--os-line);border-radius:16px;gap:8px;padding:14px;display:grid}:root:not(.dark) .ob-a-card{background:#fafafc}.ob-a-needs{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent-400) 40%, transparent), 0 0 30px -12px var(--accent-500)}.ob-a-li{color:var(--os-ink-1);align-items:center;gap:8px;font-size:13px;line-height:1.4;display:flex}.ob-a-li svg{color:var(--success-400,#34d399);flex:none}.ob-a-btn{color:#fff;background:var(--accent-500);border-radius:6px;flex:none;padding:2px 8px;font-size:11px;font-style:normal;font-weight:700}.ob-mode-a,.ob-mode-auto .ob-mode-c{opacity:0}.ob-mode-auto .ob-mode-a{opacity:1}.ob-mode-auto .ob-sw-k{transform:none}.ob-mode-classic .ob-sw-k{transform:translate(100%)}.ob-mode-classic .ob-sw-c,.ob-mode-auto .ob-sw-a{color:#fff}@media (prefers-reduced-motion:no-preference){.ob-mode .ob-sw-k{animation:ob-sw var(--dur) var(--os-ease-expo,ease) infinite}.ob-mode .ob-mode-c{animation:ob-show-c var(--dur) ease infinite}.ob-mode .ob-mode-a{animation:ob-show-a var(--dur) ease infinite}.ob-mode .ob-mode-nav{animation:ob-nav var(--dur) var(--os-ease-expo,ease) infinite}.ob-mode .ob-sw-a{animation:ob-ink-a var(--dur) infinite}.ob-mode .ob-sw-c{animation:ob-ink-c var(--dur) infinite}.ob-mode-auto .ob-sw-k,.ob-mode-auto .ob-mode-c,.ob-mode-auto .ob-mode-a,.ob-mode-auto .ob-mode-nav,.ob-mode-auto .ob-sw-a,.ob-mode-auto .ob-sw-c{animation-delay:calc(var(--dur) / -2)}}@keyframes ob-sw{0%,42%{transform:translate(100%)}50%,92%{transform:none}to{transform:translate(100%)}}@keyframes ob-show-c{0%,42%{opacity:1}48%,94%{opacity:0}to{opacity:1}}@keyframes ob-show-a{0%,44%{opacity:0;transform:translateY(8px)}52%,92%{opacity:1;transform:none}98%,to{opacity:0}}@keyframes ob-nav{0%,42%{opacity:1}50%,92%{opacity:.25}to{opacity:1}}@keyframes ob-ink-a{0%,44%{color:var(--os-ink-3)}50%,92%{color:#fff}to{color:var(--os-ink-3)}}@keyframes ob-ink-c{0%,44%{color:#fff}50%,92%{color:var(--os-ink-3)}to{color:#fff}}@media (max-width:599px){.ob-mode-body{grid-template-columns:132px 1fr;min-height:360px}.ob-nav-i{gap:6px;padding:4px;font-size:11px}.ob-nav-i .ob-ic{display:none}.ob-row-cards{grid-template-columns:1fr 1fr}.ob-mode-main{padding:12px}.ob-mode-c,.ob-mode-a{inset:12px}.ob-a-li{font-size:12px}}.ob-phone{aspect-ratio:9/17.2;width:min(340px,86vw);box-shadow:inset 0 0 0 1px #ffffff29, 0 50px 100px -30px #000000bf, var(--os-glow);background:linear-gradient(160deg,#3a3a48,#121218);border-radius:48px;margin-inline:auto;padding:10px;position:relative}:root:not(.dark) .ob-phone{background:linear-gradient(160deg,#e9e8f1,#c8c7d4);box-shadow:inset 0 0 0 1px #0b2e5a24,0 50px 100px -30px #0b2e5a66}.ob-ph-screen{background:radial-gradient(120% 50% at 50% 0%, color-mix(in oklab, var(--accent-500) 22%, transparent), transparent 70%), #0b0b12;color:#f2f2f7;border-radius:39px;flex-direction:column;gap:12px;height:100%;padding:22px 14px 0;display:flex;position:relative;overflow:hidden}:root:not(.dark) .ob-ph-screen{background:radial-gradient(120% 50% at 50% 0%, color-mix(in oklab, var(--accent-500) 12%, transparent), transparent 70%), #fbfbfd;color:#16161f}.ob-ph-top{justify-content:space-between;align-items:center;display:flex}.ob-ph-top b{letter-spacing:-.03em;font-size:19px;font-weight:700}.ob-ph-lang{background:color-mix(in oklab, var(--accent-500) 22%, transparent);width:92px;height:26px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent-400) 45%, transparent);border-radius:999px;display:block;position:relative;overflow:hidden}.ob-ph-lang i{opacity:0;place-items:center;font-size:12.5px;font-style:normal;font-weight:620;display:grid;position:absolute;inset:0}.ob-ph-lang i:first-child{opacity:1}.ob-ph-ask{height:44px;color:color-mix(in oklab, currentColor 55%, transparent);background:color-mix(in oklab, currentColor 7%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, currentColor 14%, transparent);border-radius:999px;align-items:center;gap:8px;padding:0 6px 0 14px;font-size:13px;display:flex}.ob-ph-ask svg{color:var(--accent-300)}.ob-ph-go{background:var(--accent-500);border-radius:50%;place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.ob-ph-go svg{color:#fff}.ob-ph-fig{gap:2px;padding:4px 2px;display:grid}.ob-ph-fig em{opacity:.6;font-size:12px;font-style:normal}.ob-ph-fig b{letter-spacing:-.04em;font-size:28px;font-weight:680}.ob-ph-card{background:color-mix(in oklab, currentColor 5%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, currentColor 11%, transparent);border-radius:18px;gap:9px;padding:13px;display:grid}.ob-ph-card .ob-k{color:inherit;opacity:.75;font-size:11px}.ob-ph-needs{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent-400) 50%, transparent), 0 0 30px -12px var(--accent-500)}.ob-ph-li{align-items:center;gap:8px;font-size:12.5px;line-height:1.35;display:flex}.ob-ph-li svg{color:#34d399;flex:none}.ob-ph-nav{background:color-mix(in oklab, currentColor 8%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:56px;box-shadow:inset 0 0 0 1px color-mix(in oklab, currentColor 12%, transparent);border-radius:28px;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.ob-ph-nav i{opacity:.55;place-items:center;display:grid}.ob-ph-nav .ob-ph-on{opacity:1;color:var(--accent-300)}.ob-ph-nav .ob-ph-snap{opacity:1;color:#fff;background:linear-gradient(180deg, var(--accent-400), var(--accent-600));width:44px;height:44px;box-shadow:0 0 20px -4px var(--accent-500);border-radius:50%}@media (prefers-reduced-motion:no-preference){.ob-ph-lang i{animation:ob-lang calc(var(--n) * 2s) calc(var(--i) * 2s) infinite;opacity:0}.ob-phone[data-in] .ob-ph-li{animation:ob-fade .6s calc(.3s + var(--i) * .12s) both}}@keyframes ob-lang{0%{opacity:0;transform:translateY(8px)}2%,12%{opacity:1;transform:none}14%,to{opacity:0;transform:translateY(-8px)}}@media (max-width:599px){.ob-phone{width:min(300px,80vw)}.ob-ph-card:nth-of-type(2) .ob-ph-li:nth-child(n+3){display:none}}.ob-setup{border-radius:var(--os-r-stage);background:radial-gradient(80% 50% at 80% 0%, color-mix(in oklab, var(--accent-500) 16%, transparent), transparent 70%), linear-gradient(180deg, var(--os-surface-2), var(--os-surface-1));box-shadow:inset 0 1px 0 #ffffff14, inset 0 0 0 1px var(--os-line), var(--os-glow), var(--os-elev-3);padding:22px;position:relative}:root:not(.dark) .ob-setup{background:radial-gradient(80% 50% at 80% 0%, color-mix(in oklab, var(--accent-500) 8%, transparent), transparent 70%), #fff}.ob-setup>div{gap:14px;display:grid}.ob-su-in{min-height:52px;color:var(--os-ink-1);background:var(--os-surface-3);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent-400) 45%, transparent), 0 0 0 4px color-mix(in oklab, var(--accent-500) 12%, transparent);border-radius:16px;align-items:center;gap:10px;padding:10px 16px;font-size:15px;line-height:1.4;display:flex}:root:not(.dark) .ob-su-in{background:#fff}.ob-su-in svg{color:var(--accent-300);flex:none}.ob-su-rec{color:var(--os-ink-2);background:color-mix(in oklab, var(--os-surface-3) 80%, transparent);box-shadow:inset 0 0 0 1px var(--os-line);border-radius:999px;justify-self:start;align-items:center;gap:8px;padding:5px 12px 5px 6px;font-size:13px;display:inline-flex}.ob-su-rec b{color:var(--os-ink-1);font-weight:640}.ob-su-k{letter-spacing:.06em;text-transform:uppercase;color:var(--os-ink-3);margin-top:4px;font-size:12px;font-weight:700}.ob-su-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ob-su-list li{color:var(--os-ink-1);background:color-mix(in oklab, var(--os-surface-3) 70%, transparent);box-shadow:inset 0 0 0 1px var(--os-line);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:9px 12px 9px 9px;font-size:14px;line-height:1.35;display:grid}:root:not(.dark) .ob-su-list li{background:#fafafc}.ob-su-list li>svg{color:#34d399}.ob-su-list li>b{color:var(--accent-300);font-variant-numeric:tabular-nums;font-size:15px;font-weight:680}:root:not(.dark) .ob-su-list li>b{color:var(--accent-600)}.ob-su-foot{color:var(--os-ink-2);align-items:center;gap:10px;font-size:13px;line-height:1.45;display:flex}.ob-su-foot .ob-ic{flex:none}@media (prefers-reduced-motion:no-preference){.ob-setup:not([data-in]) .ob-su-list li,.ob-setup:not([data-in]) .ob-su-rec{opacity:0}.ob-setup[data-in] .ob-su-t{clip-path:inset(0);animation:1.6s steps(28,end) both ob-type;display:inline-block}.ob-setup[data-in] .ob-su-rec{animation:ob-in .6s 1.7s var(--os-ease-expo,ease) both}.ob-setup[data-in] .ob-su-list li{animation:ob-in .6s calc(2.1s + var(--i) * .22s) var(--os-ease-expo,ease) both}}@keyframes ob-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (max-width:599px){.ob-setup{padding:16px}.ob-su-list li{gap:10px;font-size:13px}.ob-su-in{font-size:14px}}.ob-ic{width:24px;height:24px;color:var(--accent-300);background:color-mix(in oklab, var(--accent-500) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent-400) 28%, transparent);border-radius:7px;flex:none;place-items:center;display:grid}.ob-ic-ink{color:var(--os-ink-2);background:color-mix(in oklab, var(--os-ink-1) 6%, transparent);box-shadow:inset 0 0 0 1px var(--os-line)}.ob-ic-amber{color:var(--signal-300,#fbbf24);background:color-mix(in oklab, var(--signal-400,#f59e0b) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--signal-400,#f59e0b) 35%, transparent)}.ob-ic-teal{color:#2dd4bf;background:#14b8a62e;background:lab(67.1486% -42.9201 -2.3297/.18)}:root:not(.dark) .ob-ic{color:var(--accent-600)}:root:not(.dark) .ob-ic-amber{color:#b45309}:root:not(.dark) .ob-ic-teal{color:#0f766e}:root:not(.dark) .ob-ic-ink{color:var(--os-ink-2)}