:root{--bg-color: #151515;--elevated-bg-color: #232323;--text-color: #ffffff;--secondary-text-color: #969696;--primary-color: #FFC000;--primary-color-dark: #997300;--color-success: #4ade80;--color-error: #f87171;--spacing-xs: 5px;--spacing-sm: 12px;--spacing-md: 15px;--spacing-lg: 30px;--spacing-xl: 60px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 30px;--radius-circle: 100%;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 20px;--font-size-lg: 24px;--font-size-xl: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: bold;--icon-size-base: 24px;--icon-size-navbar-main: 36px;--shadow-button-active: 0 0 10px 2px var(--primary-color), 0 -1px 0 1px #6A5000, 0 1px 0 1px #FFFFFF;--shadow-modal: 0 0 5px 2px rgba(0, 0, 0, .25);--shadow-navbar: 0 0 10px 2px rgba(0, 0, 0, .35);--shadow-text: 0 1px 2px rgba(0, 0, 0, .3);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-medium: .25s ease-in-out;--transition-slow: .3s ease-in-out;--button-icon-size: 45px;--navbar-main-button-size: 74px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overscroll-behavior:none}@media (min-width: 400px){html{max-width:400px;border:3px solid #fff;border-radius:var(--radius-lg);position:relative}*{max-width:400px}}body{font-family:Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-color)}.divider{height:var(--spacing-xs);width:100%;background-color:var(--bg-color)}input{background-color:var(--bg-color);color:var(--text-color);border:none;border-radius:var(--radius-md);padding:var(--spacing-md);font-size:var(--font-size-base);outline:none;transition:box-shadow var(--transition-base);width:100%}input:focus{box-shadow:0 0 0 1px var(--primary-color)}input.elevated{background-color:var(--elevated-bg-color)}.self-flex-start{align-self:flex-start}