*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000);line-height:1.4;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease,filter .3s ease}.app{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.container{flex:1;display:flex;flex-direction:column;padding:16px 16px 0;max-width:400px;margin:0 auto;width:100%;gap:16px}.domains-section{flex:1;display:flex;flex-direction:column;min-height:0}.section-header{margin-bottom:12px}.section-title{font-size:16px;font-weight:600;color:var(--tg-theme-text-color, #000000)}.domains-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;max-height:272px;scrollbar-width:thin;scrollbar-color:var(--tg-theme-hint-color, #d0d0d0) transparent}.domains-list::-webkit-scrollbar{width:4px}.domains-list::-webkit-scrollbar-track{background:transparent}.domains-list::-webkit-scrollbar-thumb{background:var(--tg-theme-hint-color, #d0d0d0);border-radius:2px}.domains-list::-webkit-scrollbar-thumb:hover{background:var(--tg-theme-text-color, #999999)}.domain-item{background:var(--tg-theme-secondary-bg-color, #f8f9fa);border-radius:10px;padding:12px 16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;position:relative;border:2px solid transparent}.domain-item:hover{background:#d21b6c;color:#fff;transform:translateY(-1px)}.domain-item.selected{background:#d21b6c;color:#fff;border-color:#d21b6c}.domain-item.selected:after{content:"✓";position:absolute;right:16px;font-size:16px;font-weight:600}.domain-info{display:flex;flex-direction:column;gap:2px}.domain-name{font-weight:500;font-size:14px}.loading{text-align:center;padding:40px 20px;color:var(--tg-theme-hint-color, #999999);font-size:14px}.upload-section{flex-shrink:0;display:flex;flex-direction:column;gap:20px;position:sticky;bottom:0;background:var(--tg-theme-bg-color, #ffffff);padding:20px 16px;padding-bottom:max(24px,env(safe-area-inset-bottom));margin-top:20px;z-index:10}.upload-type-selector{display:flex;gap:8px;background:var(--tg-theme-secondary-bg-color, #f8f9fa);border-radius:10px;padding:4px;margin-bottom:8px}.type-btn{flex:1;background:transparent;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:500;color:var(--tg-theme-text-color, #000000)}.type-btn:hover{background:var(--tg-theme-hint-color, #e8e8e8)}.type-btn.active{background:#d21b6c;color:#fff}.type-icon{font-size:14px}.type-text{font-size:12px}.url-input-section{display:flex;flex-direction:column;gap:8px;margin-top:8px;opacity:0;transform:translateY(-5px);transition:opacity .15s ease,transform .15s ease}.url-input-section.show{opacity:1;transform:translateY(0)}.url-input{width:100%;padding:12px 16px;border:1px solid var(--tg-theme-hint-color, #d0d0d0);border-radius:10px;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000);font-size:16px;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;appearance:none;position:relative}.url-input:focus{outline:none;border-color:#d21b6c;box-shadow:0 0 0 2px #d21b6c1a}.url-input.error{border-color:#ff3b30;box-shadow:0 0 0 2px #ff3b301a}.url-input::placeholder{color:var(--tg-theme-hint-color, #999999)}.upload-zone{border:2px dashed var(--tg-theme-hint-color, #d0d0d0);border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .15s ease;background:var(--tg-theme-secondary-bg-color, #f8f9fa);margin-top:8px;opacity:0;transform:translateY(-5px)}.upload-zone.show{opacity:1;transform:translateY(0)}.upload-zone:hover{border-color:#d21b6c;background:#d21b6c;color:#fff}.upload-zone:hover .upload-text{color:#fff}.upload-zone.dragover{border-color:#d21b6c;background:#d21b6c;color:#fff}.upload-zone.dragover .upload-text{color:#fff}.upload-icon{font-size:32px;margin-bottom:8px}.upload-text{font-size:14px;color:var(--tg-theme-hint-color, #999999);transition:color .2s ease}.file-preview{background:var(--tg-theme-secondary-bg-color, #f8f9fa);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(-5px);transition:opacity .15s ease,transform .15s ease}.file-preview.show{opacity:1;transform:translateY(0)}.file-icon{font-size:20px}.file-details{flex:1;display:flex;flex-direction:column;gap:2px}.file-name{font-weight:500;font-size:14px;color:var(--tg-theme-text-color, #000000)}.file-size{font-size:12px;color:var(--tg-theme-hint-color, #999999)}.remove-btn{background:var(--tg-theme-destructive-text-color, #ff3b30);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;position:relative}.remove-btn:before,.remove-btn:after{content:"";position:absolute;width:12px;height:2px;background-color:#fff;border-radius:1px}.remove-btn:before{transform:rotate(45deg)}.remove-btn:after{transform:rotate(-45deg)}.remove-btn:hover{background:#d70015;transform:scale(1.1)}.tg-button{width:100%;background:#d21b6c;color:#fff;border:none;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-appearance:none;appearance:none}.tg-button:hover:not(:disabled){background:#b8185a;opacity:.9}.tg-button:active:not(:disabled){background:#a0154e;opacity:.8;transform:scale(.98)}.tg-button:disabled{background:var(--tg-theme-hint-color, #cccccc);cursor:not-allowed;transform:none;opacity:.6}.btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-message{padding:16px 20px;border-radius:12px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;box-shadow:0 2px 8px #0000001a;animation:slideIn .3s ease-out}.status-message.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;color:#155724}.status-message.error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;color:#721c24}.status-icon{font-size:20px;flex-shrink:0}.status-text{font-size:15px;font-weight:600;line-height:1.4}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@media (max-width: 480px){.container{padding:12px 12px 0;gap:12px}.upload-zone{padding:20px}.upload-icon{font-size:28px}.status-message{padding:14px 16px;margin-top:8px}.status-icon{font-size:18px}.status-text{font-size:14px}.upload-section{padding:16px 12px;padding-bottom:max(24px,env(safe-area-inset-bottom));margin-top:16px}.url-input{font-size:16px}}.landscape .upload-section{position:relative;margin-top:0}.landscape .domains-section{flex:.6}.landscape .upload-section{flex:.4}.hidden,.upload-section.hidden,.url-input-section.hidden,.file-preview.hidden,.btn-spinner.hidden,.status-message.hidden,.app.hidden{display:none!important}.upload-section.visible,.upload-area.visible{display:block!important}.upload-area.hidden{display:none!important}.url-input-section.visible{display:block!important}.url-input-section.hidden{display:none!important}.file-preview.visible{display:flex!important}.file-preview.hidden,.upload-btn.hidden{display:none!important}.upload-btn.visible{display:flex!important}.btn-text.hidden{display:none!important}.btn-spinner.visible{display:block!important}.status-message.visible{display:flex!important}.status-message.slide-out{animation:slideOut .3s ease-in forwards}.telegram-error-page{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;z-index:9999;transition:background-color .3s ease,color .3s ease}.telegram-error-icon{font-size:48px;margin-bottom:20px;opacity:.8}.telegram-error-title{color:var(--tg-theme-text-color, #000000);margin-bottom:16px;font-size:24px;font-weight:600}.telegram-error-message{color:var(--tg-theme-hint-color, #999999);margin-bottom:24px;font-size:16px;line-height:1.5}.telegram-error-hint{color:var(--tg-theme-hint-color, #999999);font-size:14px;background:var(--tg-theme-secondary-bg-color, #f8f9fa);padding:12px 16px;border-radius:8px;border:1px solid var(--tg-theme-hint-color, #e0e0e0)}.telegram-error-debug{color:var(--tg-theme-hint-color, #cccccc);font-size:12px;margin-top:20px;background:var(--tg-theme-secondary-bg-color, #f8f9fa);padding:8px 12px;border-radius:6px;border:1px solid var(--tg-theme-hint-color, #e0e0e0)}