:root{--bg: #ffffff;--title-bg: #1d1717;--title-color: #ffffff;--text-color: #1d1717;--btn-bg: #7f0000;--btn-color: #ffffff;--btn-radius: 12px}html,body{height:100%;margin:0;background:var(--bg);color:var(--text-color);font-family:Arial,Helvetica Neue,Helvetica,sans-serif}.main{padding:16px}.app-header{background:var(--title-bg);color:var(--title-color);display:flex;align-items:center;gap:12px;padding:10px 14px}.app-header .logo{width:44px;height:auto}.btn{background:var(--btn-bg);color:var(--btn-color);border:0;padding:14px 18px;font-size:1.05rem;border-radius:var(--btn-radius);cursor:pointer;box-shadow:0 2px 6px #0000001f;width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.container{max-width:720px;margin:18px auto;padding:0 16px 40px}.menu-wrapper{display:flex;align-items:center;justify-content:space-between;position:relative}.menu-links{display:flex;gap:12px}.hamburger{display:none;background:transparent;border:0;color:var(--title-color);font-size:24px}@media (max-width:600px){.menu-links{display:none}.hamburger{display:inline-block}.menu-links.open{display:flex;flex-direction:column;position:absolute;right:12px;top:56px;background:var(--title-bg);padding:8px;border-radius:8px;box-shadow:0 6px 18px #0003}.menu-links.open a{margin:6px 0}}button:not(.hamburger){background:var(--btn-bg);color:var(--btn-color);border:none;padding:14px 18px;font-size:1.05rem;border-radius:var(--btn-radius);cursor:pointer;box-shadow:0 2px 6px #0000001f}.server-btn,.btn.server-btn{display:block;width:100%;margin:.5rem 0;padding:1rem;border-radius:var(--btn-radius);background:var(--btn-bg);color:var(--btn-color);border:none}.server-btn:disabled{opacity:.6;cursor:not-allowed}@media (min-width: 600px){.server-btn{width:50%;display:inline-block}}