:root{--color-bg:var(--tg-theme-bg-color,#1a1a2e);--color-text:var(--tg-theme-text-color,#e4e4e7);--color-hint:var(--tg-theme-hint-color,#71717a);--color-link:var(--tg-theme-link-color,#60a5fa);--color-button:var(--tg-theme-button-color,#3b82f6);--color-button-text:var(--tg-theme-button-text-color,#fff);--color-secondary-bg:var(--tg-theme-secondary-bg-color,#232340);--color-header-bg:var(--tg-theme-header-bg-color,#16162b);--color-accent:var(--tg-theme-accent-text-color,#60a5fa);--color-section-bg:var(--tg-theme-section-bg-color,#1e1e36);--color-subtitle:var(--tg-theme-subtitle-text-color,#a1a1aa);--color-destructive:var(--tg-theme-destructive-text-color,#ef4444);--color-border:#ffffff14;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--border-radius:12px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.app-wrapper{flex-direction:column;flex:1;min-height:100vh;display:flex;position:relative}.app-background{z-index:-1;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.page{padding:var(--spacing-xl);flex-direction:column;flex:1;justify-content:center;width:100%;max-width:400px;margin:0 auto;display:flex}.page-header{text-align:center;margin-bottom:var(--spacing-lg)}.page-title{color:var(--color-text);margin:0 0 var(--spacing-sm);font-size:24px;font-weight:700}.page-subtitle{color:var(--color-hint);margin:0;font-size:15px;line-height:1.4}.page-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;min-height:48px;font-size:16px;font-weight:600;transition:opacity .2s,transform .1s;display:flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-button);color:var(--color-button-text)}.btn-secondary{background:var(--color-secondary-bg);color:var(--color-text)}.btn-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sticker-player{margin:0 auto var(--spacing-lg);flex-shrink:0}video.sticker-player{object-fit:contain;background:0 0}.welcome-page{text-align:center;align-items:center}.welcome-title{color:var(--color-text);margin:0 0 var(--spacing-xl);font-size:28px;font-weight:700}.welcome-action{width:100%}.phone-page{gap:var(--spacing-xl)}.code-page{text-align:center;align-items:center;gap:var(--spacing-lg)}.code-dots{gap:var(--spacing-md);justify-content:center;display:flex}.code-dot{border:2px solid var(--color-hint);border-radius:50%;width:14px;height:14px;transition:background-color .15s,border-color .15s}.code-dot-filled{background:var(--color-button);border-color:var(--color-button)}.code-view-link{width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);background:var(--color-button);color:var(--color-button-text);text-align:center;justify-content:center;align-items:center;min-height:48px;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .2s,transform .1s;display:flex}.code-view-link:active{transform:scale(.98)}.code-pad{gap:var(--spacing-sm);flex-direction:column;display:flex}.code-pad-row{gap:var(--spacing-sm);justify-content:center;display:flex}.code-pad-key{border-radius:var(--border-radius);background:var(--color-secondary-bg);width:72px;height:52px;color:var(--color-text);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:24px;font-weight:500;transition:opacity .1s,transform .1s;display:flex}.code-pad-key:active:not(:disabled){opacity:.7;transform:scale(.95)}.code-pad-key:disabled{cursor:default}.code-pad-backspace{color:var(--color-hint);background:0 0;font-size:28px}.code-pad-empty{pointer-events:none;background:0 0}.input-wrapper{text-align:left;width:100%}.input-label{color:var(--color-hint);margin-bottom:8px;font-size:14px;display:block}.input-field{width:100%;padding:var(--spacing-md);background:var(--color-secondary-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius);box-sizing:border-box;outline:none;font-size:16px;transition:border-color .2s}.input-field::placeholder{color:var(--color-hint)}.input-field:focus{border-color:var(--color-accent)}.password-page{gap:var(--spacing-xl)}.success-page{text-align:center;align-items:center}.success-action{width:100%;margin-top:var(--spacing-xl)}.error-page{justify-content:center;align-items:center}.page-loader{flex:1;justify-content:center;align-items:center;min-height:100vh;display:flex}.page-loader-spinner{border:3px solid var(--color-secondary-bg);border-top-color:var(--color-button);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite page-loader-spin}@keyframes page-loader-spin{to{transform:rotate(360deg)}}