.quest-root{--q-accent: var(--azul-200);--q-accent-2: var(--azul-400);--q-deep: var(--azul-500);--q-deeper: var(--azul-600);--q-gold: var(--yellow-300);--q-gold-deep: var(--yellow-450);--q-blue: var(--blue-200);--q-on-teal: var(--white-100);--q-hero-grad: linear-gradient(165deg, #063b3c 0%, #0a7576 52%, #129899 100%);position:relative;height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--background-primary);color:var(--text-primary);font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.quest-statusbar{flex-shrink:0;height:46px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;background:#063b3c;color:var(--q-on-teal);font-size:15px;font-weight:600}.quest-statusbar__icons{display:inline-flex;align-items:center;gap:6px}.quest-main{position:relative;flex:1;min-height:0}.quest-scroll{position:absolute;inset:0;overflow-y:auto;display:flex;flex-direction:column;padding-bottom:96px;scrollbar-width:none}.quest-scroll::-webkit-scrollbar{display:none}.quest-hero{background:var(--q-hero-grad);color:var(--q-on-teal);padding:14px 20px 22px;border-radius:0 0 26px 26px;position:relative;overflow:hidden}.quest-hero:after{content:"";position:absolute;top:-60px;right:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(30,191,191,.5),transparent 70%);pointer-events:none}.quest-hero__row{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}.quest-hero__eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;opacity:.78;margin-bottom:2px}.quest-hero__title{font-size:27px;font-weight:800;letter-spacing:-.3px}.quest-points{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-full);border:none;cursor:pointer;background:#ffffff29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--q-gold);font-size:16px;font-weight:800}.quest-points span{color:var(--q-on-teal)}.quest-hero__stats{display:flex;align-items:center;gap:16px;margin-top:18px;position:relative;z-index:1}.quest-hero__statcol{flex:1;display:flex;flex-direction:column;gap:8px}.quest-stat{display:flex;align-items:baseline;gap:7px}.quest-stat__big{font-size:26px;font-weight:800;line-height:1}.quest-stat__lbl{font-size:13px;font-weight:600;opacity:.85}.quest-hero__hint{font-size:11.5px;line-height:1.4;opacity:.82}.quest-progressbar{height:8px;border-radius:var(--radius-full);background:#ffffff38;overflow:hidden}.quest-progressbar--light{background:#ffffff38}.quest-progressbar__fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--q-gold),#ffe27a);transition:width .6s cubic-bezier(.4,0,.2,1)}.quest-ring{flex-shrink:0}.quest-ring__track{stroke:#fff3}.quest-ring__fill{stroke:var(--q-gold);transition:stroke-dashoffset .7s cubic-bezier(.4,0,.2,1)}.quest-ring__num{fill:var(--q-on-teal);font-size:22px;font-weight:800}.quest-ring__den{fill:#fffc;font-size:10px;font-weight:600}.quest-weeks{display:flex;gap:8px;padding:16px 20px 4px;overflow-x:auto;scrollbar-width:none}.quest-weeks::-webkit-scrollbar{display:none}.quest-weekchip{flex:1 0 auto;min-width:78px;display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:var(--radius-s);border:1.5px solid var(--border-default);background:var(--background-secondary);color:var(--text-secondary);cursor:pointer;text-align:left;transition:transform .15s ease,border-color .15s ease}.quest-weekchip:active{transform:scale(.97)}.quest-weekchip--active{border-color:var(--q-accent);background:color-mix(in srgb,var(--q-accent) 14%,var(--background-secondary));color:var(--text-primary)}.quest-weekchip--locked{opacity:.55}.quest-weekchip__wk{font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;opacity:.7}.quest-weekchip__nm{font-size:14px;font-weight:700;display:flex;align-items:center;gap:4px}.quest-weekhead{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;padding:14px 20px 6px}.quest-weekhead__title{font-size:21px;font-weight:800;letter-spacing:-.3px}.quest-weekhead__tag{font-size:13px;color:var(--text-secondary);font-weight:500}.quest-weekhead__lock{width:100%;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--text-attention)}.quest-tasks{display:flex;flex-direction:column;gap:12px;padding:8px 20px 4px}.quest-task{position:relative;border-radius:var(--radius-m);background:var(--background-secondary);border:1px solid var(--border-default);padding:16px 16px 14px;overflow:hidden;transition:transform .15s ease,box-shadow .2s ease}.quest-task:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--q-cat, var(--q-accent))}.quest-task--consistency{--q-cat: var(--q-accent)}.quest-task--feature{--q-cat: var(--q-blue)}.quest-task--quickwin{--q-cat: var(--q-gold)}.quest-task--done{opacity:.78}.quest-task--locked{opacity:.6}.quest-task__head{display:flex;gap:13px}.quest-task__icon{flex-shrink:0;width:46px;height:46px;border-radius:var(--radius-s);display:grid;place-items:center;background:color-mix(in srgb,var(--q-cat) 16%,transparent);color:var(--q-cat)}.quest-task--quickwin .quest-task__icon{color:var(--q-gold-deep)}.quest-task__copy{flex:1;min-width:0}.quest-task__tags{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.quest-task__cat{font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--q-cat);padding:2px 8px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--q-cat) 14%,transparent)}.quest-task--quickwin .quest-task__cat{color:var(--q-gold-deep)}.quest-task__reward{font-size:14px;font-weight:800;color:var(--text-primary)}.quest-task__reward:before{content:"★ ";color:var(--q-gold-deep)}.quest-task__title{font-size:16px;font-weight:700;letter-spacing:-.2px;margin-bottom:2px}.quest-task__desc{font-size:13px;line-height:1.4;color:var(--text-secondary)}.quest-checkin{display:flex;align-items:center;gap:10px;margin-top:13px}.quest-checkin__pips{display:flex;gap:5px;flex:1}.quest-pip{flex:1;height:8px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--q-accent) 20%,transparent);transition:background .3s ease}.quest-pip--on{background:var(--q-accent)}.quest-checkin__count{font-size:12px;font-weight:700;color:var(--text-secondary)}.quest-task__action{margin-top:14px}.quest-task__locked{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-disabled)}.quest-task__doneflag{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--text-success)}.quest-btn{width:100%;height:46px;border:none;border-radius:var(--radius-full);font-size:15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .12s ease,filter .15s ease}.quest-btn:active{transform:scale(.97)}.quest-btn--primary{background:linear-gradient(135deg,var(--q-accent-2),var(--q-accent));color:var(--white-100)}.quest-btn--gold{background:linear-gradient(135deg,var(--q-gold-deep),var(--q-gold));color:#2a2100}.quest-btn--ghost{background:color-mix(in srgb,var(--q-accent) 12%,transparent);color:var(--text-positive-primary);border:1.5px solid color-mix(in srgb,var(--q-accent) 45%,transparent)}.quest-btn--success{background:color-mix(in srgb,var(--green-300) 22%,transparent);color:var(--text-success);cursor:default}.quest-btn--locked{background:var(--fill-disabled);color:var(--text-disabled);cursor:not-allowed}.quest-rewardbanner{margin:14px 20px 6px;padding:16px 18px;border:none;cursor:pointer;border-radius:var(--radius-m);background:linear-gradient(120deg,#1a1f24,#2a3035);color:var(--white-100);display:flex;align-items:center;justify-content:space-between;text-align:left}.quest-rewardbanner__txt{display:flex;flex-direction:column;gap:2px}.quest-rewardbanner__lead{font-size:15px;font-weight:700}.quest-rewardbanner__sub{font-size:12.5px;opacity:.7}.quest-rewardshero{background:var(--q-hero-grad);color:var(--q-on-teal);padding:16px 20px 22px;border-radius:0 0 26px 26px}.quest-balance{display:flex;align-items:center;gap:8px;margin-top:14px;margin-bottom:12px;color:var(--q-gold)}.quest-balance__num{font-size:34px;font-weight:900;letter-spacing:-.5px}.quest-balance__lbl{font-size:13px;font-weight:600;color:#ffffffd1;align-self:flex-end;padding-bottom:7px}.quest-note{margin:16px 20px 4px;padding:13px 15px;border-radius:var(--radius-s);background:color-mix(in srgb,var(--q-gold) 16%,transparent);color:var(--text-primary);display:flex;gap:9px;font-size:12.5px;line-height:1.45}.quest-note svg{flex-shrink:0;color:var(--q-gold-deep);margin-top:1px}.quest-prizes{display:flex;flex-direction:column;gap:14px;padding:14px 20px 4px}.quest-prize{border-radius:var(--radius-m);border:1px solid var(--border-default);background:var(--background-secondary);padding:16px;position:relative;overflow:hidden}.quest-prize--won{border-color:var(--green-300);background:color-mix(in srgb,var(--green-300) 10%,var(--background-secondary))}.quest-prize--locked{opacity:.92}.quest-prize__top{display:flex;align-items:center;gap:12px}.quest-prize__icon{flex-shrink:0;width:50px;height:50px;border-radius:var(--radius-s);display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--q-accent) 22%,transparent),color-mix(in srgb,var(--q-accent-2) 14%,transparent));color:var(--q-accent-2)}.quest-prize__copy{flex:1;min-width:0}.quest-prize__nameline{display:flex;align-items:center;gap:8px}.quest-prize__name{font-size:17px;font-weight:800}.quest-prize__perk{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--q-gold-deep);background:color-mix(in srgb,var(--q-gold) 18%,transparent);padding:2px 7px;border-radius:var(--radius-full)}.quest-prize__tagline{font-size:13px;color:var(--text-secondary)}.quest-prize__cost{display:inline-flex;align-items:center;gap:3px;font-size:15px;font-weight:800;color:var(--text-primary)}.quest-prize__cost svg{color:var(--q-gold-deep)}.quest-prize__desc{font-size:13px;line-height:1.45;color:var(--text-secondary);margin:12px 0}.quest-prize__bar{height:7px;border-radius:var(--radius-full);background:var(--fill-disabled);overflow:hidden;margin-bottom:14px}.quest-prize__bar-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--q-accent-2),var(--q-accent));transition:width .6s cubic-bezier(.4,0,.2,1)}.quest-nav{position:absolute;left:0;right:0;bottom:0;z-index:4;height:76px;padding-bottom:14px;display:flex;background:color-mix(in srgb,var(--background-primary) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--divider-primary)}.quest-navbtn{flex:1;border:none;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-disabled);font-size:11px;font-weight:600}.quest-navbtn--on{color:var(--q-accent)}.quest-navbtn__rewards{position:relative;display:inline-flex}.quest-navbtn__dot{position:absolute;top:-2px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--q-gold);border:1.5px solid var(--background-primary)}.quest-toasts{position:absolute;top:52px;left:12px;right:12px;z-index:30;display:flex;flex-direction:column;gap:8px;pointer-events:none}.quest-toast{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:var(--radius-sm);background:color-mix(in srgb,#1a1f24 92%,transparent);color:var(--white-100);box-shadow:0 12px 30px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:quest-toast-in .4s cubic-bezier(.2,.8,.2,1)}@keyframes quest-toast-in{0%{opacity:0;transform:translateY(-18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.quest-toast__app{flex-shrink:0;width:38px;height:38px;border-radius:var(--radius-xs);display:grid;place-items:center;background:linear-gradient(135deg,var(--q-accent-2),var(--q-accent));color:var(--white-100)}.quest-toast__copy{display:flex;flex-direction:column;min-width:0}.quest-toast__title{font-size:13.5px;font-weight:700}.quest-toast__body{font-size:12.5px;opacity:.82}.quest-sheet-backdrop{position:absolute;inset:0;z-index:40;background:#080c0e8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:22px;animation:quest-fade .2s ease}@keyframes quest-fade{0%{opacity:0}to{opacity:1}}.quest-onboard{width:100%;border-radius:var(--radius-l);background:var(--background-primary);padding:18px 20px 20px;display:flex;flex-direction:column;align-items:center;animation:quest-pop .3s cubic-bezier(.2,.8,.2,1)}@keyframes quest-pop{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.quest-onboard__top{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.quest-onboard__chip{font-size:11.5px;font-weight:700;letter-spacing:.3px;color:var(--q-accent-2);background:color-mix(in srgb,var(--q-accent) 14%,transparent);padding:5px 11px;border-radius:var(--radius-full)}.quest-onboard__art{position:relative;width:116px;height:116px;display:grid;place-items:center;margin:14px 0 6px}.quest-onboard__halo{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--q-accent) 30%,transparent),transparent 70%);animation:quest-pulse 2.4s ease-in-out infinite}@keyframes quest-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.12);opacity:1}}.quest-onboard__icon{position:relative;width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--q-accent-2),var(--q-accent));color:var(--white-100)}.quest-onboard__body{text-align:center;margin-bottom:16px}.quest-onboard__title{font-size:21px;font-weight:800;letter-spacing:-.3px;margin-bottom:7px}.quest-onboard__text{font-size:14.5px;line-height:1.5;color:var(--text-secondary)}.quest-onboard__dots{display:flex;gap:7px;margin-bottom:18px}.quest-dot{width:7px;height:7px;border-radius:50%;background:var(--fill-disabled);transition:width .3s ease,background .3s ease}.quest-dot--on{width:22px;border-radius:var(--radius-full);background:var(--q-accent)}.quest-onboard__cta{width:100%}.quest-celebrate{width:100%;border-radius:var(--radius-l);background:var(--background-primary);padding:30px 24px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:quest-pop .35s cubic-bezier(.2,.8,.2,1);position:relative;z-index:1}.quest-celebrate--grand{background:var(--q-hero-grad);color:var(--q-on-teal)}.quest-celebrate__art{position:relative;width:110px;height:110px;display:grid;place-items:center;margin-bottom:16px}.quest-celebrate__halo{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--q-gold) 45%,transparent),transparent 68%);animation:quest-pulse 2s ease-in-out infinite}.quest-celebrate__icon{position:relative;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--q-gold-deep),var(--q-gold));color:#2a2100;animation:quest-bounce .6s cubic-bezier(.2,1.4,.4,1)}@keyframes quest-bounce{0%{transform:scale(.4)}60%{transform:scale(1.12)}to{transform:scale(1)}}.quest-celebrate__title{font-size:23px;font-weight:800;letter-spacing:-.3px;margin-bottom:6px}.quest-celebrate__sub{font-size:14px;line-height:1.45;color:var(--text-secondary);margin-bottom:16px;max-width:260px}.quest-celebrate--grand .quest-celebrate__sub{color:#ffffffd9}.quest-celebrate__points{display:inline-flex;align-items:center;gap:6px;font-size:17px;font-weight:800;color:var(--q-gold-deep);background:color-mix(in srgb,var(--q-gold) 16%,transparent);padding:8px 16px;border-radius:var(--radius-full);margin-bottom:20px}.quest-celebrate__cta{width:100%}.quest-celebrate--grand .quest-celebrate__cta{background:var(--white-100);color:var(--q-deep)}.quest-confetti{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.quest-confetti__piece{position:absolute;top:-24px;animation-name:quest-fall;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes quest-fall{0%{transform:translateY(-30px) rotate(0);opacity:1}to{transform:translateY(880px) rotate(900deg);opacity:.85}}.quest-iconbtn{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;display:grid;place-items:center;background:var(--fill-secondary);color:var(--icons-secondary)}.quest-demo{position:absolute;right:14px;bottom:88px;z-index:45}.quest-demo__fab{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:grid;place-items:center;background:#1a1f24;color:var(--white-100);box-shadow:0 8px 22px #00000059;opacity:.85}.quest-demo__panel{width:226px;border-radius:var(--radius-m);background:#1a1f24;color:var(--white-100);padding:14px;box-shadow:0 16px 40px #00000073;display:flex;flex-direction:column;gap:8px;animation:quest-pop .25s cubic-bezier(.2,.8,.2,1)}.quest-demo__head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700}.quest-demo__head .quest-iconbtn{width:26px;height:26px;background:#ffffff1f;color:var(--white-100)}.quest-demo__caption{font-size:11.5px;opacity:.7;margin-bottom:2px}.quest-demo__btn{width:100%;height:38px;border-radius:var(--radius-xs);border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:var(--white-100);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.quest-demo__btn:active{transform:scale(.97)}.quest-demo__btn--reset{color:var(--red-200);border-color:#ff858f4d}[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);--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);--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: 48px;--webapp-typo-display-letter-spacing: -1px;--webapp-typo-display-weight: 700;--webapp-typo-headline1-size: 28px;--webapp-typo-headline1-line-height: 34px;--webapp-typo-headline1-letter-spacing: -.5px;--webapp-typo-headline1-weight: 700;--webapp-typo-headline2-size: 20px;--webapp-typo-headline2-line-height: 26px;--webapp-typo-headline2-letter-spacing: -.25px;--webapp-typo-headline2-weight: 700;--webapp-typo-headline3-size: 16px;--webapp-typo-headline3-line-height: 22px;--webapp-typo-headline3-letter-spacing: 0;--webapp-typo-headline3-weight: 500;--webapp-typo-body-family: var(--webapp-typo-family-sans);--webapp-typo-body-size: 14px;--webapp-typo-body-line-height: 20px;--webapp-typo-body-letter-spacing: 0;--webapp-typo-body-weight: 400;--webapp-typo-body-large-size: 16px;--webapp-typo-body-large-line-height: 22px;--webapp-typo-caption-size: 12px;--webapp-typo-caption-line-height: 16px;--webapp-typo-caption-letter-spacing: 0;--webapp-typo-caption-weight: 400}[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: 22px;--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)}}