:root{--color-bg: #272727;--color-text-accent: #ffffff;--color-accent: #424242}body{margin:0;font-family:sans-serif;background-color:var(--color-bg);color:var(--color-text-accent)}.container{display:flex;flex-direction:column;width:100%;min-height:100vh;box-sizing:border-box}@media (min-width: 762px){.container{max-width:60%;margin:0 auto}}.container.wide{max-width:none}.top-panel{position:fixed;top:0;left:0;right:0;z-index:100;width:100%;height:60px;display:flex;align-items:center;justify-content:center;padding:0 12px;border-bottom:2px solid var(--color-accent);background-color:var(--color-bg);overflow-x:auto;box-sizing:border-box}.top-panel-inner{display:flex;align-items:center;justify-content:center;gap:5px;width:100%}.with-top-panel-padding{padding-top:60px}.content-scroll{flex:1;padding:16px;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;box-sizing:border-box}.with-top-panel-padding{padding-top:7vh}.button{padding:10px 35px;background-color:var(--color-accent);color:var(--color-text-accent);border:none;border-radius:25px;cursor:pointer;margin-bottom:8px;font-size:16px;font-weight:700;outline:none;-webkit-tap-highlight-color:transparent}.button.small{padding:10px 15px;font-size:14px;margin-right:8px;white-space:nowrap;outline:none;-webkit-tap-highlight-color:transparent}.button.active{background-color:var(--color-text-accent);color:var(--color-accent)}.button.small.back{background-color:transparent;border:1px solid var(--color-text-accent);color:var(--color-text-accent)}.input{display:block;width:100%;padding:10px 12px;border:none;border-radius:20px;background-color:#424242;color:#fff;text-align:center;box-sizing:border-box;font-size:16px;outline:none}.input::placeholder{color:#9e9e9e;text-align:center}.alert{padding:12px;color:#fff;border-radius:6px;margin-bottom:10px;text-align:center}.form-wrapper{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;margin:10px auto}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.container.wide{max-width:100%!important}textarea{font-family:inherit;font-size:16px;background-color:#424242;color:#fff;padding:10px 12px;border:none;border-radius:20px;width:100%;box-sizing:border-box;resize:none;white-space:pre-wrap;word-break:break-word;height:auto;overflow:hidden;outline:none}textarea::placeholder{color:#9e9e9e;text-align:left}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background-color:#777}*{scrollbar-width:thin;scrollbar-color:#555 transparent}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-spinner-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#2c2c2ccc;z-index:9999}button,input,textarea{outline:none;-webkit-tap-highlight-color:transparent}