@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Instrument+Serif:ital@0;1&family=DM+Mono:wght@300;400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cyan: #00e5d4;--cyan-dim: rgba(0, 229, 212, .1);--cyan-glow: rgba(0, 229, 212, .22);--cyan-ink: #00e5d4;--amber-ink: #ffd27a;--green-ink: #9ae6b4;--danger-ink: #f87171;--noir: #07070d;--noir-2: #0d0d16;--noir-3: #131320;--noir-4: #1a1a28;--border: rgba(255, 255, 255, .055);--border-lit: rgba(0, 229, 212, .28);--text-1: #ede9e2;--text-2: #8a8699;--text-3: #4e4b5e;--paper: #f6f5f2;--paper-2: #ecebe4;--paper-3: #dddacf;--ink: #1a1714;--ink-2: #3d3830;--ink-3: #8a8580;--fg-rgb: 255, 255, 255;--shell-bg: linear-gradient( 180deg, rgba(10, 10, 20, .98), rgba(8, 8, 16, .96) );--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--glass: rgba(12, 12, 22, .92);color-scheme:dark;--ff-display: "Syne", system-ui, sans-serif;--ff-serif: "Instrument Serif", Georgia, serif;--ff-mono: "DM Mono", monospace;--ff-ui: "Syne", system-ui, sans-serif;font-size:15px}:root[data-theme=light]{--cyan: #06b6a8;--cyan-dim: rgba(6, 182, 168, .12);--cyan-glow: rgba(6, 182, 168, .28);--cyan-ink: #0a6e63;--amber-ink: #9a6700;--green-ink: #2f855a;--danger-ink: #c0271f;--noir: #e8ebf1;--noir-2: #f1f3f7;--noir-3: #f8fafc;--noir-4: #ffffff;--border: rgba(18, 22, 40, .1);--border-lit: rgba(6, 182, 168, .4);--text-1: #14141d;--text-2: #565563;--text-3: #8b8995;--fg-rgb: 22, 24, 40;--shell-bg: linear-gradient(180deg, #fdfdff, #f2f4f9);--shadow-card: 0 8px 24px rgba(20, 24, 50, .08), 0 1px 2px rgba(20, 24, 50, .06);--glass: rgba(255, 255, 255, .92);color-scheme:light}html,body,#root{width:100%;min-height:100%}html{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:hidden;overflow-y:auto;font-family:var(--ff-ui);background:var(--noir);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:auto;position:relative}iframe{max-width:100%}body:has(iframe[src*=wompi]){overflow-y:auto!important;position:static!important;height:auto!important}input,textarea,button,select{font-family:inherit}textarea,input{font-size:16px}select option{background:var(--noir-2);color:var(--text-1)}body *:not(svg):not(path){transition:background-color .35s ease,border-color .35s ease,color .3s ease,box-shadow .35s ease}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}@keyframes bounce{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-5px);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes cyanPulse{0%,to{opacity:1;box-shadow:0 0 6px #00e5d480}50%{opacity:.5;box-shadow:0 0 2px #00e5d433}}@keyframes loaderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitSpinReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes ringPulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.35);opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ctaGlow{0%,to{box-shadow:0 6px 20px #00e5d438}50%{box-shadow:0 6px 30px #00e5d473}}@keyframes pulseGlow{0%,to{opacity:1;box-shadow:0 0 10px #00e5d4b3}50%{opacity:.45;box-shadow:0 0 3px #00e5d440}}@keyframes avatarGlow{0%,to{box-shadow:0 0 #00e5d400;border-color:#00e5d452}50%{box-shadow:0 0 13px 1px #00e5d466;border-color:#00e5d49e}}@keyframes sparkleTwinkle{0%,to{opacity:0;transform:scale(.2) rotate(0)}42%,58%{opacity:1;transform:scale(1) rotate(22deg)}}@keyframes starTwinkle{0%,to{opacity:.35}50%{opacity:1}}.seam{position:relative;flex-shrink:0;z-index:6}.seam--v{width:1.5px;align-self:stretch;background:linear-gradient(to bottom,transparent 0%,var(--border) 7%,var(--border) 93%,transparent 100%)}.seam--h{height:1.5px;width:100%;background:linear-gradient(to right,transparent 0%,var(--border) 7%,var(--border) 93%,transparent 100%)}.seam--v:before{content:"";position:absolute;top:0;bottom:0;left:-2.5px;right:-2.5px;background:linear-gradient(to bottom,transparent,var(--cyan-glow),transparent);filter:blur(3px);opacity:.55;pointer-events:none}.seam--h:before{content:"";position:absolute;left:0;right:0;top:-2.5px;bottom:-2.5px;background:linear-gradient(to right,transparent,var(--cyan-glow),transparent);filter:blur(3px);opacity:.55;pointer-events:none}.seam--v:after{content:"";position:absolute;left:-1.5px;right:-1.5px;height:24%;border-radius:999px;background:linear-gradient(to bottom,transparent,var(--cyan),transparent);filter:blur(1.5px);pointer-events:none;animation:seamBeamV 6s cubic-bezier(.45,0,.55,1) infinite}.seam--h:after{content:"";position:absolute;top:-1.5px;bottom:-1.5px;width:24%;border-radius:999px;background:linear-gradient(to right,transparent,var(--cyan),transparent);filter:blur(1.5px);pointer-events:none;animation:seamBeamH 6s cubic-bezier(.45,0,.55,1) infinite}@keyframes seamBeamV{0%{top:-26%;opacity:0}16%{opacity:1}84%{opacity:1}to{top:102%;opacity:0}}@keyframes seamBeamH{0%{left:-26%;opacity:0}16%{opacity:1}84%{opacity:1}to{left:102%;opacity:0}}::selection{background:#00e5d440;color:inherit}::placeholder{color:var(--text-3);opacity:1}:focus-visible{outline:2px solid rgba(0,229,212,.55);outline-offset:2px}input:focus-visible,textarea:focus-visible{outline:none}.tcl-brand-logo{background:#fff;border:1px solid rgba(var(--fg-rgb),.08);box-shadow:0 10px 30px #00000059;position:relative}:root[data-theme=light] .tcl-brand-logo{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--cyan),#7ce0d6 55%,var(--cyan)) border-box;animation:brandGlow 3.4s ease-in-out infinite}@keyframes brandGlow{0%,to{box-shadow:0 6px 16px #0a6e6329,0 0 0 3px #00e5d414,0 0 14px #00e5d438}50%{box-shadow:0 8px 20px #0a6e6338,0 0 0 4px #00e5d429,0 0 26px #00e5d46b}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}:root[data-theme=light] .tcl-brand-logo{box-shadow:0 6px 16px #0a6e632e,0 0 0 3px #00e5d41f,0 0 18px #00e5d44d}}