:root{--bg-color: var(--tg-theme-bg-color, #1a1a1a);--text-color: var(--tg-theme-text-color, #ffffff);--button-color: var(--tg-theme-button-color, #3390ec);--button-text-color: var(--tg-theme-button-text-color, #ffffff);--hint-color: var(--tg-theme-hint-color, #999999);--secondary-bg-color: var(--tg-theme-secondary-bg-color, #2c2c2c)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;text-align:center}#app{width:100%;max-width:400px;padding:20px;box-sizing:border-box}.screen{display:none;flex-direction:column;align-items:center;gap:20px}.screen.active{display:flex}h2{margin:0;font-size:24px;font-weight:600}.id-box{background-color:var(--secondary-bg-color);padding:20px 40px;border-radius:12px;font-size:32px;font-weight:700;letter-spacing:4px;box-shadow:0 4px 6px #0000001a;-webkit-user-select:all;user-select:all}.subtitle{color:var(--hint-color);font-size:14px;line-height:1.5;margin:0}.tg-button{background-color:var(--button-color);color:var(--button-text-color);border:none;border-radius:8px;padding:14px 24px;font-size:16px;font-weight:600;cursor:pointer;width:100%;transition:opacity .2s}.tg-button:active{opacity:.8}.spinner{width:40px;height:40px;border:4px solid var(--secondary-bg-color);border-top-color:var(--button-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}