@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-dark: #0f1014;--bg-panel: #15171c;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}html{font-size:17px}html.moon-widget-window,html.moon-widget-window body,html.moon-widget-window body.bg-slate-50,html.moon-widget-window body.dark\:bg-slate-950{background:transparent!important;background-color:#0000!important}html.moon-widget-window #root{background:transparent!important;background-color:#0000!important;min-height:100%}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--bg-dark);height:100vh;height:calc(var(--vh, 1vh) * 100);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.safe-area-top{padding-top:env(safe-area-inset-top,0px)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-inset{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.pt-safe{padding-top:env(safe-area-inset-top,0px)}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0px)}@media(display-mode:standalone){body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}}input,select,textarea{font-size:16px!important}.no-scrollbar::-webkit-scrollbar,.hide-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar,.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#334155;border-radius:100vh;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#475569}*{scrollbar-width:thin;scrollbar-color:#334155 transparent}.hover-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hover-scrollbar::-webkit-scrollbar{width:5px;height:5px}.hover-scrollbar::-webkit-scrollbar-thumb{background:transparent;border-radius:100vh;transition:background .3s ease}.hover-scrollbar:hover{scrollbar-width:thin;scrollbar-color:#334155 transparent}.hover-scrollbar:hover::-webkit-scrollbar-thumb{background:#334155}.hover-scrollbar:hover::-webkit-scrollbar-thumb:hover{background:#475569}.auto-workflow-page-scrollbar{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#38bdf8 #07101a}.auto-workflow-page-scrollbar::-webkit-scrollbar{width:9px}.auto-workflow-page-scrollbar::-webkit-scrollbar-track{background:#07101a}.auto-workflow-page-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#38bdf8,#0ea5e9);border:2px solid #07101a;border-radius:999px}.auto-workflow-page-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#67e8f9,#38bdf8)}.shot-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:linear-gradient(to right,#8b5cf6 0%,#8b5cf6 var(--val, 50%),#1e293b var(--val, 50%),#1e293b 100%);border-radius:100vh;outline:none;cursor:pointer}.shot-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#a78bfa;box-shadow:0 0 6px #8b5cf680;cursor:pointer;transition:transform .15s,box-shadow .15s}.shot-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #8b5cf6b3}.shot-slider::-webkit-slider-thumb:active{transform:scale(1.3);background:#c4b5fd}.shot-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#a78bfa;box-shadow:0 0 6px #8b5cf680;border:none;cursor:pointer}.shot-slider::-moz-range-track{height:4px;border-radius:100vh;background:#1e293b}.shot-slider::-moz-range-progress{height:4px;border-radius:100vh;background:#8b5cf6}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-shake{animation:shake .2s ease-in-out 0s 2}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-fade-in{animation:fade-in .2s ease-out forwards}.animate-scale-in{animation:scale-in .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-fade-out-delayed{animation:fade-out .5s ease-out 2s forwards}.smooth-transform{transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease;will-change:transform,opacity;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.lightbox-overlay,.modal-overlay,.glass-panel{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) translateZ(0);will-change:transform,opacity}@supports (-webkit-backdrop-filter: blur(1px)){.backdrop-blur-xl,.backdrop-blur-2xl,.backdrop-blur-3xl{-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}}.animate-in{will-change:transform,opacity!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px!important}.dark select,select[data-theme=dark],[class*="bg-white/5"] select,[class*="bg-white/3"] select,[class*="bg-[#"] select{color-scheme:dark}select option{padding:6px 12px}@media(prefers-color-scheme:dark){select{color-scheme:dark}}html.moon-widget-window{overflow:hidden!important;height:100%!important;color-scheme:dark}html.moon-widget-window body,html.moon-widget-window #root{overflow:hidden!important;height:100%!important;max-height:100%!important}.feed-library-media-container{container-type:inline-size;container-name:feed-lib}.feed-library-meta-strip{transition:opacity .2s ease}@container feed-lib (max-width: 219px){.feed-library-meta-strip{opacity:0;pointer-events:none}@media(hover:none){.feed-library-meta-strip{opacity:1;pointer-events:auto}}}.feed-library-media-container:hover .feed-library-meta-strip{opacity:1;pointer-events:auto}@container feed-lib (min-width: 220px){.feed-library-meta-strip{opacity:1;pointer-events:auto}}.genful-landing-v2{--ink-950: #06070c;--ink-900: #0a0b12;background:var(--ink-950);color:#e6e8ef;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased}@media(prefers-reduced-motion:reduce){.genful-landing-v2,.genful-landing-v2 *,.genful-landing-v2 *:before,.genful-landing-v2 *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.genful-landing-v2 .bg-grid{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,black 40%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 0%,black 40%,transparent 80%)}.genful-landing-v2 .bg-grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/></svg>")}.genful-landing-v2 .glass{background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.genful-landing-v2 .glow-cyan{box-shadow:0 0 60px -10px #22d3ee73}.genful-landing-v2 .glow-violet{box-shadow:0 0 60px -10px #8b5cf680}.genful-landing-v2 .text-gradient{background:linear-gradient(90deg,#fff,#c4b5fd,#67e8f9 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.genful-landing-v2 .border-gradient{position:relative}.genful-landing-v2 .border-gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,#22d3ee99,#8b5cf699,#ec489966);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.genful-landing-v2 .marquee-track{display:flex;width:max-content}.genful-landing-v2 .marquee-track>*{flex:none}.genful-landing-v2::-webkit-scrollbar{width:10px;height:10px}.genful-landing-v2::-webkit-scrollbar-track{background:#0a0b12}.genful-landing-v2::-webkit-scrollbar-thumb{background:#1a1d2a;border-radius:8px}.genful-landing-v2::-webkit-scrollbar-thumb:hover{background:#262a3a}.genful-landing-v2 .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.genful-landing-v2 .no-scrollbar::-webkit-scrollbar{display:none}.genful-landing-v2 .spotlight{--x: 50%;--y: 50%;position:relative;isolation:isolate}.genful-landing-v2 .spotlight:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(400px circle at var(--x) var(--y),rgba(34,211,238,.15),rgba(139,92,246,.08) 40%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.genful-landing-v2 .spotlight:hover:before{opacity:1}.genful-landing-v2 .spotlight>*{position:relative;z-index:1}.genful-landing-v2 .border-shine{position:relative}.genful-landing-v2 .border-shine:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--shine-angle, 0deg),transparent 0deg,rgba(34,211,238,.7) 40deg,rgba(139,92,246,.7) 90deg,transparent 140deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none;animation:shine-rotate 6s linear infinite}.genful-landing-v2 .border-shine:hover:after{opacity:1}@property --shine-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes shine-rotate{to{--shine-angle: 360deg}}@supports not (background: paint(angle)){.genful-landing-v2 .border-shine:after{animation:shine-rotate-fallback 6s linear infinite}@keyframes shine-rotate-fallback{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.genful-landing-v2 .shimmer{position:relative;overflow:hidden;isolation:isolate}.genful-landing-v2 .shimmer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 48%,rgba(255,255,255,0) 60%);transform:translate(-100%);pointer-events:none;z-index:2}.genful-landing-v2 .shimmer:hover:before{animation:shimmer-sweep .9s ease-out}@keyframes shimmer-sweep{to{transform:translate(100%)}}.genful-landing-v2 .text-ink-950,.genful-landing-v2 .text-black,.genful-landing-v2 .bg-white{color:#06070c!important}.genful-landing-v2 .text-ink-950 svg,.genful-landing-v2 .text-black svg,.genful-landing-v2 .bg-white svg{color:currentColor!important;stroke:currentColor!important}.genful-landing-v2 .divider-grad{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08) 30%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.08) 70%,transparent)}.genful-landing-v2 .orb{position:absolute;border-radius:9999px;filter:blur(80px);opacity:.35;pointer-events:none;will-change:transform}.genful-landing-v2 .bg-grain.bg-grain-drift:after{animation:grain-drift 8s steps(6) infinite}@keyframes grain-drift{0%{transform:translate(0)}10%{transform:translate(-3%,-2%)}30%{transform:translate(2%,-4%)}50%{transform:translate(-2%,2%)}70%{transform:translate(3%,1%)}to{transform:translate(0)}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}