.ov3f{position:relative;width:100%;height:100%;min-height:0;max-height:100%;overflow:hidden;background:#000;color:#f5f5f6;font-family:Inter,-apple-system,Segoe UI,sans-serif;letter-spacing:-.01em;line-height:1.23;-webkit-user-select:none;user-select:none;container-type:size;container-name:ov3f;--ov3f-footer-inset: max(38px, env(safe-area-inset-bottom, 38px))}.ov3f-gradient{position:absolute;inset:0;z-index:0;pointer-events:none}.ov3f-gradient__canvas{display:block;width:100%;height:100%}.ov3f-gradient a[data-n]{display:none!important;visibility:hidden!important;pointer-events:none!important}.ov3f-gradient__fade{position:absolute;inset:0;background:#000;opacity:0;transition:opacity .9s ease}.ov3f-gradient__fade--on{opacity:1}.ov3f__content{position:relative;z-index:1;width:100%;height:100%;min-height:0;max-height:100%;overflow:hidden}.ov3f--solid{background:#000}.ov3f *,.ov3f *:before,.ov3f *:after{box-sizing:border-box}.ov3f h1,.ov3f h2,.ov3f h3,.ov3f p{margin:0}.ov3f button{font-family:inherit;letter-spacing:inherit;cursor:pointer;border:none}.ov3f .ov3f-link,.ov3f .ov3f-back,.ov3f .ov3f-swipe,.ov3f .ov3f-dialog__btn{background:none}.ov3f-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:11px 16px;border-radius:8px;background:#fff;color:#16191c;font-size:17px;font-weight:700;line-height:1.23;transition:transform .15s ease,opacity .3s ease}.ov3f-btn:active{transform:scale(.97)}.ov3f-btn--action{min-height:33px;padding:8px;border-radius:4px;font-size:14px}.ov3f-btn--disabled{opacity:.3;pointer-events:none}.ov3f-link{display:block;width:100%;padding:4px 0;font-size:14px;font-weight:700;color:#f5f5f6;text-align:center}.ov3f-intro{position:absolute;inset:0;touch-action:none;cursor:grab}.ov3f-intro:active{cursor:grabbing}.ov3f-intro__stage{position:absolute;inset:0;perspective:720px}.ov3f-intro__headline{position:absolute;top:40%;left:24px;right:24px;font-size:32px;font-weight:800;text-align:left;transform-origin:center center;backface-visibility:hidden;will-change:transform,opacity}.ov3f-intro__headline--exit{animation:ov3f-cube-out .78s cubic-bezier(.52,.02,.38,.98) forwards}.ov3f-intro__headline--enter{animation:ov3f-cube-in .78s cubic-bezier(.52,.02,.38,.98) both}@keyframes ov3f-cube-out{0%{opacity:1;transform:translateY(var(--exit-from-y, 0px)) rotateX(var(--exit-from-rot, 0deg))}72%{opacity:1}to{opacity:0;transform:translateY(calc(var(--exit-from-y, 0px) - 100vh)) rotateX(22deg)}}@keyframes ov3f-cube-in{0%{opacity:0;transform:translateY(100vh) rotateX(-22deg)}38%{opacity:.35}68%{opacity:1}to{opacity:1;transform:translateY(0) rotateX(0)}}.ov3f-intro__word{display:inline-block;opacity:0;animation:ov3f-word-in .55s cubic-bezier(.2,.7,.3,1) forwards;white-space:pre}@keyframes ov3f-word-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ov3f-swipe{position:absolute;bottom:max(24px,env(safe-area-inset-bottom,24px));left:50%;transform:translate(-50%,12px);display:flex;align-items:center;gap:14px;opacity:0;transition:opacity .6s ease,transform .6s ease;pointer-events:none}.ov3f-swipe--visible{opacity:1;transform:translate(-50%);pointer-events:auto}.ov3f-swipe__pill{position:relative;display:block;width:22px;height:53px;border-radius:10.5px;background:linear-gradient(180deg,#737373,#d9d9d900)}.ov3f-swipe__dot{position:absolute;top:5px;left:3px;width:16px;height:16px;border-radius:50%;background:#f5f5f6;opacity:.8;animation:ov3f-dot-rise 1.7s ease-in-out infinite}@keyframes ov3f-dot-rise{0%,to{transform:translateY(14px);opacity:.5}50%{transform:translateY(0);opacity:.9}}.ov3f-swipe__label{font-size:17px;font-weight:500;color:#fff;opacity:.8}.ov3f-splash{position:absolute;inset:0}.ov3f-splash__logo{position:absolute;left:50%;top:calc(50% - 17px);transform:translate(-50%);opacity:0;transition:top .9s cubic-bezier(.4,0,.2,1),opacity .8s ease}.ov3f-splash__logo--center{opacity:1}.ov3f-splash__logo--top{opacity:1;top:100px}.ov3f-splash__headline{position:absolute;top:49%;left:20px;right:20px;text-align:center;opacity:0;transition:opacity .5s ease}.ov3f-splash__headline--on{opacity:1}.ov3f-splash__typed{min-height:39px;font-size:32px;font-weight:800;color:#f5f5f6}.ov3f-splash__caret{display:inline-block;width:3px;height:30px;margin-left:3px;vertical-align:-4px;border-radius:2px;background:#f5f5f6;animation:ov3f-caret 1s steps(2,jump-none) infinite}@keyframes ov3f-caret{0%,49%{opacity:1}50%,to{opacity:0}}.ov3f-splash__footer{position:absolute;left:24px;right:24px;bottom:var(--ov3f-footer-inset);opacity:0;transform:translateY(12px);transition:opacity .6s ease .2s,transform .6s ease .2s}.ov3f-splash__footer--on{opacity:1;transform:translateY(0)}.ov3f-concern{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0;padding:24px 24px var(--ov3f-footer-inset);overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ov3f-concern::-webkit-scrollbar{display:none}.ov3f-concern__stack{display:flex;flex-direction:column;margin-top:auto;width:100%}.ov3f-concern__head{display:flex;flex-direction:column;gap:16px;animation:ov3f-fade-rise .6s ease both}.ov3f-concern__title{font-size:32px;font-weight:800}.ov3f-concern__sub{font-size:16px;font-weight:500;opacity:.8}.ov3f-concern__list{display:flex;flex-direction:column;gap:12px;margin-top:32px}.ov3f .ov3f-option{width:100%;min-height:50px;padding:16px 24px;border-radius:16px;background:#252a2f;border:1px solid #393e41;font-size:15px;font-weight:600;color:#f5f5f6e6;text-align:left;opacity:0;animation:ov3f-fade-rise .5s ease both;transition:border-color .2s ease,font-weight .2s ease}.ov3f .ov3f-option--selected{border:2px solid #eeeeee;padding:15px 23px;font-weight:800}.ov3f-option--entered{opacity:1;animation:none}.ov3f-option--nudge{animation:ov3f-nudge .38s ease;opacity:1}@keyframes ov3f-nudge{0%,to{transform:translate(0)}25%{transform:translate(-6px)}55%{transform:translate(5px)}80%{transform:translate(-3px)}}.ov3f-concern__continue{flex-shrink:0;margin-top:32px}@keyframes ov3f-fade-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ov3f-setup{position:absolute;inset:0}.ov3f-setup__nav{position:absolute;top:36px;left:16px;right:16px;height:32px;opacity:0;transition:opacity .5s ease}.ov3f-setup__nav--on{opacity:1}.ov3f-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.ov3f-setup__title{position:absolute;top:clamp(140px,27%,228px);left:36px;right:36px;font-size:32px;font-weight:800;text-align:center;transition:top .75s cubic-bezier(.4,0,.2,1);animation:ov3f-fade-rise .7s ease both}.ov3f-setup__title--centered{top:45%}.ov3f-setup__content{position:absolute;top:clamp(200px,41%,344px);left:24px;right:24px;bottom:max(16px,env(safe-area-inset-bottom,16px));display:flex;flex-direction:column;gap:clamp(16px,4%,32px);min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;pointer-events:none}.ov3f-setup__content::-webkit-scrollbar{display:none}.ov3f-setup__content--on{opacity:1;transform:translateY(0);pointer-events:auto}.ov3f-setup__timeline{position:relative;display:flex;flex-direction:column;gap:32px}.ov3f-setup__row{display:flex;gap:4px}.ov3f-setup__row .ov3f-card{flex:1;min-width:0}.ov3f-railcell{position:relative;flex:0 0 32px;align-self:stretch}.ov3f-rail-line{position:absolute;left:15px;width:2px;border-radius:1px;background:linear-gradient(180deg,#eee,#eeeeee40);pointer-events:none}.ov3f-rail-node{position:absolute;top:50%;left:0;width:32px;height:32px;transform:translateY(-50%)}.ov3f-rail-ring{position:absolute;top:6px;left:6px;width:20px;height:20px;border-radius:50%;border:1px solid #eeeeee}.ov3f-rail-node--pending .ov3f-rail-ring{opacity:.4}.ov3f-rail-dot{position:absolute;top:14px;left:14px;width:4px;height:4px;border-radius:50%;background:#f5f5f6}.ov3f-rail-check{position:absolute;top:4px;left:4px;width:24px;height:24px;transform:scale(0)}.ov3f-rail-check--pop{animation:ov3f-check-pop .5s cubic-bezier(.34,1.56,.64,1) .35s forwards}@keyframes ov3f-check-pop{0%{transform:scale(0)}to{transform:scale(1)}}.ov3f-card{border-radius:16px;background:#252a2f;border:1px solid #393e41;padding:16px 16px 20px;overflow:hidden;transition:opacity .55s ease,padding .55s ease}.ov3f-card--active{opacity:1}.ov3f-card--collapsed{opacity:.5;padding:16px}.ov3f-card--enter .ov3f-card__desc,.ov3f-card--enter .ov3f-card__actions{animation:ov3f-fade-rise .55s ease .45s both}.ov3f-card__title{font-size:16px;font-weight:800;color:#f5f5f6e6}.ov3f-card__desc{margin-top:8px;font-size:14px;font-weight:500;color:#f5f5f6e6}.ov3f-card__actions{display:flex;flex-direction:column;gap:16px;margin-top:12px}.ov3f-vpnreq{position:absolute;inset:0;animation:ov3f-fade-in .35s ease both}@keyframes ov3f-fade-in{0%{opacity:0}to{opacity:1}}.ov3f-statusbar{position:absolute;top:0;left:0;right:0;height:24px;display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:4px 8px}.ov3f-statusbar__time{font-size:14px;font-weight:500;margin-left:2px}.ov3f-vpnreq__head{position:absolute;top:clamp(72px,15%,129px);left:24px;right:24px;display:flex;flex-direction:column;gap:16px;text-align:center}.ov3f-vpnreq__title{font-size:20px;font-weight:700}.ov3f-vpnreq__sub{font-size:16px;font-weight:500;opacity:.9}.ov3f-vpnreq__scrim{position:absolute;inset:0;background:#00000080;animation:ov3f-fade-in .3s ease both}.ov3f-dialog{position:absolute;top:clamp(160px,30%,250px);left:50%;width:312px;transform:translate(-50%);border-radius:28px;background:#ece6f0;padding:24px 24px 20px;animation:ov3f-dialog-in .4s cubic-bezier(.2,.9,.3,1) .15s both;box-shadow:0 24px 48px #0006}@keyframes ov3f-dialog-in{0%{opacity:0;transform:translate(-50%) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}.ov3f-dialog__headline{font-size:24px;font-weight:400;line-height:32px;color:#1d1b20;font-family:Roboto,Inter,sans-serif;letter-spacing:0}.ov3f-dialog__body{margin-top:16px;font-size:14px;font-weight:400;line-height:20px;color:#49454f;font-family:Roboto,Inter,sans-serif;letter-spacing:.01em}.ov3f-dialog__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.ov3f-dialog__btn{min-width:48px;height:40px;padding:10px 16px;border-radius:100px;font-size:14px;font-weight:500;color:#6750a4;font-family:Roboto,Inter,sans-serif;letter-spacing:.01em;transition:background .15s ease}.ov3f-dialog__btn:hover{background:#6750a414}.ov3f-vpnreq__arrow{position:absolute;top:calc(100% + 14px);right:38px;opacity:0;animation:ov3f-arrow-in .5s ease .8s forwards,ov3f-arrow-bounce 1.4s ease-in-out 1.3s infinite}@keyframes ov3f-arrow-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ov3f-arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ov3f-progress{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;min-height:0;padding:clamp(120px,27%,228px) 22px max(16px,env(safe-area-inset-bottom,16px))}.ov3f-progress__pct{display:flex;align-items:flex-start;justify-content:center;animation:ov3f-fade-rise .5s ease both}.ov3f-progress__num{font-size:64px;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}.ov3f-progress__sym{font-size:32px;font-weight:800;margin-top:21px;line-height:1.23}.ov3f-progress__bar{display:flex;gap:4px;width:100%;height:6px;margin-top:32px;animation:ov3f-fade-rise .5s ease .1s both}.ov3f-progress__full{height:6px;min-width:4px;border-radius:2px;background:#1ab2b3;flex:0 0 auto}.ov3f-progress__empty{height:6px;border-radius:2px;background:#ffffff4d;flex:1}.ov3f-progress__stack{display:flex;flex-direction:column;gap:16px;margin-top:32px;width:100%}.ov3f-progress__status{font-size:14px;font-weight:600;text-align:center;line-height:24px;transition:opacity .4s ease}.ov3f-progress__status--top{animation:ov3f-status-in .45s cubic-bezier(.2,.8,.3,1) both}@keyframes ov3f-status-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ov3f-notify{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0;padding:0 24px var(--ov3f-footer-inset)}.ov3f-notify__body{position:static;display:flex;flex:1;flex-direction:column;justify-content:center;gap:32px;min-height:0;padding-block:24px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ov3f-notify__body::-webkit-scrollbar{display:none}.ov3f-noti-card{display:flex;flex-direction:column;gap:9px;min-height:117px;padding:20px 28px;border-radius:24px;background:#f5f5f614;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(245,245,246,.08);box-shadow:0 19px 40px #00000059;animation:ov3f-noti-in .6s cubic-bezier(.2,.9,.3,1) both}@keyframes ov3f-noti-in{0%{opacity:0;transform:translateY(-24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ov3f-noti-card__line{display:flex;align-items:center;gap:6px}.ov3f-noti-card__app{font-size:12px;font-weight:400;line-height:16px}.ov3f-noti-card__sep{width:3px;height:3px;border-radius:50%;background:#5b6065}.ov3f-noti-card__time{font-size:12px;font-weight:400;line-height:16px;opacity:.6}.ov3f-noti-card__main{display:flex;flex-direction:column;gap:4px}.ov3f-noti-card__title{font-size:15px;font-weight:400;line-height:20px}.ov3f-noti-card__text{font-size:13px;font-weight:400;line-height:20px;opacity:.6}.ov3f-notify__copy{display:flex;flex-direction:column;gap:24px;text-align:center;animation:ov3f-fade-rise .6s ease .15s both}.ov3f-notify__headline{font-size:32px;font-weight:800}.ov3f-notify__desc{font-size:16px;font-weight:500;opacity:.8}.ov3f-notify__footer{position:static;flex-shrink:0;display:flex;flex-direction:column;gap:24px;animation:ov3f-fade-rise .6s ease .25s both}.ov3f-success{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ov3f-success::-webkit-scrollbar{display:none}.ov3f-success__hero{position:relative;margin:clamp(48px,15%,128px) 24px 0;left:24px;right:24px;display:flex;flex-direction:column;gap:40px;text-align:center}.ov3f-success__emoji{font-size:96px;line-height:1;animation:ov3f-hero-pop .65s cubic-bezier(.34,1.56,.64,1) both}@keyframes ov3f-hero-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.ov3f-success__title{font-size:32px;font-weight:800;animation:ov3f-fade-rise .6s ease .25s both}.ov3f-success__list{position:relative;margin:clamp(24px,8%,48px) 24px max(24px,env(safe-area-inset-bottom,24px));display:flex;gap:4px;animation:ov3f-fade-rise .6s ease .45s both}.ov3f-success__rail{flex:0 0 32px;display:flex;flex-direction:column;align-items:center;padding-top:16px}.ov3f-success__line{width:2px;height:41px;margin:11px 0;border-radius:1px;background:#eeeeee80}.ov3f-success__cards{flex:1;display:flex;flex-direction:column;gap:32px;min-width:0}.ov3f-confetti{position:absolute;top:176px;left:50%;width:0;height:0;z-index:2;pointer-events:none}.ov3f-confetti__p{position:absolute;top:0;left:0;line-height:1;opacity:0;animation-name:ov3f-confetti-burst;animation-timing-function:cubic-bezier(.15,.75,.4,1);animation-fill-mode:forwards}@keyframes ov3f-confetti-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}12%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--cx)),calc(-50% + var(--cy) + 60px)) scale(1) rotate(var(--cr))}}.ov3f-rest{position:absolute;inset:0}.ov3f-rest__later{position:absolute;top:24px;right:24px;z-index:3;width:auto;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;animation:ov3f-fade-in .6s ease .4s both}.ov3f-rest__scroll{position:absolute;inset:0;overflow-y:auto;padding:64px 16px 48px;scrollbar-width:none}.ov3f-rest__scroll::-webkit-scrollbar{display:none}.ov3f-rest__header{display:flex;flex-direction:column;align-items:center;gap:24px;padding:0 8px}.ov3f-rest__title{font-size:32px;font-weight:800;text-align:center;animation:ov3f-fade-rise .6s ease both}.ov3f-ring{position:relative;width:264px;height:264px;animation:ov3f-fade-in .5s ease both}.ov3f-ring__info{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.ov3f-ring__count{font-size:32px;font-weight:800;font-variant-numeric:tabular-nums}.ov3f-ring__label{font-size:14px;font-weight:500;opacity:.6}.ov3f-rest__tasks{display:flex;flex-direction:column;gap:16px;margin-top:48px}.ov3f-rest__subtitle{font-size:16px;font-weight:600;animation:ov3f-fade-rise .5s ease .1s both}.ov3f-task{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:16px;background:#252a2f;border:1px solid #393e41;opacity:0;animation:ov3f-fade-rise .55s ease both}.ov3f-task--done{opacity:.5;animation:none}.ov3f-task__icon{display:block;width:32px;height:32px}.ov3f-task__content{display:flex;flex-direction:column;gap:8px;margin-top:-4px}.ov3f-task__title{font-size:16px;font-weight:800}.ov3f-task__desc{font-size:14px;font-weight:500}@container ov3f (max-height: 760px){.ov3f-intro__headline,.ov3f-concern__title,.ov3f-splash__typed,.ov3f-notify__headline,.ov3f-success__title,.ov3f-rest__title,.ov3f-setup__title{font-size:28px}.ov3f .ov3f-option{min-height:44px;padding:12px 20px}.ov3f .ov3f-option--selected{padding:11px 19px}.ov3f-progress__num{font-size:52px}.ov3f-progress__sym{font-size:26px;margin-top:16px}.ov3f-ring{width:220px;height:220px}.ov3f-success__emoji{font-size:72px}}@container ov3f (max-height: 680px){.ov3f-concern__list{gap:8px;margin-top:24px}.ov3f-concern__continue{margin-top:24px}.ov3f-noti-card{min-height:0;padding:16px 20px}.ov3f-progress{padding-top:96px}.ov3f-progress__bar,.ov3f-progress__stack{margin-top:20px}.ov3f-splash__logo--top{top:72px}.ov3f-splash__typed{font-size:26px;min-height:32px}}[data-theme=light]{--background-primary: var(--white-100);--background-secondary: var(--white-200);--background-fade: rgba(91, 96, 101, .75);--background-opacity: rgba(255, 255, 255, .8);--surface-primary: var(--background-primary);--fill-primary: var(--white-100);--fill-secondary: var(--white-200);--fill-hover: var(--white-400);--fill-hover-on-secondary: var(--white-600);--fill-disabled: var(--white-300);--fill-positive-primary: var(--black-500);--fill-positive-primary-hover: var(--black-100);--fill-positive-secondary: var(--azul-200);--fill-positive-secondary-hover: var(--azul-300);--fill-positive-attention: var(--yellow-300);--fill-positive-attention-hover: var(--yellow-450);--fill-positive-attention-secondary: var(--yellow-100);--fill-positive-success: var(--green-100);--fill-positive-success-hover: var(--green-150);--fill-positive-info: var(--blue-100);--fill-positive-info-hover: var(--blue-150);--fill-destructive-primary: var(--red-400);--fill-destructive-primary-hover: var(--red-500);--fill-destructive-secondary: var(--red-500);--fill-destructive-secondary-hover: var(--red-100);--fill-destructive-tertiary: var(--red-100);--fill-negative-primary: var(--fill-destructive-primary);--fill-invert-primary: var(--black-400);--fill-invert-secondary: var(--black-200);--fill-invert-tertiary: var(--black-100);--fill-invert-hover: var(--black-100);--fill-invert-disabled: var(--black-100);--fill-invert-positive-primary: var(--azul-200);--fill-invert-positive-primary-hover: var(--azul-350);--fill-invert-destructive-secondary: var(--red-600);--fill-invert-destructive-secondary-hover: var(--red-550);--text-primary: var(--black-500);--text-secondary: var(--gray-600);--text-action: var(--white-200);--text-disabled: var(--gray-400);--text-positive-primary: var(--azul-200);--text-destructive: var(--red-500);--text-success: var(--green-500);--text-info: var(--blue-600);--text-attention: var(--yellow-550);--text-invert-primary: var(--white-200);--text-invert-secondary: var(--gray-100);--text-invert-tertiary: var(--white-200);--text-invert-action: var(--black-500);--text-invert-disabled: var(--gray-300);--text-invert-destructive: var(--red-300);--text-invert-success: var(--green-300);--text-invert-info: var(--blue-200);--text-invert-attention: var(--yellow-300);--border-default: var(--white-400);--border-hover: var(--white-300);--border-disabled: var(--white-200);--border-positive-primary: var(--black-100);--border-positive-secondary: var(--azul-200);--border-info: var(--blue-500);--border-success: var(--green-500);--border-attention: var(--yellow-500);--border-destructive: var(--red-500);--border-invert-destructive: var(--red-500);--border-invert-dark: var(--black-100);--border-invert-light: var(--white-400);--border-invert-disabled: var(--gray-300);--border-on-color: var(--azul-400);--border-on-secondary: var(--gray-100);--divider-primary: var(--white-400);--divider-invert-light: var(--white-400);--divider-invert-dark: var(--black-100);--divider-positive: var(--azul-200);--divider-on-color: var(--azul-400);--divider-on-secondary: var(--gray-100);--icons-primary: var(--black-500);--icons-secondary: var(--gray-600);--icons-positive: var(--azul-200);--icons-attention: var(--yellow-500);--icons-success: var(--green-500);--icons-info: var(--blue-500);--icons-destructive: var(--red-500);--icons-disabled: var(--gray-400);--icons-action: var(--white-200);--icons-invert-destructive: var(--red-300);--icons-invert-dark: var(--black-500);--icons-invert-light: var(--white-200);--icons-invert-disabled: var(--gray-300);--utilities-topbar-mac-bg: #eeeef0;--utilities-topbar-mac-border: #e9e9e8;--utilities-topbar-windows-bg: var(--background-secondary);--shadow-base-color: rgba(30, 35, 39, .15)}[data-theme=dark]{--background-primary: var(--black-600);--background-secondary: var(--black-400);--background-fade: rgba(91, 96, 101, .75);--background-opacity: rgba(17, 21, 24, .8);--surface-primary: var(--background-primary);--fill-primary: var(--black-600);--fill-secondary: var(--black-400);--fill-hover: var(--black-300);--fill-hover-on-secondary: var(--black-100);--fill-disabled: var(--black-200);--fill-positive-primary: var(--white-300);--fill-positive-primary-hover: var(--white-100);--fill-positive-secondary: var(--azul-200);--fill-positive-secondary-hover: var(--azul-100);--fill-positive-attention: var(--yellow-300);--fill-positive-attention-hover: var(--yellow-450);--fill-positive-attention-secondary: var(--yellow-600);--fill-positive-success: var(--green-600);--fill-positive-success-hover: var(--green-450);--fill-positive-info: var(--blue-600);--fill-positive-info-hover: var(--blue-550);--fill-destructive-primary: var(--red-500);--fill-destructive-primary-hover: var(--red-400);--fill-destructive-secondary: var(--red-500);--fill-destructive-secondary-hover: var(--red-600);--fill-destructive-tertiary: var(--red-600);--fill-negative-primary: var(--fill-destructive-primary);--fill-invert-primary: var(--black-400);--fill-invert-secondary: var(--black-200);--fill-invert-tertiary: var(--black-100);--fill-invert-hover: var(--black-100);--fill-invert-disabled: var(--black-100);--fill-invert-positive-primary: var(--azul-200);--fill-invert-positive-primary-hover: var(--azul-350);--fill-invert-destructive-secondary: var(--red-600);--fill-invert-destructive-secondary-hover: var(--red-550);--text-primary: var(--white-200);--text-secondary: var(--gray-100);--text-action: var(--black-500);--text-disabled: var(--gray-300);--text-positive-primary: var(--azul-200);--text-destructive: var(--red-300);--text-success: var(--green-300);--text-info: var(--blue-200);--text-attention: var(--yellow-300);--text-invert-primary: var(--white-200);--text-invert-secondary: var(--gray-100);--text-invert-tertiary: var(--white-200);--text-invert-action: var(--black-500);--text-invert-disabled: var(--gray-300);--text-invert-destructive: var(--red-300);--text-invert-success: var(--green-500);--text-invert-info: var(--blue-600);--text-invert-attention: var(--yellow-550);--border-default: var(--black-100);--border-hover: var(--gray-600);--border-disabled: var(--gray-500);--border-positive-primary: var(--white-300);--border-positive-secondary: var(--azul-200);--border-info: var(--blue-200);--border-success: var(--green-200);--border-attention: var(--yellow-200);--border-destructive: var(--red-300);--border-invert-destructive: var(--red-500);--border-invert-dark: var(--black-100);--border-invert-light: var(--white-400);--border-invert-disabled: var(--gray-300);--border-on-color: var(--azul-400);--border-on-secondary: var(--gray-600);--divider-primary: var(--black-100);--divider-invert-light: var(--white-400);--divider-invert-dark: var(--black-100);--divider-positive: var(--azul-200);--divider-on-color: var(--azul-400);--divider-on-secondary: var(--gray-600);--icons-primary: var(--white-200);--icons-secondary: var(--gray-100);--icons-positive: var(--azul-200);--icons-attention: var(--yellow-200);--icons-success: var(--green-200);--icons-info: var(--blue-200);--icons-destructive: var(--red-300);--icons-disabled: var(--gray-300);--icons-action: var(--black-500);--icons-invert-destructive: var(--red-300);--icons-invert-dark: var(--black-500);--icons-invert-light: var(--white-200);--icons-invert-disabled: var(--gray-300);--utilities-topbar-mac-bg: #30302f;--utilities-topbar-mac-border: #0f0f10;--utilities-topbar-windows-bg: var(--background-secondary);--shadow-base-color: rgba(57, 62, 65, .15)}[data-platform=macOS]{--typo-title-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-title-weight: 700;--typo-title-size: 25px;--typo-title-line-height: 32px;--typo-title-letter-spacing: .15px;--typo-subtitle-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-subtitle-weight: 700;--typo-subtitle-size: 20px;--typo-subtitle-line-height: 25px;--typo-subtitle-letter-spacing: -.45px;--typo-headline-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-headline-weight: 600;--typo-headline-size: 16px;--typo-headline-line-height: 24px;--typo-headline-letter-spacing: -.31px;--typo-headline-emphasized-weight: 800;--typo-body-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-body-weight: 400;--typo-body-size: 16px;--typo-body-line-height: 24px;--typo-body-letter-spacing: -.31px;--typo-body-emphasized-weight: 600;--typo-callout-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-callout-weight: 400;--typo-callout-size: 15px;--typo-callout-line-height: 22px;--typo-callout-letter-spacing: -.23px;--typo-callout-emphasized-weight: 600;--typo-subhead-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-subhead-weight: 400;--typo-subhead-size: 14px;--typo-subhead-line-height: 22px;--typo-subhead-letter-spacing: -.15px;--typo-subhead-emphasized-weight: 600;--typo-footnote-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-footnote-weight: 400;--typo-footnote-size: 13px;--typo-footnote-line-height: 21px;--typo-footnote-letter-spacing: -.08px;--typo-caption-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-caption-weight: 400;--typo-caption-size: 12px;--typo-caption-line-height: 20px;--typo-caption-letter-spacing: 0}[data-platform=iOS]{--typo-title-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-title-weight: 700;--typo-title-size: 28px;--typo-title-line-height: 34px;--typo-title-letter-spacing: .38px;--typo-subtitle-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-subtitle-weight: 700;--typo-subtitle-size: 20px;--typo-subtitle-line-height: 25px;--typo-subtitle-letter-spacing: -.45px;--typo-headline-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-headline-weight: 600;--typo-headline-size: 17px;--typo-headline-line-height: 25px;--typo-headline-letter-spacing: -.43px;--typo-headline-emphasized-weight: 900;--typo-body-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-body-weight: 400;--typo-body-size: 17px;--typo-body-line-height: 25px;--typo-body-letter-spacing: -.43px;--typo-body-emphasized-weight: 600;--typo-callout-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-callout-weight: 400;--typo-callout-size: 16px;--typo-callout-line-height: 24px;--typo-callout-letter-spacing: -.31px;--typo-callout-emphasized-weight: 600;--typo-subhead-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-subhead-weight: 400;--typo-subhead-size: 15px;--typo-subhead-line-height: 22px;--typo-subhead-letter-spacing: -.23px;--typo-subhead-emphasized-weight: 600;--typo-footnote-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-footnote-weight: 400;--typo-footnote-size: 13px;--typo-footnote-line-height: 21px;--typo-footnote-letter-spacing: -.08px;--typo-caption-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--typo-caption-weight: 400;--typo-caption-size: 12px;--typo-caption-line-height: 20px;--typo-caption-letter-spacing: 0}:root{font-family:var(--typo-body-family, "Inter", -apple-system, BlinkMacSystemFont, sans-serif);font-size:var(--typo-body-size, 16px);line-height:var(--typo-body-line-height, 24px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--white-100: #ffffff;--white-200: #f5f5f6;--white-300: #f1f1f1;--white-400: #eeeeee;--white-500: #e4e4e4;--white-600: #dadada;--gray-100: #bfbfc0;--gray-200: #a5a8ab;--gray-300: #939597;--gray-400: #7d8185;--gray-500: #616568;--gray-600: #5b6065;--black-100: #393e41;--black-200: #2a3035;--black-300: #262b2f;--black-400: #1e2327;--black-500: #16191c;--black-600: #111518;--azul-100: #1ebfbf;--azul-200: #1ab2b3;--azul-300: #0ea6a7;--azul-350: #129899;--azul-400: #0c8c8d;--azul-500: #0a7576;--azul-600: #064647;--green-100: #e6f7ed;--green-150: #abddc2;--green-200: #5be19d;--green-300: #47cd89;--green-400: #079455;--green-450: #558371;--green-500: #007637;--green-600: #053321;--red-100: #ffedee;--red-200: #ff858f;--red-300: #ff4c5b;--red-400: #d83b48;--red-500: #c91d2b;--red-550: #a01420;--red-600: #380106;--yellow-100: #fff8d2;--yellow-200: #ffee84;--yellow-300: #ffd83f;--yellow-400: #e6ad2a;--yellow-450: #e4b92c;--yellow-500: #ad821f;--yellow-550: #936806;--yellow-600: #472a06;--blue-100: #dcf2fd;--blue-150: #a5d5ed;--blue-200: #51c5ff;--blue-300: #33a7e8;--blue-400: #22a6e8;--blue-500: #0488ca;--blue-550: #5a7591;--blue-600: #013955}[data-theme=light]{--background-primary: var(--white-100);--background-secondary: var(--white-200);--background-fade: rgba(91, 96, 101, .75);--background-opacity: rgba(255, 255, 255, .8);--surface-primary: var(--background-primary);--fill-primary: var(--white-100);--fill-secondary: var(--white-200);--fill-hover: var(--white-400);--fill-hover-on-secondary: var(--white-600);--fill-disabled: var(--white-300);--fill-positive-primary: var(--black-500);--fill-positive-primary-hover: var(--black-100);--fill-positive-secondary: var(--azul-200);--fill-positive-secondary-hover: var(--azul-300);--fill-positive-attention: var(--yellow-300);--fill-positive-attention-hover: var(--yellow-450);--fill-positive-attention-secondary: var(--yellow-100);--fill-positive-success: var(--green-100);--fill-positive-success-hover: var(--green-150);--fill-positive-info: var(--blue-100);--fill-positive-info-hover: var(--blue-150);--fill-destructive-primary: var(--red-400);--fill-destructive-primary-hover: var(--red-500);--fill-destructive-secondary: var(--red-500);--fill-destructive-secondary-hover: var(--red-100);--fill-destructive-tertiary: var(--red-100);--fill-negative-primary: var(--fill-destructive-primary);--text-primary: var(--black-500);--text-secondary: var(--gray-600);--text-action: var(--white-200);--text-positive-primary: var(--azul-200);--text-disabled: var(--gray-400);--text-success: var(--green-500);--text-info: var(--blue-600);--text-attention: var(--yellow-550);--text-destructive: var(--red-500);--border-default: var(--white-400);--border-hover: var(--white-300);--border-disabled: var(--white-200);--border-positive-primary: var(--black-100);--border-positive-secondary: var(--azul-200);--border-info: var(--blue-500);--border-success: var(--green-500);--border-attention: var(--yellow-500);--border-destructive: var(--red-500);--divider-primary: var(--white-400);--divider-positive: var(--azul-200);--divider-inverted: var(--black-100);--divider-on-color: var(--azul-400);--divider-on-secondary: var(--gray-100);--icons-primary: var(--black-500);--icons-secondary: var(--gray-600);--icons-positive: var(--azul-200);--icons-attention: var(--yellow-550);--icons-success: var(--green-500);--icons-info: var(--blue-600);--icons-destructive: var(--red-500);--icons-disabled: var(--gray-400);--icons-action: var(--white-200);--shadow-base: 0 1px 4px 0 rgba(30, 35, 39, .15);--shadow-elevated: 0 4px 12px 0 rgba(30, 35, 39, .12)}[data-theme=dark]{--background-primary: var(--black-600);--background-secondary: var(--black-400);--background-fade: rgba(91, 96, 101, .75);--background-opacity: rgba(17, 21, 24, .8);--surface-primary: var(--background-primary);--fill-primary: var(--black-600);--fill-secondary: var(--black-400);--fill-hover: var(--black-300);--fill-hover-on-secondary: var(--black-100);--fill-disabled: var(--black-200);--fill-positive-primary: var(--white-300);--fill-positive-primary-hover: var(--white-100);--fill-positive-secondary: var(--azul-200);--fill-positive-secondary-hover: var(--azul-100);--fill-positive-attention: var(--yellow-300);--fill-positive-attention-hover: var(--yellow-450);--fill-positive-attention-secondary: var(--yellow-600);--fill-positive-success: var(--green-600);--fill-positive-success-hover: var(--green-450);--fill-positive-info: var(--blue-600);--fill-positive-info-hover: var(--blue-550);--fill-destructive-primary: var(--red-500);--fill-destructive-primary-hover: var(--red-400);--fill-destructive-secondary: var(--red-500);--fill-destructive-secondary-hover: var(--red-600);--fill-destructive-tertiary: var(--red-600);--fill-negative-primary: var(--fill-destructive-primary);--text-primary: var(--white-200);--text-secondary: var(--gray-100);--text-action: var(--black-500);--text-positive-primary: var(--azul-200);--text-disabled: var(--gray-300);--text-success: var(--green-300);--text-info: var(--blue-200);--text-attention: var(--yellow-300);--text-destructive: var(--red-300);--border-default: var(--black-100);--border-hover: var(--gray-600);--border-disabled: var(--gray-500);--border-positive-primary: var(--white-300);--border-positive-secondary: var(--azul-200);--border-info: var(--blue-200);--border-success: var(--green-200);--border-attention: var(--yellow-200);--border-destructive: var(--red-300);--divider-primary: var(--black-100);--divider-positive: var(--azul-200);--divider-inverted: var(--white-400);--divider-on-color: var(--azul-400);--divider-on-secondary: var(--gray-500);--icons-primary: var(--white-200);--icons-secondary: var(--gray-100);--icons-positive: var(--azul-200);--icons-attention: var(--yellow-300);--icons-success: var(--green-300);--icons-info: var(--blue-200);--icons-destructive: var(--red-300);--icons-disabled: var(--gray-300);--icons-action: var(--black-500);--shadow-base: 0 1px 4px 0 rgba(56, 62, 65, .15);--shadow-elevated: 0 4px 12px 0 rgba(56, 62, 65, .2)}:root{--webapp-typo-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--webapp-typo-display-size: 42px;--webapp-typo-display-line-height: 50px;--webapp-typo-display-letter-spacing: -.32px;--webapp-typo-display-weight: 700;--webapp-typo-headline1-size: 28px;--webapp-typo-headline1-line-height: 36px;--webapp-typo-headline1-letter-spacing: 0;--webapp-typo-headline1-weight: 700;--webapp-typo-headline2-size: 20px;--webapp-typo-headline2-line-height: 28px;--webapp-typo-headline2-letter-spacing: 0;--webapp-typo-headline2-weight: 700;--webapp-typo-headline3-size: 16px;--webapp-typo-headline3-line-height: 24px;--webapp-typo-headline3-letter-spacing: 0;--webapp-typo-headline3-weight: 600;--webapp-typo-body-family: var(--webapp-typo-family-sans);--webapp-typo-body-size: 14px;--webapp-typo-body-line-height: 22px;--webapp-typo-body-letter-spacing: .15px;--webapp-typo-body-weight: 400;--webapp-typo-body-large-size: 16px;--webapp-typo-body-large-line-height: 24px;--webapp-typo-lead-size: 22px;--webapp-typo-lead-line-height: 32px;--webapp-typo-lead-letter-spacing: -.1px;--webapp-typo-lead-weight: 400;--webapp-typo-caption-size: 13px;--webapp-typo-caption-line-height: 21px;--webapp-typo-caption-letter-spacing: .15px;--webapp-typo-caption-weight: 400;--webapp-typo-overline-size: 10px;--webapp-typo-overline-line-height: 16px;--webapp-typo-overline-letter-spacing: .25px;--webapp-typo-overline-weight: 700;--webapp-typo-button-size: 16px;--webapp-typo-button-line-height: 16px;--webapp-typo-button-letter-spacing: 0;--webapp-typo-button-weight: 700;--webapp-typo-button-small-size: 14px;--webapp-typo-button-small-line-height: 16px}[data-viewport=mobile]{--webapp-typo-display-size: 28px;--webapp-typo-display-line-height: 34px;--webapp-typo-display-letter-spacing: -.5px;--webapp-typo-headline1-size: 22px;--webapp-typo-headline1-line-height: 28px;--webapp-typo-headline1-letter-spacing: -.25px;--webapp-typo-headline2-size: 18px;--webapp-typo-headline2-line-height: 24px;--webapp-typo-headline2-letter-spacing: 0;--webapp-typo-headline3-size: 16px;--webapp-typo-headline3-line-height: 24px;--webapp-typo-body-size: 15px;--webapp-typo-body-line-height: 22px}:root{--spacing-0: 0px;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--spacing-64: 64px}:root{--dimension-button-default-height: 48px;--dimension-input-field-height: 56px;--dimension-input-field-small-height: 32px;--dimension-search-field-height: 56px;--dimension-search-field-small-height: 40px;--dimension-dropdown-height: 56px;--dimension-selection-item-height: 52px;--dimension-icon-size: 32px}:root{--radius-none: 0px;--radius-xxs: 4px;--radius-xs: 8px;--radius-s: 12px;--radius-sm: 16px;--radius-m: 20px;--radius-ml: 24px;--radius-l: 32px;--radius-xl: 40px;--radius-xxl: 48px;--radius-full: 9999px}:root{--app-footer-height: 57px;--card-border-radius: var(--radius-s);--card-border-radius-large: var(--radius-sm)}:root{--canvas-radius: 6px;--canvas-font-mono: "Azeret Mono", "SF Mono", monospace;--canvas-font-sans: "Outfit", system-ui, sans-serif;--canvas-transition: .18s ease;--canvas-bg: #f4f1ed;--canvas-border: #d1cbc4;--canvas-border-subtle: #e2ddd7;--canvas-text-dim: #665d54;--canvas-shadow-card: rgba(0, 0, 0, .06);--canvas-shadow-heavy: rgba(0, 0, 0, .1);--canvas-pattern-opacity: .03}#publish-root{font-family:var(--canvas-font-sans);margin:0;min-height:100vh}.publish-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--canvas-bg);overflow:auto;position:relative}.publish-shell:before{content:"";position:absolute;inset:0;opacity:var(--canvas-pattern-opacity);background-image:linear-gradient(45deg,var(--canvas-text-dim) 1px,transparent 1px),linear-gradient(-45deg,var(--canvas-text-dim) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.idea-frame-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;gap:12px}.idea-frame{overflow:auto;border-radius:6px;border:1px solid var(--canvas-border);position:relative;box-shadow:0 0 0 1px var(--canvas-border-subtle),0 8px 48px var(--canvas-shadow-heavy);background:var(--background-primary, #ffffff);color:var(--text-primary, #16191c);font-family:var(--typo-body-family, system-ui, sans-serif);font-size:var(--typo-body-size, 14px);line-height:var(--typo-body-line-height, 20px);animation:frameAppear .5s ease both .15s}.idea-frame--ios{border-radius:32px}.frame-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:16px;opacity:.5}.idea-frame::-webkit-scrollbar{width:6px}.idea-frame::-webkit-scrollbar-track{background:transparent}.idea-frame::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}@keyframes frameAppear{0%{opacity:0;transform:scale(.97);box-shadow:0 0 0 1px var(--canvas-border-subtle),0 4px 20px var(--canvas-shadow-card),0 0 0 transparent}to{opacity:1;transform:scale(1);box-shadow:0 0 0 1px var(--canvas-border-subtle),0 8px 48px var(--canvas-shadow-heavy)}}