body,h1,h2,h3,p,a,nav,menu,button,input,textarea{all:unset}body *{box-sizing:border-box}:root{--red: #f04040;--green: #40c040;--blue: #0080f0;--blue-hc: #48a0f0;--gray-0: #000;--gray-1: #1c1c1e;--gray-2: #2c2c2e;--gray-3: #808082;--gray-4: #d0d0d2;--gray-5: #e0e0e2;--gray-6: #f4f4f6;--x: 0rem}@media(pointer:coarse){:root{--x: .25rem}}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.25rem}body{background-color:var(--gray-0);color:var(--gray-6);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.4375rem;min-height:100vh;>main:first-child{padding:.75rem}}main{min-height:100vh;padding:calc(4rem + var(--x) * 4) .75rem calc(4.5rem + var(--x) * 5)}.button,.title{align-items:center;display:flex;justify-content:center;min-width:calc(2.25rem + var(--x) * 2);padding:0 calc(.75rem + var(--x))}.button{fill:var(--gray-6);gap:.375rem;line-height:1.125rem;&:hover{cursor:pointer}&:active{background-color:var(--gray-2)}&.active{background-color:var(--gray-1);color:var(--blue-hc);cursor:default}&.icon{padding:0;span{height:1px;margin:-.5px;position:absolute;width:1px}}&.filled{background-color:var(--gray-6);border-color:#0000;color:var(--gray-0);&:hover{background-color:var(--gray-5)}&:active{background-color:var(--gray-4)}}*{pointer-events:none}span{max-width:100%;overflow:hidden;text-overflow:ellipsis}svg{height:calc(1.375rem + var(--x))}}.group{display:flex;gap:.5rem}.chart{height:25rem;width:100%}.chart-periods{margin-top:1.5rem}body,main,form{display:flex;flex-direction:column;width:100%}form{margin:auto;max-width:36rem;h1{margin:0 .25rem .75rem}.filled{margin-top:1.25rem}[data-error]{color:var(--red);margin:.25rem .25rem 0}}label{margin:.5rem .25rem .25rem;pointer-events:none}input,textarea,.button,.title{background-color:var(--gray-0);border:1px solid var(--gray-2);border-radius:calc(1.125rem + var(--x));min-height:calc(2.25rem + var(--x) * 2)}input,textarea,.button{&:hover{background-color:var(--gray-1)}&:focus-visible{border-color:var(--blue)!important;outline:1px solid var(--blue)}}input{flex:1;padding:.3125rem calc(.75rem + var(--x))}textarea{min-height:8rem;padding:.3125rem calc(.75rem + var(--x));resize:vertical}.button,.title,::placeholder{user-select:none;-webkit-user-select:none}::placeholder{color:var(--gray-3)}.cf-turnstile{margin:1rem .25rem -.75rem}nav,menu{background-color:var(--gray-0);border:1px solid var(--gray-2);border-radius:calc(1.25rem + var(--x));display:flex;list-style:none;padding:.125rem;&.small{li{flex:1}.button{min-height:calc(1.75rem + var(--x) * 2)}}.button{border-color:#0000}}.menu{flex-direction:column;.button:not(.icon){gap:0;justify-content:flex-start;width:100%;&:has(svg){padding-left:0}}svg{min-width:calc(2.25rem + var(--x) * 2)}}.nav{background:linear-gradient(var(--gray-0),#0000);padding:calc(.5rem + var(--x));position:fixed;right:0;width:100%}.title{font-size:1.125rem;margin:0 auto;span{overflow:hidden;text-overflow:ellipsis}}@media(min-width:801px){.sidebar-visible{width:calc(100% - 15.5rem);>:first-child{display:none}+.sidebar,+.sidebar .hidden{display:flex}~main{padding-left:16.25rem}}}.sidebar{height:calc(100% - 1rem - var(--x) * 2);margin:calc(.5rem + var(--x));overflow-y:auto;position:fixed;width:15rem;z-index:1;div.button{pointer-events:none}}@media(max-width:480px){.tab-bar{background:linear-gradient(#0000 75%,var(--gray-0));bottom:0;left:0;padding:calc(.5rem + var(--x));padding-bottom:calc(.5rem + var(--x) * 2);position:fixed;width:100%;menu{border-radius:2.5rem}li{width:50%}.button{border-radius:2.5rem;flex-direction:column;font-size:.625rem;gap:0;height:calc(2.5rem + var(--x) * 3);white-space:nowrap;width:100%;span{margin-top:-.125rem}}svg{height:1.5rem}}}@media(min-width:481px){.title{margin:0 auto 0 0}.tab-bar{menu{padding:0}.button{min-height:calc(2.25rem - 2px + var(--x) * 2);min-width:calc(2.25rem - 2px + var(--x) * 2);padding:0;span{height:1px;margin:-.5px;position:absolute;width:1px}}}main{padding-bottom:1.5rem}}::selection{background-color:var(--blue)}.hidden{display:none}