@font-face{font-family:Roku Sans Display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/roku-display/RokuDisplay-Regular.woff2) format("woff2")}@font-face{font-family:Roku Sans Display;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/roku-display/RokuDisplay-Medium.woff2) format("woff2")}@font-face{font-family:Roku Sans Display;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/roku-display/RokuDisplay-Bold.woff2) format("woff2")}@font-face{font-family:Roku Sans Text;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/roku-text/RokuText-Regular.woff2) format("woff2")}@font-face{font-family:Roku Sans Text;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/roku-text/RokuText-Italic.woff2) format("woff2")}@font-face{font-family:Roku Sans Text;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/roku-text/RokuText-Medium.woff2) format("woff2")}@font-face{font-family:Roku Sans Text;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/roku-text/RokuText-Bold.woff2) format("woff2")}:root{--font-sans: "Roku Sans Text", Arial, sans-serif;--font-display: "Roku Sans Display", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", Menlo, monospace;--primary-purple: #4F01A3;--electric-purple: #853DFF;--midnight-purple: #20004C;--radius-sm: 4px;--text-xs: 11px;--text-sm: 12px;--text-md: 14px}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--color-bg-root);color:var(--color-text);-webkit-font-smoothing:antialiased;font-size:var(--text-md)}h1,h2,h3{font-family:var(--font-display)}code,pre,kbd,samp{font-family:var(--font-mono)}*{box-sizing:border-box}a{color:var(--color-focus);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus-ring)}.card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:8px 16px 16px;box-shadow:0 1px 3px #0003}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#4f01a34d;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}::-webkit-scrollbar-thumb:hover{background:#4f01a380}::placeholder{color:#666!important;opacity:1}*{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.gradient-text{background:var(--gradient-color);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;transition:none!important}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.glass-dark{background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.glass-purple{background:#4f01a326;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(79,1,163,.3)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}