*{box-sizing:border-box;margin:0;padding:0}body{color:#e6edf3;background:#0d1117;height:100vh;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}.screen{flex-direction:column;height:100vh;padding:16px;display:flex}.screen.loading,.screen.error{justify-content:center;align-items:center;gap:16px}.logo{color:#58a6ff;font-size:2rem;font-weight:700}.spinner{color:#8b949e;font-size:.9rem}.error-msg{color:#f85149;font-size:.9rem}header{border-bottom:1px solid #21262d;justify-content:space-between;align-items:center;padding:8px 0 16px;display:flex}header h1{color:#58a6ff;font-size:1.4rem}.user-info{align-items:center;gap:8px;font-size:.9rem;display:flex}.user-info img{border-radius:50%}main{flex:1;justify-content:center;align-items:center;display:flex}.menu-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:400px;display:grid}.menu-btn{color:#e6edf3;cursor:pointer;background:#161b22;border:1px solid #30363d;border-radius:8px;padding:16px;font-size:1rem;transition:all .2s}.menu-btn:hover{color:#58a6ff;background:#21262d;border-color:#58a6ff}.menu-btn.primary{color:#fff;background:#1f6feb;border-color:#1f6feb;grid-column:1/-1}.menu-btn.primary:hover{background:#388bfd;border-color:#388bfd}