:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--padding: 15px;--margin: 10px;--gap: 5px;--font-size: 16px;--border-radius: 15px;--border-radius-2: 30px;--color-text: #333;--color-link: #646cff;--color-default: #f2f2f2;--color-primary: #168e62;--color-secondary: #168cbf;--color-warning: #df5718;--color-success: #1bab1b;--color-info: #168cbf}html,body{padding:0;margin:0;color:var(--color-text);font-size:var(--font-size)}#root{padding:1rem;height:100vh;box-sizing:border-box;display:flex;flex-flow:column}a{font-weight:500;color:var(--color-link);text-decoration:inherit;cursor:pointer}a:hover{text-decoration:underline}p{margin:0 0 var(--margin)}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button,.btn{border-radius:8px;border:1px solid transparent;padding:.4em 1em;font-size:var(--font-size);font-weight:500;font-family:inherit;background-color:var(--color-default);color:var(--color-text);cursor:pointer;transition:border-color .25s;border-radius:var(--border-radius)}.btn.icon,button.icon{font-size:.7em}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.primary{background-color:var(--color-primary);color:#fff}.secondary{background-color:var(--color-secondary);color:#fff}.success{background-color:var(--color-success);color:#fff}.warning{background-color:var(--color-warning);color:#fff}.info{background-color:var(--color-info);color:#fff}input,select{padding:10px 15px;border:1px solid #ddd;background-color:#fff;min-width:200px;max-width:280px;border-radius:var(--border-radius);margin-bottom:var(--margin)}label{color:#999;display:inline-block;margin-bottom:var(--margin)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex;gap:var(--gap)}.gap{gap:var(--gap)}.gap-2{gap:calc(var(--gap)*2)}.gap-3{gap:calc(var(--gap)*3)}.flex.column{flex-flow:column}.flex.wrap{flex-wrap:wrap}.flex.between{justify-content:space-between}.flex.h-center{justify-content:center;justify-items:center}.flex.h-start{justify-content:start;justify-items:start}.flex.h-end{justify-content:end;justify-items:end}.flex.v-center{align-content:center;align-items:center}.flex.v-start{align-content:start;align-items:start}.flex.v-end{align-content:end;align-items:end}.flex.column.v-center{justify-content:center;justify-items:center}.flex.column.v-start{justify-content:start;justify-items:start}.flex.column.v-end{justify-content:end;justify-items:end}.flex.column.h-center{align-content:center;align-items:center}.flex.column.h-start{align-content:start;align-items:start}.flex.column.h-end{align-content:end;align-items:end}.flex-1{flex:1}.flex-0{flex:0}.padding{padding:var(--padding)}.padding-y{padding:var(--padding) 0}.padding-x{padding:0 var(--padding)}.padding-2{padding:calc(var(--padding)*2)}.padding-2y{padding:calc(var(--padding)*2) 0}.padding-2x{padding:0 calc(var(--padding)*2)}.padding-3{padding:calc(var(--padding)*3)}.padding-3y{padding:calc(var(--padding)*3) 0}.padding-3x{padding:0 calc(var(--padding)*3)}.margin{margin:var(--margin)}.margin-y{margin:var(--margin) 0}.margin-x{margin:0 var(--margin)}.margin-2{margin:calc(var(--margin)*2)}.margin-2y{margin:calc(var(--margin)*2) 0}.margin-2x{margin:0 calc(var(--margin)*2)}.margin-3{margin:calc(var(--margin)*3)}.margin-3y{margin:calc(var(--margin)*3) 0}.margin-3x{margin:0 calc(var(--margin)*3)}.margin-auto{margin:auto}footer{position:fixed;bottom:0;left:0;padding:10px;width:100%;background:#333;color:#fff;font-size:12px}.error{border-color:red}.message{padding:15px;margin:10px 0}:disabled{opacity:.3;cursor:not-allowed}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}