@property --ang{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes ew-orbit{to{--ang: 360deg}}@keyframes ew-drift1{to{transform:translate(-16vmax,12vmax) scale(1.15)}}@keyframes ew-drift2{to{transform:translate(14vmax,-10vmax) scale(.9)}}@keyframes ew-glide{0%,to{background-position:100% 0}50%{background-position:0% 0}}@keyframes ew-sheen{to{background-position:-200% 0}}@keyframes ew-rise{0%{opacity:0;transform:translateY(8px)}}html:not([data-theme=light]){--bg: rgba(14, 16, 20, .55);--panel: rgba(30, 34, 41, .55);--panel2: rgba(48, 54, 64, .45);--border: rgba(255, 255, 255, .09);--text: #eceef2;--muted: #9ca6b4;--accent: #c8487a;--accent-rgb: 200, 72, 122;--on-accent: #ffffff;--hover: rgba(255, 255, 255, .06);--wine: #9e2a50;--wine2: #d1527c;--ice: #94b9dc;--sage: #5ccf9e;--gold: #e2b567;--mauve: #c69bdc;--glass: rgba(26, 29, 35, .5);--glass-solid: rgba(28, 31, 38, .9);--blur: blur(16px) saturate(140%);--page: linear-gradient(165deg, #0c0d10 0%, #15181c 30%, #222830 62%, #334050 88%, #3d4a5b 100%);--aura1: rgba(158, 42, 80, .6);--aura2: rgba(86, 110, 140, .55);--aura-op: .55;--card: linear-gradient(160deg, rgba(44, 50, 60, .5), rgba(22, 25, 30, .45));--card-shadow: 0 14px 30px -18px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .05);--card-shadow-hover: 0 20px 40px -18px rgba(0, 0, 0, .8);--chart-glass: rgba(16, 18, 22, .38);--pop-border: rgba(255, 255, 255, .12);--backdrop: rgba(8, 9, 12, .55);--field: rgba(10, 11, 14, .45);--option: #1d2127;--thumb: rgba(255, 255, 255, .12);--select: rgba(209, 82, 124, .35);--tool-on: #ffd3e1;--tab-on: rgba(255, 255, 255, .06);--btn-glow: rgba(158, 42, 80, .7);--fab: rgba(28, 31, 38, .75);--fab-border: rgba(255, 255, 255, .14);color-scheme:dark}html[data-theme=light]:not(.ew-x){--bg: rgba(255, 255, 255, .6);--panel: rgba(255, 255, 255, .62);--panel2: rgba(232, 236, 242, .6);--border: rgba(30, 40, 55, .12);--text: #1c2129;--muted: #5b6676;--accent: #a8325e;--accent-rgb: 168, 50, 94;--on-accent: #ffffff;--hover: rgba(20, 30, 45, .05);--wine: #9e2a50;--wine2: #c03c68;--ice: #4c7eb0;--sage: #2a9a6b;--gold: #c28a26;--mauve: #8d5cb2;--glass: rgba(255, 255, 255, .55);--glass-solid: rgba(255, 255, 255, .94);--blur: blur(16px) saturate(140%);--page: linear-gradient(165deg, #fbfbfc 0%, #f2f3f6 30%, #e6eaf0 62%, #d6dee8 88%, #cbd5e1 100%);--aura1: rgba(192, 60, 104, .22);--aura2: rgba(76, 126, 176, .26);--aura-op: .8;--card: linear-gradient(160deg, rgba(255, 255, 255, .78), rgba(238, 242, 247, .62));--card-shadow: 0 14px 30px -20px rgba(30, 40, 60, .35), inset 0 1px 0 rgba(255, 255, 255, .9);--card-shadow-hover: 0 20px 40px -20px rgba(30, 40, 60, .45);--chart-glass: rgba(255, 255, 255, .5);--pop-border: rgba(30, 40, 55, .14);--backdrop: rgba(40, 48, 62, .22);--field: rgba(255, 255, 255, .75);--option: #ffffff;--thumb: rgba(30, 40, 55, .18);--select: rgba(192, 60, 104, .2);--tool-on: #8a1f45;--tab-on: rgba(255, 255, 255, .7);--btn-glow: rgba(158, 42, 80, .35);--fab: rgba(255, 255, 255, .8);--fab-border: rgba(30, 40, 55, .16);color-scheme:light}html{background:var(--page) fixed}html:not(.ew-x) body{background:transparent}html:before,html:after{content:"";position:fixed;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(90px);opacity:var(--aura-op);will-change:transform}html:before{width:46vmax;height:46vmax;right:-6vmax;top:-10vmax;background:radial-gradient(circle,var(--aura1),transparent 65%);animation:ew-drift1 28s steps(56) infinite alternate}html:after{width:52vmax;height:52vmax;left:-10vmax;bottom:-16vmax;background:radial-gradient(circle,var(--aura2),transparent 65%);animation:ew-drift2 34s steps(68) infinite alternate}html:not(.ew-x) ::selection{background:var(--select)}html:not(.ew-x) select option{background:var(--option);color:var(--text)}html:not(.ew-x) ::-webkit-scrollbar{width:9px;height:9px}html:not(.ew-x) ::-webkit-scrollbar-track{background:transparent}html:not(.ew-x) ::-webkit-scrollbar-thumb{background:var(--thumb);border-radius:9px}html:not(.ew-x) ::-webkit-scrollbar-thumb:hover{background:#d1527c73}html:not(.ew-x) :is(.topbar,.tools,.gadgets,.chart-tabs,.replay){background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}html:not(.ew-x) .topbar{position:relative;z-index:20}html:not(.ew-x) .topbar:after{content:"";position:absolute;inset:auto 0 -1px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--wine2),var(--ice),transparent) 0 0 / 170% 100% no-repeat;opacity:.75;animation:ew-glide 7s ease-in-out infinite}html:not(.ew-x) .chart-wrap{background:var(--chart-glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}html:not(.ew-x) .chart-wrap:after{content:"";position:absolute;inset:0;padding:2px;z-index:7;pointer-events:none;background:conic-gradient(from var(--ang),var(--wine2),var(--ice) 13%,var(--wine) 25%,transparent 33% 40%,var(--sage) 50%,var(--wine2) 62%,var(--gold) 75%,transparent 83% 90%,var(--wine2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ew-orbit 12s steps(240) infinite;opacity:.9}html:not(.ew-x) :is(.gadget,.card,.toc,.demo,.cal-list,.cal-next,.pick,.scan-auto){position:relative;background:var(--card);border-color:var(--border);border-radius:14px;box-shadow:var(--card-shadow)}html:not(.ew-x) :is(.card,.toc,.demo,.cal-list,.cal-next){backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}html:not(.ew-x) :is(.gadget,.card,.toc,.demo,.cal-list,.cal-next,.modal,.pw-box):before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:1;background:conic-gradient(from var(--ang),transparent 0 42%,var(--ring, var(--ice)) 62%,var(--wine2) 80%,var(--ring, var(--ice)) 90%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ew-orbit 7s steps(140) infinite}html:not(.ew-x) :is(.gadget,.card):nth-child(4n+2){--ring: var(--sage)}html:not(.ew-x) :is(.gadget,.card):nth-child(4n+3){--ring: var(--gold)}html:not(.ew-x) :is(.gadget,.card):nth-child(4n+4){--ring: var(--mauve)}html:not(.ew-x) :is(.gadget,.card):nth-child(4n+2):before{animation-delay:-1.75s}html:not(.ew-x) :is(.gadget,.card):nth-child(4n+3):before{animation-delay:-3.5s}html:not(.ew-x) :is(.gadget,.card):nth-child(4n+4):before{animation-delay:-5.25s}html:not(.ew-x) :is(.card,.gadget){transition:transform .25s,box-shadow .25s}html:not(.ew-x) .card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover)}html:not(.ew-x) .g-head{border-bottom-color:var(--border)}html:not(.ew-x) :is(.dropdown,.ctx-menu,.user-menu,.bell-panel,.modal,.pw-box,.toast,.oc-panel){background:var(--glass-solid);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-color:var(--pop-border)}html:not(.ew-x) :is(.modal,.pw-box){position:relative;border-radius:16px;animation:ew-rise .3s cubic-bezier(.2,.8,.2,1)}html:not(.ew-x) .modal-back,html:not(.ew-x) .paywall{background:var(--backdrop);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}html:not(.ew-x) :is(.btn.primary,.seg button.on,.chip-btn.on,.w-btn,.avatar,.badge-pop){background:linear-gradient(135deg,#b8325c,#7a1f3e);border-color:#d1527c99;color:#fff}html:not(.ew-x) .steps-list li:before{background:linear-gradient(135deg,#b8325c,#7a1f3e)}html:not(.ew-x) body:not(:has(.topbar)) .btn:not(.ghost):not(.danger){background:linear-gradient(135deg,#b8325c,#7a1f3e);border-color:#d1527c99;color:#fff}html:not(.ew-x) .btn:hover{box-shadow:0 6px 20px -6px var(--btn-glow)}html:not(.ew-x) .tool.on{background:rgba(var(--accent-rgb),.2);color:var(--tool-on);border-color:rgba(var(--accent-rgb),.55)}html:not(.ew-x) .tab.on{background:var(--tab-on);box-shadow:inset 0 2px 0 var(--wine2)}html:not(.ew-x) :is(#sym,.inp,select){background:var(--field)}html:not(.ew-x) :is(.brand .ai,.brand b){background:linear-gradient(90deg,var(--wine2),var(--ice),var(--wine2));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ew-sheen 6s steps(120) infinite}html.anim-off *,html.anim-off *:before,html.anim-off *:after,html.anim-off:before,html.anim-off:after{animation-play-state:paused!important;animation-delay:-60s!important}html:not(.ew-x) .anim-fab{position:fixed;left:14px;bottom:14px;z-index:900;width:34px;height:34px;border-radius:50%;cursor:pointer;border:1px solid var(--fab-border);background:var(--fab);color:var(--text);font-size:13px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}html:not(.ew-x) .anim-fab:hover{border-color:#d1527c99}html:not(.ew-x) .hero{animation:ew-rise .7s cubic-bezier(.2,.7,.2,1) both}