:root{--bg-gradient-start:#667eea;--bg-gradient-end:#764ba2;--container-bg:white;--text-primary:#333;--text-secondary:#555;--text-muted:#888;--border-color:#e0e0e0;--border-light:#f0f0f0;--input-bg:white;--input-border:#e0e0e0;--btn-clear-bg:#ff4757;--btn-copy-bg:#1e90ff;--btn-swap-bg:#ffa502;--btn-generator-bg:#28a745;--btn-share-bg:#10a37f;--btn-qr-bg:#6c5ce7;--btn-history-bg:linear-gradient(135deg, #667eea, #764ba2);--btn-secondary-bg:#f0f0f0;--btn-secondary-text:#555;--card-bg:#f9f9f9;--card-hover:#f5f5f5;--warning-bg:#fff3cd;--warning-border:#ffc107;--warning-text:#856404;--success-bg:#e8f0fe;--shadow:#0000004d;--shadow-light:#0000001a;--select-bg:#f5f5f5;--select-border:#ddd;--history-item-bg:#f9f9f9;--history-item-hover:#f5f5f5;--cookie-bg:#333;--cookie-text:white;--footer-text:#888;--link-color:#667eea;--link-hover:#764ba2}[data-theme=dark]{--bg-gradient-start:#1a1a2e;--bg-gradient-end:#16213e;--container-bg:#1e1e2e;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-muted:#888;--border-color:#333;--border-light:#2a2a3a;--input-bg:#2a2a3a;--input-border:#444;--btn-clear-bg:#e74c3c;--btn-copy-bg:#3498db;--btn-swap-bg:#f39c12;--btn-generator-bg:#27ae60;--btn-share-bg:#0e8c6c;--btn-qr-bg:#5a4ad1;--btn-history-bg:linear-gradient(135deg, #5a67d8, #6c5ce7);--btn-secondary-bg:#2a2a3a;--btn-secondary-text:#ccc;--card-bg:#2a2a3a;--card-hover:#334;--warning-bg:#2c2a1e;--warning-border:#856404;--warning-text:#d4a84b;--success-bg:#1a2a3a;--shadow:#00000080;--shadow-light:#0000004d;--select-bg:#2a2a3a;--select-border:#444;--history-item-bg:#2a2a3a;--history-item-hover:#334;--cookie-bg:#1a1a2e;--cookie-text:#e0e0e0;--footer-text:#888;--link-color:#8b9dff;--link-hover:#a0b0ff}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .3s}.app{min-height:100vh;padding:20px;position:relative}.container{background:var(--container-bg);max-width:800px;box-shadow:0 20px 60px var(--shadow);border-radius:20px;margin:0 auto;padding:70px 30px 30px;transition:background .3s,box-shadow .3s;position:relative}h1{text-align:center;color:var(--text-primary);margin-bottom:30px;font-size:28px}.theme-switch-wrapper{z-index:100;position:absolute;top:20px;right:20px}.theme-switch{width:60px;height:30px;display:inline-block;position:relative}.theme-switch input{opacity:0;width:0;height:0}.theme-slider{cursor:pointer;background-color:#ccc;border-radius:30px;transition:all .3s;position:absolute;inset:0}.theme-slider:before{content:"☀️";background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;transition:all .3s;display:flex;position:absolute;bottom:2px;left:2px}input:checked+.theme-slider{background-color:#667eea}input:checked+.theme-slider:before{content:"🌙";transform:translate(30px)}.mode-switch-header{justify-content:center;margin-bottom:30px;display:flex}.mode-switch-center{box-shadow:none;background:0 0;justify-content:center;padding:0;position:relative;top:0;right:0}.mode-switch-center .mode-switch-btn{background:var(--btn-secondary-bg);border-radius:50%;width:40px;height:40px;margin:0 4px}.mode-switch-center .mode-switch-label{color:var(--text-primary);margin-left:12px;font-size:24px;font-weight:700}.mode-switch-center-active{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 10px var(--shadow-light);background:#fffffff2;border:1px solid #0000000d;border-radius:40px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex;position:relative;top:0;right:0}[data-theme=dark] .mode-switch-center-active{background:#1e1e2ef2;border-color:#ffffff1a}.mode-switch-center-active .mode-switch-btn{cursor:pointer;width:38px;height:38px;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .25s;display:flex}.mode-switch-center-active .mode-switch-btn:hover{background:#667eea1a;transform:scale(1.05)}.mode-switch-center-active .mode-switch-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 8px #667eea66}.mode-switch-center-active .mode-switch-label{color:var(--text-secondary);margin-left:4px;padding-right:4px;font-size:13px;font-weight:500}.toolbar{flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.btn-clear{background:var(--btn-clear-bg);color:#fff}.btn-clear:hover{filter:brightness(.9);background:#ff6b81}.btn-copy{background:var(--btn-copy-bg);color:#fff}.btn-copy:hover{filter:brightness(.9);background:#48aaff}.btn-swap{background:var(--btn-swap-bg);color:#fff}.btn-swap:hover{filter:brightness(.9);background:#ffb142}.btn-generator{background:var(--btn-generator-bg);color:#fff}.btn-generator:hover{filter:brightness(.9);background:#218838}.btn-share{background:var(--btn-share-bg);color:#fff}.btn-share:hover{filter:brightness(.9);background:#0e8c6c}.btn-qr{background:var(--btn-qr-bg);color:#fff}.btn-qr:hover{filter:brightness(.9);background:#5a4ad1}.btn-download{color:#fff;background:#3498db}.btn-download:hover{filter:brightness(.9);background:#2980b9}.btn-history{background:var(--btn-history-bg);color:#fff}.btn-history:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.input-group{margin-bottom:20px}.input-group label{color:var(--text-secondary);margin-bottom:8px;font-weight:500;display:block}textarea{border:2px solid var(--input-border);resize:vertical;background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:12px;padding:15px;font-family:monospace;transition:border-color .3s}textarea:focus{border-color:#667eea;outline:none}textarea::placeholder{color:var(--text-muted)}.settings{border-top:2px solid var(--border-light);margin-top:30px;padding-top:20px}.settings h3{color:var(--text-primary);margin-bottom:15px;font-size:18px}.setting-item{border-bottom:1px solid var(--border-light);margin-bottom:20px;padding-bottom:16px}.setting-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.setting-item label{color:var(--text-secondary);margin-bottom:10px;font-weight:500;display:block}input[type=range]{background:var(--border-color);-webkit-appearance:none;border-radius:5px;width:100%;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#667eea;border-radius:50%;width:20px;height:20px}.mode-buttons{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.mode-buttons button{border:2px solid var(--border-color);background:var(--input-bg);cursor:pointer;color:var(--text-primary);border-radius:10px;padding:10px;font-size:14px;transition:all .3s}.mode-buttons button:hover{background:var(--card-hover)}.mode-buttons button.active{color:#fff;background:#667eea;border-color:#667eea}.standard-buttons{flex-direction:column;gap:8px;display:flex}.standard-buttons button{border:2px solid var(--border-color);background:var(--input-bg);cursor:pointer;text-align:left;color:var(--text-primary);border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .3s}.standard-buttons button:hover{background:var(--card-hover);transform:translate(5px)}.standard-buttons button.active{color:#fff;background:#667eea;border-color:#667eea}.standard-desc{opacity:.7;margin-left:8px;font-size:11px;font-weight:400}.handling-buttons{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.handling-buttons button{border:2px solid var(--border-color);background:var(--input-bg);cursor:pointer;text-align:center;min-width:100px;color:var(--text-primary);border-radius:12px;flex:1;padding:12px 16px;font-size:14px;font-weight:500;transition:all .3s}.handling-buttons button:hover{background:var(--card-hover);box-shadow:0 4px 12px var(--shadow-light);transform:translateY(-2px)}.handling-buttons button.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 4px 15px #667eea4d}.handling-buttons button.active:after{content:"✓";margin-left:8px;font-size:14px;font-weight:700}.handling-desc{opacity:.7;margin-top:5px;font-size:11px;font-weight:400;display:block}.handling-example{color:var(--text-secondary);background:var(--card-bg);border-left:4px solid #667eea;border-radius:10px;margin-top:10px;padding:10px 14px;font-size:13px}.legal-warning{background:var(--warning-bg);border-left:4px solid var(--warning-border);border-radius:12px;align-items:flex-start;gap:12px;margin:15px 0;padding:15px;display:flex}.warning-icon{flex-shrink:0;font-size:24px}.warning-content{color:var(--warning-text);flex:1;font-size:13px;line-height:1.5}.checkbox-item{margin-top:15px}.checkbox-label{cursor:pointer;color:var(--text-secondary);align-items:center;gap:10px;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-hint{color:var(--text-muted);margin-top:5px;margin-left:28px;font-size:12px}.footer{border-top:1px solid var(--border-color);text-align:center;color:var(--footer-text);margin-top:40px;padding-top:20px;font-size:12px}.footer-links{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.footer-link{color:var(--link-color);text-decoration:none;transition:color .3s}.footer-link:hover{color:var(--link-hover);text-decoration:underline}.store-button{color:#fff;background:#1a1a2e;border:1px solid #667eea;border-radius:30px;justify-content:center;align-items:center;gap:10px;width:fit-content;margin:15px auto;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}[data-theme=dark] .store-button{background:#2a2a3a}.store-button:hover{background:#667eea;transform:translateY(-2px)}.footer-copyright{margin-top:5px;display:block}.footer-disclaimer{color:var(--text-muted);text-align:center;margin-top:10px;font-size:10px}.cookie-consent{background:var(--cookie-bg);color:var(--cookie-text);z-index:1000;box-shadow:0 -5px 20px var(--shadow);padding:15px 20px;animation:.3s slideUp;position:fixed;bottom:0;left:0;right:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:800px;margin:0 auto;display:flex}.cookie-content p{flex:1;margin:0;font-size:14px;line-height:1.4}.cookie-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#667eea;border:none;border-radius:30px;padding:10px 25px;font-size:14px;font-weight:500;transition:background .3s}.cookie-btn:hover{background:#5a67d8}.mapping-page{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mapping-header{text-align:center;margin-bottom:30px}.mapping-header h2{color:var(--text-primary);margin-bottom:10px;font-size:24px}.mapping-header p{color:var(--text-secondary);font-size:14px}.mapping-grid{background:var(--card-bg);border-radius:16px;margin-bottom:25px;padding:5px;overflow-x:auto}.mapping-table{background:var(--container-bg);min-width:500px;box-shadow:0 2px 8px var(--shadow-light);border-radius:12px;overflow:hidden}.mapping-table.full-table{min-width:700px}.mapping-table.full-table .mapping-row{grid-template-columns:repeat(6,1fr)}.mapping-row{border-bottom:1px solid var(--border-color);grid-template-columns:repeat(4,1fr);display:grid}.mapping-row.header{color:#fff;background:#667eea;border-bottom:none;font-weight:600}.mapping-cell{text-align:center;color:var(--text-primary);padding:12px 15px;font-family:monospace;font-size:18px}.mapping-cell.cyr{color:#e74c3c;font-weight:600}.mapping-cell.icao{color:#e74c3c}.mapping-cell.gost{color:#3498db}.mapping-cell.iso9{color:#9b59b6}.mapping-cell.telegraph{color:#e67e22}.mapping-info{background:var(--success-bg);border-radius:12px;margin-top:20px;padding:20px}.mapping-info h4{color:var(--text-primary);margin-bottom:15px}.mapping-note{background:var(--warning-bg);color:var(--warning-text);border-radius:8px;margin-top:15px;padding:12px;font-size:13px}.qr-modal{z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.qr-modal-content{background:var(--container-bg);text-align:center;width:320px;max-width:90vw;box-shadow:0 10px 40px var(--shadow);border-radius:16px;padding:24px;animation:.2s slideUpModal}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qr-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.qr-modal-header h3{color:var(--text-primary);margin:0;font-size:1.2rem}.qr-modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:24px;display:flex}.qr-modal-close:hover{background:var(--card-hover);color:var(--text-primary)}.qr-code-svg{background:#fff;border-radius:12px;justify-content:center;margin:20px 0;padding:10px;display:flex}.qr-text-preview{background:var(--card-bg);color:var(--text-secondary);word-break:break-all;border-radius:8px;margin:15px 0;padding:10px;font-size:12px}.qr-modal-buttons{justify-content:center;gap:10px;margin:15px 0;display:flex}.qr-hint{color:var(--text-muted);margin:15px 0 0;font-size:11px}.mode-selector-container{margin-bottom:20px}.mode-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.custom-select{width:100%;position:relative}.select-trigger{background:var(--select-bg);border:1px solid var(--select-border);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.select-trigger:hover{background:var(--card-hover);border-color:#6c5ce7}.select-value{color:var(--text-primary);font-weight:500}.select-arrow{color:var(--text-muted);font-size:12px;transition:transform .2s}.select-arrow.open{transform:rotate(180deg)}.select-dropdown{background:var(--container-bg);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow);z-index:100;border-radius:12px;margin-top:8px;position:absolute;top:100%;left:0;right:0;overflow:hidden}.select-option{cursor:pointer;border-bottom:1px solid var(--border-light);color:var(--text-primary);align-items:center;gap:12px;padding:12px 16px;transition:background .2s;display:flex}.select-option:last-child{border-bottom:none}.select-option:hover{background:var(--card-hover)}.option-icon{text-align:center;min-width:48px;font-size:24px}.option-text{flex:1}.option-text strong{color:var(--text-primary);margin-bottom:2px;font-size:14px;display:block}.option-text small{color:var(--text-muted);font-size:11px}.password-settings-wrapper{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;margin:20px 0;padding:0 16px;transition:all .3s}.password-settings-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 0;transition:all .2s;display:flex}.password-settings-header:hover{background:#667eea0d}.password-settings-title{color:var(--text-primary);font-size:16px;font-weight:600}.password-settings-arrow{color:#667eea;font-size:18px;transition:transform .3s}.password-settings-arrow.open{transform:rotate(180deg)}.password-settings-content{padding-bottom:16px;animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.special-mode-switch{gap:12px;margin-bottom:16px;display:flex}.special-mode-btn{background:var(--input-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:10px;flex:1;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s}.special-mode-btn:hover{transform:translateY(-1px)}.special-mode-btn.active{color:#fff;background:#667eea;border-color:#667eea}.special-char-input{text-align:center;border:2px solid var(--border-color);background:var(--input-bg);width:80px;height:80px;color:var(--text-primary);border-radius:16px;font-size:48px;font-weight:700;transition:all .2s}.special-char-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea33}.random-special-info{background:var(--card-bg);border-radius:10px;margin-top:12px;padding:10px 12px}.complexity-buttons{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.complexity-buttons button{background:var(--input-bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:10px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.complexity-buttons button:hover{transform:translateY(-2px)}.complexity-buttons button.active{color:#fff;background:#667eea;border-color:#667eea}.history-modal{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.history-modal-content{background:var(--container-bg);width:90%;max-width:800px;max-height:85vh;box-shadow:0 20px 60px var(--shadow);border-radius:16px;flex-direction:column;animation:.3s historySlideUp;display:flex}@keyframes historySlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.history-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.history-header h2{color:var(--text-primary);margin:0;font-size:1.5rem}.history-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:24px;transition:color .2s}.history-close:hover{color:var(--text-primary)}.history-filters{border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:10px;padding:16px 24px;display:flex}.filter-btn{border:1px solid var(--border-color);background:var(--input-bg);cursor:pointer;color:var(--text-primary);border-radius:20px;padding:6px 14px;font-size:13px;transition:all .2s}.filter-btn:hover{background:var(--card-hover)}.filter-btn.active{color:#fff;background:#667eea;border-color:#667eea}.clear-btn{color:#c33;background:#fee;border-color:#fcc}[data-theme=dark] .clear-btn{color:#f88;background:#4a2a2a;border-color:#633}.clear-btn:hover{background:#fdd}.clear-old-btn{color:#e67e22;background:#fff3e0;border-color:#ffe0b3}[data-theme=dark] .clear-old-btn{color:#f39c12;background:#3a2a1e;border-color:#5a4a2a}.clear-old-btn:hover{background:#ffe0b3}.history-list{flex:1;padding:16px 24px;overflow-y:auto}.history-item{background:var(--history-item-bg);border-radius:12px;margin-bottom:16px;padding:16px;transition:all .2s}.history-item:hover{background:var(--history-item-hover);box-shadow:0 2px 8px var(--shadow-light)}.history-item-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.history-type{color:#667eea;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:600}.history-date{color:var(--text-muted);cursor:pointer;border-bottom:1px dashed var(--border-color);align-items:center;gap:4px;font-size:11px;transition:all .2s;display:inline-flex}.history-date:hover{background:#667eea1a;border-radius:4px;margin:0 -4px;padding:0 4px}.history-item-content{margin-bottom:10px}.history-input,.history-output,.history-mode{align-items:flex-start;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.history-label{color:var(--text-secondary);min-width:70px;font-weight:600}.history-text{color:var(--text-primary);word-break:break-all;flex:1}.history-mode-badge{color:#5c6bc0;background:#e8eaf6;border-radius:12px;padding:2px 8px;font-size:11px}[data-theme=dark] .history-mode-badge{color:#8b9dff;background:#2a2a4a}.history-password-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.history-password-row code{background:var(--card-bg);word-break:break-all;color:var(--text-primary);border-radius:6px;flex:1;padding:4px 8px;font-family:monospace;font-size:12px}.history-password-settings{color:var(--text-muted);margin-top:6px;font-size:11px}.history-copy-mini{cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px;font-size:14px;transition:opacity .2s}.history-copy-mini:hover{opacity:1}.history-item-actions{border-top:1px solid var(--border-color);gap:10px;margin-top:12px;padding-top:12px;display:flex}.history-restore,.history-copy{cursor:pointer;border:none;border-radius:8px;flex:1;padding:6px 12px;font-size:13px;transition:all .2s}.history-restore{color:#fff;background:#667eea}.history-restore:hover{background:#5a67d8;transform:translateY(-1px)}.history-copy{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.history-copy:hover{background:var(--card-hover)}.history-pagination{border-top:1px solid var(--border-color);background:var(--container-bg);justify-content:center;align-items:center;gap:16px;padding:16px 24px;display:flex}.history-pagination button{border:1px solid var(--border-color);background:var(--input-bg);cursor:pointer;color:var(--text-primary);border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.history-pagination button:hover:not(:disabled){color:#fff;background:#667eea;border-color:#667eea;transform:translateY(-1px)}.history-pagination button:disabled{opacity:.4;cursor:not-allowed}.page-info{color:var(--text-secondary);font-size:14px;font-weight:500}.history-empty{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-icon{opacity:.5;margin-bottom:16px;font-size:64px}.empty-hint{margin-top:8px;font-size:12px}.history-footer{border-top:1px solid var(--border-color);background:var(--card-bg);border-radius:0 0 16px 16px;padding:16px 24px}.history-note{color:var(--text-muted);text-align:center;margin:0;font-size:11px}.about-content,.policy-content,.disclaimer-content{color:var(--text-primary)}.about-hero{text-align:center;background:var(--card-bg);border-radius:20px;margin-bottom:40px;padding:30px 20px}.hero-icon{margin-bottom:15px;font-size:48px}.hero-text{color:var(--text-secondary);font-size:16px;line-height:1.6}.about-section,.policy-section,.disclaimer-section{border-bottom:1px solid var(--border-light);margin-bottom:30px;padding-bottom:20px}.about-section h2,.policy-section h2,.disclaimer-section h2{color:var(--text-primary);margin-bottom:15px;font-size:22px}.about-section p,.policy-section p,.disclaimer-section p{color:var(--text-secondary);margin-bottom:12px;line-height:1.6}.about-section ul,.policy-section ul,.disclaimer-section ul{color:var(--text-secondary);margin:10px 0 10px 20px}.about-section li,.policy-section li,.disclaimer-section li{margin:8px 0}.steps-list{margin:20px 0}.step-item{background:var(--card-bg);border-radius:12px;align-items:center;gap:15px;margin-bottom:15px;padding:10px;display:flex}.step-number{color:#fff;background:#667eea;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.step-text{color:var(--text-primary);flex:1}.example-card{background:#667eea1a;border-left:3px solid #667eea;border-radius:12px;margin:15px 0;padding:16px}.security-card{background:var(--card-bg);border-radius:12px;margin:15px 0;padding:16px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:20px 0;display:grid}.feature-card{text-align:center;background:var(--card-bg);border-radius:12px;padding:20px;transition:transform .2s}.feature-card:hover{transform:translateY(-5px)}.feature-icon{margin-bottom:10px;font-size:32px}.feature-name{color:var(--text-primary);margin-bottom:5px;font-weight:600}.feature-desc{color:var(--text-muted);font-size:12px}.standards-list{margin:15px 0}.standard-item{background:var(--card-bg);border-radius:12px;gap:15px;margin-bottom:10px;padding:12px;display:flex}.standard-icon{font-size:24px}.standard-info{flex:1}.standard-info strong{color:var(--text-primary)}.standard-info code{background:var(--input-bg);border-radius:4px;padding:2px 6px;font-size:12px}.use-case-card{background:var(--card-bg);border-radius:12px;gap:15px;margin-bottom:15px;padding:15px;display:flex}.use-case-icon{font-size:32px}.use-case-content{flex:1}.use-case-content h3{color:var(--text-primary);margin-bottom:8px}.examples-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.example-item{background:var(--card-bg);border-radius:8px;justify-content:space-between;align-items:center;padding:10px;font-family:monospace;display:flex}.example-ru{color:#e74c3c}.example-en{color:#3498db}.example-arrow{color:var(--text-muted)}.badge{color:#fff;background:#667eea;border-radius:12px;margin-right:8px;padding:2px 8px;font-size:11px}.warning-box{background:var(--warning-bg);border-left:4px solid var(--warning-border);border-radius:12px;gap:12px;margin:15px 0;padding:15px;display:flex}.warning-box .warning-icon{font-size:24px}.contact-card{background:var(--card-bg);border-radius:12px;padding:15px}.contact-card p{margin:8px 0}.contact-card a{color:var(--link-color);text-decoration:none}.contact-card a:hover{text-decoration:underline}.policy-date,.disclaimer-last-updated{background:var(--card-bg);border-radius:8px;margin-bottom:20px;padding:10px;font-size:13px}.policy-highlight{background:var(--card-bg);border-radius:12px;margin:15px 0;padding:15px}.policy-note{color:var(--warning-text);margin-top:10px;font-size:12px}.external-links-warning{background:var(--warning-bg);border-radius:12px;gap:12px;margin:15px 0;padding:15px;display:flex}.link-icon{font-size:24px}.official-links{margin-left:0;padding-left:0;list-style:none}.official-links li{margin:12px 0}.source-sublinks{margin-top:5px;margin-left:20px}.source-sublinks li{margin:5px 0}.external-badge{background:var(--card-bg);border-radius:4px;margin-left:8px;padding:2px 6px;font-size:10px}.external-badge.government{color:#fff;background:#2ecc71}.links-disclaimer{color:var(--text-muted);margin-top:10px;font-size:11px}.disclaimer-footer{text-align:center;background:var(--card-bg);border-radius:12px;margin-top:20px;padding:20px}@media (width<=600px){.container{padding:60px 20px 20px}.toolbar{flex-direction:column}.btn{width:100%}.mode-buttons{grid-template-columns:repeat(2,1fr)}.handling-buttons{flex-direction:column}.handling-buttons button{width:100%}.cookie-content{text-align:center;flex-direction:column}.cookie-btn{white-space:normal;width:100%}.history-modal-content{width:95%}.history-pagination{flex-wrap:wrap}.history-pagination button{padding:6px 12px;font-size:12px}.theme-switch-wrapper{top:10px;right:10px}}@media (width<=480px){.toolbar button{flex:1 0 auto;padding:8px 12px;font-size:12px}.qr-modal-content{width:85vw;padding:20px}.select-option{padding:10px 12px}.option-icon{min-width:40px;font-size:20px}.option-text strong{font-size:13px}.option-text small{font-size:10px}.special-char-input{width:70px;height:70px;font-size:40px}}