:root{--bg-color: var(--tg-theme-bg-color, #ffffff);--text-color: var(--tg-theme-text-color, #000000);--hint-color: var(--tg-theme-hint-color, #999999);--button-color: var(--tg-theme-button-color, #2481cc);--button-text-color: var(--tg-theme-button-text-color, #ffffff);--secondary-bg-color: var(--tg-theme-secondary-bg-color, #f0f0f0)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;display:flex;align-items:center;justify-content:center}.container{padding:20px;width:100%;max-width:400px;text-align:center}#ad-container{display:flex;flex-direction:column;gap:24px}.ad-placeholder{background-color:var(--secondary-bg-color);border-radius:16px;overflow:hidden}.ad-label{background-color:var(--hint-color);color:#fff;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:6px 12px;text-align:left}.ad-content{padding:40px 20px;min-height:200px;display:flex;align-items:center;justify-content:center}.sample-ad{text-align:center;color:var(--hint-color)}.ad-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--button-color),#6c5ce7);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;margin:0 auto 12px}.sample-ad p{font-size:14px}#countdown-container{display:flex;flex-direction:column;align-items:center;gap:16px}#countdown-circle{position:relative;width:80px;height:80px}#countdown-circle svg{transform:rotate(-90deg);width:100%;height:100%}#countdown-circle circle{fill:none;stroke-width:6;stroke-linecap:round}#countdown-circle circle.bg{stroke:var(--secondary-bg-color)}#countdown-circle circle.progress{stroke:var(--button-color);transition:stroke-dashoffset .3s ease}#countdown-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:700;color:var(--button-color)}#countdown-text{font-size:14px;color:var(--hint-color)}#complete-container,#error-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px}.success-icon{width:80px;height:80px;background-color:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff}.error-icon{width:80px;height:80px;background-color:#f44336;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff}#complete-container h2,#error-container h2{font-size:24px;font-weight:600}#complete-container p,#error-container p{font-size:14px;color:var(--hint-color)}.hidden{display:none!important}