@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&display=swap";:root{--bg: #000;--text: #f0f0f0;--dim: #999;--accent: #f0f0f0;--danger: #c0392b;--gain: #8cdca6;--font: "IBM Plex Mono", monospace;--spacing: 1.8rem;--transition: .6s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;background:radial-gradient(ellipse at center,transparent 62%,rgba(0,0,0,.5) 100%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;font-weight:300;letter-spacing:.08em;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:opacity .4s ease}a:hover{opacity:.6}button{background:none;border:1px solid rgba(240,240,240,.3);color:var(--text);font-family:var(--font);font-size:12px;font-weight:300;letter-spacing:.15em;padding:.75rem 2rem;cursor:pointer;transition:opacity .4s ease,border-color .4s ease}button:hover{opacity:1;border-color:#f0f0f08c;box-shadow:0 0 18px #f0f0f012,inset 0 0 12px #f0f0f00a}button:disabled{opacity:.15;cursor:not-allowed;box-shadow:none}input[type=text]{background:none;border:none;border-bottom:1px solid rgba(240,240,240,.15);color:var(--text);font-family:var(--font);font-size:16px;font-weight:300;letter-spacing:.12em;padding:.5rem 0;outline:none;width:100%;transition:border-color .6s ease}input[type=text]:focus{border-color:#f0f0f080;box-shadow:0 2px 12px -6px #f0f0f066}