*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%}body{background-color:#050505;color:#e8e4dc;font-family:VT323,ui-monospace,JetBrains Mono,monospace;font-size:18px;-webkit-font-smoothing:antialiased}#root{height:100vh;overflow:hidden}#oilslick-root{height:100vh;overflow:hidden;display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"hero    hero" "craft   sidebar" "form    form";background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1920' height='1080' viewBox='0 0 1920 1080' preserveAspectRatio='xMidYMid slice'><filter id='n' x='0%25' y='0%25' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' seed='7' result='grain'/><feTurbulence type='fractalNoise' baseFrequency='0.0022' numOctaves='2' seed='3' result='mask'/><feColorMatrix in='grain' type='luminanceToAlpha' result='grainA'/><feColorMatrix in='mask' type='luminanceToAlpha' result='maskA'/><feComposite in='grainA' in2='maskA' operator='arithmetic' k1='1.2' k2='0.5' k3='0' k4='0' result='composed'/><feColorMatrix in='composed' type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 3.5 -1.7'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:100% 100%;background-repeat:no-repeat}#oilslick-root>:nth-child(1){grid-area:hero}#oilslick-root>:nth-child(2){grid-area:craft;overflow-y:auto;min-height:0}#oilslick-root>:nth-child(3){grid-area:sidebar;overflow-y:auto;min-height:0}#oilslick-root>:nth-child(4){grid-area:form}.grid-right{display:flex;flex-direction:column;gap:1vh}.vt{font-family:VT323,ui-monospace,monospace}.hero{-webkit-user-select:none;user-select:none}.hero{font-family:Rubik Wet Paint,Rubik,system-ui,sans-serif;line-height:.95;letter-spacing:-.03em;display:inline-block;background:linear-gradient(135deg,#ff6ec7,#7afcff,#aaff5f,#fff27a,#f96,#c17aff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:url(#edge-clip) drop-shadow(0 0 1px rgba(0,0,0,.8))}.hero.hot{background:linear-gradient(135deg,#ff2a6d,#ff6ec7 40%,#ffb347,#ff2a6d);-webkit-background-clip:text;background-clip:text}.hero-xxl{font-size:18vh}.hero-xl{font-size:11vh}.hero-lg{font-size:6vh}.hero-md{font-size:4vh}.stratum{padding:2.5vh 4vw;display:flex;flex-direction:column;gap:1vh}.stratum.first{padding-top:3vh}.hero-row{display:flex;align-items:baseline;gap:2vw;flex-wrap:wrap}.hero.waiting{opacity:.55}.wordmark{display:inline-block;cursor:default}.vt.small{font-size:1rem;opacity:.7}.vt.craft-log{font-size:1.1rem;display:flex;flex-direction:column;gap:.3em;margin-top:1vh}.log-row{display:flex;gap:1.5em;align-items:baseline;flex-wrap:wrap}.log-row .col{white-space:nowrap}.log-row .col.date{min-width:7em;opacity:.6}.log-row .col.pnl.pos{color:#aaff5f}.log-row .col.pnl.neg{color:#ff6ec7}.log-row .col.note{opacity:.5;font-style:italic}.dim{opacity:.5}.vt.histogram{font-family:VT323,monospace;font-size:1.1rem;line-height:1.15;white-space:pre;margin:.5em 0;opacity:.8}.log-row .col.price{color:#fff27a;min-width:6em}.log-row.deleting{transition:none;-webkit-user-select:none;user-select:none;cursor:grabbing}.vt.inline-input{background:transparent;border:none;border-bottom:1px dashed #fff27a;color:#fff27a;font-family:VT323,monospace;font-size:1.1rem;outline:none;padding:0;width:6em}.form-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5em;font-size:1.3rem}.form-input{background:transparent;border:none;border-bottom:1px solid rgba(232,228,220,.35);color:#e8e4dc;font-family:VT323,monospace;font-size:1.3rem;outline:none;padding:.15em .3em}.form-input.num{width:3em;text-align:center}.form-input.price{width:6em;text-align:center}.form-input.note{width:18em}.form-input:focus{border-bottom-color:#fff27a}.form-row .sep{opacity:.4}.hero.commit{cursor:pointer;display:inline-block;margin-top:2vh;transition:letter-spacing .18s ease-out}.hero.commit:hover{letter-spacing:.08em}.commit-drip{position:fixed;width:14px;height:24px;margin-left:-7px;margin-top:-12px;border-radius:50%/70% 70% 30% 30%;background:linear-gradient(180deg,#ff6ec7,#7afcff 40%,#aaff5f 70%,#fff27a);filter:drop-shadow(0 0 6px rgba(255,255,255,.4));pointer-events:none;z-index:100;animation:commit-rise .7s cubic-bezier(.3,0,.2,1) forwards}@keyframes commit-rise{0%{transform:translate(0) scale(1);opacity:.9}80%{transform:translateY(calc(-100vh + 60px)) scale(1.1);opacity:.8}to{transform:translateY(calc(-100vh + 60px)) scale(2.5);opacity:0}}.stratum.first{position:relative}.stratum.first.syncing .hero{opacity:.6;transition:opacity .2s}.stratum.first.errored:after{content:"";position:absolute;top:18vh;left:6vw;width:4px;height:40px;background:linear-gradient(180deg,#ff2a6d,transparent);filter:blur(1px)}