body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#f5f5f5;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{max-width:100%;min-height:100vh}.app-nav{background:#fff;padding:1rem;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{margin:0;font-size:1.5rem;color:#2c3e50;padding:0}.nav-buttons{display:flex;gap:.5rem;align-items:center}.nav-buttons button{padding:.5rem 1rem;border:none;background:transparent;color:#495057;cursor:pointer;border-radius:4px;font-size:.9rem;transition:background .2s,color .2s}.nav-buttons button.active,.nav-buttons button:hover{background:#3498db;color:#fff}.lang-btn{background:#ecf0f1;border:1px solid #bdc3c7}.app-content{padding:2rem;max-width:800px;margin:0 auto}.page{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000000d}.page h2{margin-top:0;font-size:1.5rem;color:#2c3e50;margin-bottom:1.5rem}input,textarea,select{font-family:inherit;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;width:100%;box-sizing:border-box}textarea{resize:vertical;min-height:200px}input:focus,textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}button{padding:.75rem 1.5rem;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .2s,box-shadow .2s}button:hover:not(:disabled){background:#2980b9;box-shadow:0 2px 4px #0000001a}button:disabled{background:#bdc3c7;cursor:not-allowed}.input-section{margin-bottom:1rem}.import-options{display:flex;gap:1rem;margin-bottom:2rem}.import-btn{flex:1;padding:2rem;text-align:center;border:2px dashed #ddd;background:#fff;color:#2c3e50;border-radius:8px;cursor:pointer;transition:all .2s;font-size:1.1rem}.import-btn:hover{border-color:#3498db;background:#f0f7fb;color:#3498db}.document-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.doc-item{border:1px solid #ddd;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s}.doc-item:hover{background:#f0f7fb;border-color:#3498db}.doc-item h3{margin:0 0 .5rem;color:#2c3e50;font-size:1.1rem}.doc-item p{margin:.25rem 0;color:#7f8c8d;font-size:.9rem}.doc-preview{font-size:.9rem;opacity:.7}@media (max-width: 600px){.import-options{flex-direction:column}.import-btn{text-align:left;padding:1rem}.page{padding:1rem}}.mode-screen{max-width:640px}.mode-subtitle{color:#7f8c8d;margin-bottom:1.5rem}.mode-card{display:flex;gap:1rem;border:2px solid #ddd;border-radius:12px;padding:1.25rem;margin-bottom:1rem;cursor:pointer;transition:border-color .15s,background .15s}.mode-card:hover{border-color:#3498db}.mode-card.selected{border-color:#3498db;background:#f0f7fb}.mode-card-icon{font-size:1.8rem;flex-shrink:0}.mode-card-body{flex:1}.mode-card-body h3{margin:0 0 .4rem;color:#2c3e50}.mode-card-body p{margin:.3rem 0;color:#5f6b74;font-size:.92rem}.mode-size{font-weight:600;color:#e67e22!important}.mode-local-actions,.installed-row{margin-top:.6rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.installed-ok{color:#27ae60;font-weight:600}.btn-primary{background:#3498db}.btn-ghost{background:transparent;border:1px solid #bdc3c7;color:#5f6b74}.btn-ghost:hover:not(:disabled){background:#f0f0f0;color:#333}.progress-wrap{margin-top:.8rem}.progress-track{height:14px;background:#e8edf0;border-radius:8px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:8px;transition:width .2s}.progress-text{font-size:.82rem;color:#5f6b74;margin-top:.35rem;word-break:break-all}.mode-server-form input{margin-top:.5rem}.mode-server-actions{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.server-ok{color:#27ae60;margin-top:.4rem}.mode-switch-hint{margin-top:1rem;display:flex;gap:.5rem;justify-content:center}.mode-btn{background:#ecf0f1;color:#2c3e50}.mode-btn:hover:not(:disabled){background:#dde4e8}.status-line .server-badge{background:#8e44ad;color:#fff}.telegram-dark .mode-card{border-color:#3a3a3a}.telegram-dark .mode-card.selected{border-color:#3498db;background:#1a2a33}.telegram-dark .mode-card-body h3{color:#e0e0e0}.telegram-dark .mode-card-body p,.telegram-dark .progress-text,.telegram-dark .mode-subtitle{color:#9aa5ad}.telegram-dark .progress-track{background:#333}.telegram-dark .btn-ghost{border-color:#555;color:#b0b0b0}.telegram-dark .btn-ghost:hover:not(:disabled){background:#3a3a3a;color:#e0e0e0}.telegram-dark .mode-btn{background:#3a3a3a;color:#e0e0e0}.telegram-dark body,.telegram-dark{background:#1a1a1a;color:#e0e0e0}.telegram-dark .app-nav{background:#242424;box-shadow:0 2px 4px #0006}.telegram-dark .logo,.telegram-dark .page h2,.telegram-dark .doc-item h3{color:#e0e0e0}.telegram-dark .page{background:#242424;box-shadow:0 2px 8px #0000004d}.telegram-dark input,.telegram-dark textarea,.telegram-dark select{background:#1a1a1a;border-color:#3a3a3a;color:#e0e0e0}.telegram-dark input:focus,.telegram-dark textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.telegram-dark .nav-buttons button{color:#b0b0b0}.telegram-dark .nav-buttons button.active,.telegram-dark .nav-buttons button:hover{background:#3498db;color:#fff}.telegram-dark .lang-btn{background:#3a3a3a;border-color:#555;color:#e0e0e0}.telegram-dark .import-btn{background:#242424;border-color:#3a3a3a;color:#e0e0e0}.telegram-dark .import-btn:hover{border-color:#3498db;background:#1a2a33}.telegram-dark .doc-item{border-color:#3a3a3a}.telegram-dark .doc-item:hover{background:#1a2a33;border-color:#3498db}