@charset "UTF-8";.app{min-height:100vh;background:#f8f9fa;display:flex;flex-direction:column}.app-main{flex:1;padding:6px;max-width:1200px;margin:0 auto;width:100%}.app-footer{text-align:center;padding:6px;color:#666;font-size:12px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.1)}.app-footer p{margin:0;line-height:1.4}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000004d}::selection{background:#667eea33;color:#333}*:focus{outline:2px solid rgba(102,126,234,.3);outline-offset:2px}*{transition:all .2s ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:500;line-height:1;text-decoration:none;cursor:pointer;border:none;border-radius:6px;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn:focus{outline:none;box-shadow:0 0 0 2px #667eea4d}.btn--sm{padding:4px 8px;font-size:12px;min-height:32px}.btn--md{padding:6px 12px;font-size:14px;min-height:40px}.btn--lg{padding:8px 16px;font-size:16px;min-height:48px}.btn--full-width{width:100%}.btn--loading{pointer-events:none}.btn--primary{background:#667eea;color:#fff;box-shadow:0 1px 3px #0000001a}.btn--primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn--primary:active:not(:disabled){background:#4c51bf;transform:translateY(0)}.btn--secondary{background:#764ba2;color:#fff;box-shadow:0 1px 3px #0000001a}.btn--secondary:hover:not(:disabled){background:#6b46c1;transform:translateY(-1px);box-shadow:0 4px 12px #764ba24d}.btn--secondary:active:not(:disabled){background:#553c9a;transform:translateY(0)}.btn--danger{background:#e53e3e;color:#fff;box-shadow:0 1px 3px #0000001a}.btn--danger:hover:not(:disabled){background:#c53030;transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.btn--danger:active:not(:disabled){background:brown;transform:translateY(0)}.btn--ghost{background:transparent;color:#333;border:1px solid rgba(0,0,0,.1)}.btn--ghost:hover:not(:disabled){background:#0000000d;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn--ghost:active:not(:disabled){background:#0000001a;transform:translateY(0)}.btn__loading-icon{width:16px;height:16px;margin-right:8px;animation:spin 1s linear infinite}.btn__loading-circle{opacity:.25}.btn__loading-path{opacity:.75}:root{--input-color-default: #333333;--input-color-placeholder: #999999;--input-color-disabled: #999999;--input-color-readonly: #666666;--input-color-focus: #667eea;--input-color-error: #e53e3e;--input-color-success: #10b981;--input-color-warning: #f59e0b;--input-bg-default: rgba(255, 255, 255, .9);--input-bg-disabled: #f5f5f5;--input-bg-readonly: #f9f9f9;--input-border-default: rgba(0, 0, 0, .1);--input-border-focus: #667eea;--input-border-error: #e53e3e;--input-border-success: #10b981;--input-border-warning: #f59e0b}.input{display:block;width:100%;font-family:inherit;font-size:inherit;line-height:1;color:var(--input-color-default);background:var(--input-bg-default);border:1px solid var(--input-border-default);border-radius:6px;transition:all .2s ease;outline:none}.input::placeholder{color:var(--input-color-placeholder);opacity:1}.input:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 2px #667eea1a}.input:disabled{background:var(--input-bg-disabled);color:var(--input-color-disabled);cursor:not-allowed;opacity:.6}.input:readonly{background:var(--input-bg-readonly);color:var(--input-color-readonly)}.input--sm{padding:4px 8px;font-size:12px;min-height:32px}.input--md{padding:6px 12px;font-size:14px;min-height:40px}.input--lg{padding:8px 16px;font-size:16px;min-height:48px}.input--full-width{width:100%}.input[type=password]{font-family:monospace;letter-spacing:.125em}.input[type=number]{-moz-appearance:textfield}.input[type=number]::-webkit-outer-spin-button,.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input.input--error{border-color:var(--input-border-error)}.input.input--error:focus{border-color:var(--input-border-error);box-shadow:0 0 0 2px rgba(var(--input-border-error),.1)}.input.input--success{border-color:var(--input-border-success)}.input.input--success:focus{border-color:var(--input-border-success);box-shadow:0 0 0 2px rgba(var(--input-border-success),.1)}.input.input--warning{border-color:var(--input-border-warning)}.input.input--warning:focus{border-color:var(--input-border-warning);box-shadow:0 0 0 2px rgba(var(--input-border-warning),.1)}.input-container{display:flex;align-items:center;gap:8px;width:100%}.input-container .input{flex:1}.input-clear{flex-shrink:0}@media (max-width: 640px){.input--sm{padding:6px 8px;min-height:36px}.input--md{padding:8px 12px;min-height:44px}.input--lg{padding:10px 16px;min-height:52px}.input-container{gap:12px}.input-clear{min-width:32px;height:32px;font-size:16px}}.navigation-placeholder{height:70px;width:100%}@media (max-width: 575px){.navigation-placeholder{height:60px}}.navigation{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);padding:6px 12px;margin-bottom:12px;transition:all .3s ease;border-radius:0 0 8px 8px}.navigation .nav-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;width:100%}.navigation .nav-brand{display:flex;align-items:center;font-size:16px;font-weight:700;color:#667eea;text-decoration:none!important;text-align:left;padding:2px 6px;border-radius:6px;transition:all .3s ease;position:relative;overflow:hidden}.navigation .nav-brand:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s ease}.navigation .nav-brand:hover{color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px #667eea33;text-decoration:none!important}.navigation .nav-brand:hover:before{left:100%}.navigation .nav-brand:focus{text-decoration:none!important;outline:none}.navigation .nav-brand:visited{text-decoration:none!important}.navigation .nav-brand .nav-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;letter-spacing:.5px}.navigation .nav-links{display:flex;flex-direction:row;gap:2px;align-items:center;list-style:none;margin:0;padding:0}.navigation .nav-links .nav-item{position:relative}.navigation .nav-links .nav-item:before{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:all .3s ease;transform:translate(-50%)}.navigation .nav-links .nav-item.active:before{width:100%}.navigation .nav-links .nav-link{display:block;padding:2px 6px;color:#666;background:transparent;border-radius:6px;text-align:center;font-weight:600;position:relative;overflow:hidden;transition:all .3s ease;border:2px solid transparent;text-decoration:none!important;white-space:nowrap;min-width:auto}.navigation .nav-links .nav-link:after{content:"";display:inline-block;width:0;height:0;margin-left:2px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid currentColor;transition:all .3s ease;opacity:0}.navigation .nav-links .nav-link:hover{background:transparent;color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px #667eea26;border-color:#667eea33;text-decoration:none!important}.navigation .nav-links .nav-link:hover:before{opacity:1}.navigation .nav-links .nav-link:hover:after{opacity:1;transform:translateY(1px)}.navigation .nav-links .nav-link:focus{text-decoration:none!important;outline:none;border-color:transparent;box-shadow:none}.navigation .nav-links .nav-link:visited{text-decoration:none!important}.navigation .nav-item{animation:slideInDown .6s ease-out}.navigation .nav-item:nth-child(1){animation-delay:.1s}.navigation .nav-item:nth-child(2){animation-delay:.2s}@media (max-width: 575px){.navigation .nav-container{flex-direction:row;justify-content:space-between;align-items:center;gap:2px}.navigation .nav-brand{font-size:14px;padding:2px;flex-shrink:0}.navigation .nav-links{flex-direction:row;gap:2px}.navigation .nav-links .nav-link{padding:2px 6px;font-size:12px;min-width:auto;white-space:nowrap}.navigation .nav-links .nav-link:after{display:none}}.page-loading-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:16px;text-align:center}.page-loading-fallback .loading-spinner{width:32px;height:32px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #333333;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:6px}.page-loading-fallback .loading-text{color:#666;font-size:12px;margin:0}.async-route{width:100%;min-height:100vh}.async-route .error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;padding:16px;text-align:center}.async-route .error-boundary .error-icon{font-size:40px;color:#667eea;margin-bottom:6px}.async-route .error-boundary .error-title{font-size:48px;font-weight:600;color:#e53e3e;text-align:center;margin-bottom:16px}.async-route .error-boundary .error-message{font-size:56px;font-weight:400;color:#ffffffb3;text-align:center;margin-bottom:32px}.async-route .error-boundary .error-actions{display:flex;flex-direction:column;gap:2px}.history-modal{width:100%}.history-modal .modal-container{background-color:transparent;box-shadow:none;max-width:none;width:100%}.history-modal .modal-title{color:#f0f4ff;text-align:center}.history-modal .modal-content{padding:0;background:transparent;max-width:800px;margin:0 auto}.history-modal .modal-header{background:transparent;border-bottom:none;padding:0 0 16px;max-width:800px;margin:0 auto}.history-modal .modal-header h2{font-size:24px;font-weight:600;color:#fff;text-align:center}.history-modal .history-list{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.history-modal .history-list .history-version{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:#fafbfc;transition:all .2s ease;width:100%}.history-modal .history-list .history-version:hover{background:#f5f7fa;border-color:#0000001f;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.history-modal .history-list .history-version.current{background:#f0f4ff;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.history-modal .history-list .history-version .version-info{display:flex;flex-direction:column;gap:2px;flex:1}.history-modal .history-list .history-version .version-info .version-number{font-weight:600;color:#333;font-size:14px}.history-modal .history-list .history-version .version-info .version-time{font-size:12px;color:#666}.history-modal .history-list .history-version .version-info .version-count{font-size:12px;color:#999}.history-modal .history-list .history-version .version-actions{flex-shrink:0;margin-left:12px}.history-modal .history-list .history-version .version-actions .current-badge{background:#667eea;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:500}.history-modal .modal-actions{margin-top:24px;padding-top:16px;border-top:1px solid rgba(0,0,0,.05);text-align:center}.qr-code-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:#ffffffe6;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.qr-code-container .qr-code{margin-bottom:12px}.qr-code-container .qr-code canvas{border-radius:6px;box-shadow:0 1px 2px #0000000d}.qr-code-container .qr-code-info{text-align:center}.qr-code-container .qr-code-info .qr-code-text{font-size:14px;color:#333;margin-bottom:2px;word-break:break-all;max-width:300px}.qr-code-container .qr-code-info .qr-code-size{font-size:16px;color:#666;margin-bottom:6px}.qr-code-container .qr-code-info .qr-code-actions{display:flex;gap:6px;justify-content:center}.qr-code-container .qr-code-info .qr-code-actions button{font-size:14px;padding:2px 6px;border:1px solid rgba(0,0,0,.1);border-radius:6px;background:#ffffffe6;color:#333;cursor:pointer;transition:all .2s ease}.qr-code-container .qr-code-info .qr-code-actions button:hover{background:#fff;border-color:#0003}.qr-code-container .qr-code-error{text-align:center;color:#e53e3e}.qr-code-container .qr-code-error .error-icon{font-size:12px;margin-bottom:2px}.qr-code-container .qr-code-error .error-message{font-size:12px;margin:0}.qr-code-placeholder{display:flex;justify-content:center;align-items:center;width:200px;height:200px;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;color:#6c757d;font-size:14px}.qr-code-placeholder .placeholder-content{text-align:center}.qr-code-section .qr-code-info{margin-bottom:16px}.qr-code-section .qr-code-info h4{margin:0 0 8px;color:#333;font-size:16px;font-weight:600}.qr-code-section .qr-code-info p{margin:0;color:#666;font-size:14px;line-height:1.5}.qr-code-section .qr-code-actions{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap}.qr-code-section .qr-code-actions button{flex:1;min-width:120px}.qr-code-section .sync-url-display{margin-top:16px;padding:12px;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;word-break:break-all;color:#495057}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:90vh;overflow:hidden;animation:slideInUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.1)}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:#333}.modal-header .modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:2px;border-radius:4px;transition:all .2s ease}.modal-header .modal-close:hover{background:#0000000d;color:#333}.modal-title{margin:0;font-size:18px;font-weight:600;color:#111827}.modal-close-button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;line-height:1;transition:all .2s ease}.modal-close-button:hover{background:#f3f4f6;color:#374151}.modal-close-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.modal-content{padding:16px;overflow-y:auto;max-height:calc(90vh - 120px)}.modal-content p{margin:0 0 12px;font-size:14px;line-height:1.6;color:#666}.modal-content .modal-form .form-group{margin-bottom:12px}.modal-content .modal-form .form-group label{display:block;margin-bottom:2px;font-size:14px;font-weight:500;color:#333}.modal-content .modal-form .form-group input,.modal-content .modal-form .form-group textarea,.modal-content .modal-form .form-group select{width:100%;padding:2px 6px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:14px;font-family:inherit}.modal-content .modal-form .form-group input:focus,.modal-content .modal-form .form-group textarea:focus,.modal-content .modal-form .form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.decrypt-config-modal .decrypt-config-content .decrypt-info{margin-bottom:20px}.decrypt-config-modal .decrypt-config-content .decrypt-info p{margin:0 0 12px;color:#374151;line-height:1.6}.decrypt-config-modal .decrypt-config-content .decrypt-info p:last-child{margin-bottom:0}.decrypt-config-modal .decrypt-config-content .decrypt-info .config-url-preview{background:#f3f4f6;padding:12px;border-radius:8px;border:1px solid #e5e7eb}.decrypt-config-modal .decrypt-config-content .decrypt-info .config-url-preview .url-text{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:#6b7280;word-break:break-all;line-height:1.4}.decrypt-config-modal .decrypt-config-content .input-group{margin-bottom:20px}.decrypt-config-modal .decrypt-config-content .input-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.decrypt-config-modal .decrypt-config-content .input-group input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:all .2s ease}.decrypt-config-modal .decrypt-config-content .input-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.decrypt-config-modal .decrypt-config-content .input-group input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.decrypt-config-modal .decrypt-config-content .error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.decrypt-config-modal .decrypt-config-content .modal-actions{display:flex;gap:12px}.decrypt-config-modal .decrypt-config-content .modal-actions button{flex:1}.decrypt-config-modal .decrypt-config-content .decrypt-success{text-align:center;margin-bottom:24px}.decrypt-config-modal .decrypt-config-content .decrypt-success .success-icon{font-size:48px;margin-bottom:16px;animation:bounce .6s ease-out}.decrypt-config-modal .decrypt-config-content .decrypt-success h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#059669}.decrypt-config-modal .decrypt-config-content .decrypt-success p{margin:0;color:#6b7280;font-size:14px}.decrypt-config-modal .decrypt-config-content .config-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:24px}.decrypt-config-modal .decrypt-config-content .config-preview .config-item{margin-bottom:16px}.decrypt-config-modal .decrypt-config-content .config-preview .config-item:last-child{margin-bottom:0}.decrypt-config-modal .decrypt-config-content .config-preview .config-item label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.decrypt-config-modal .decrypt-config-content .config-preview .config-item .token-preview,.decrypt-config-modal .decrypt-config-content .config-preview .config-item .gist-preview{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:#374151;word-break:break-all;line-height:1.4}.decrypt-config-modal .decrypt-config-content .config-preview .config-item .token-preview{color:#059669;font-weight:500}.decrypt-config-modal .decrypt-config-content .config-preview .config-item .gist-preview{color:#7c3aed;font-weight:500}.global-paste-modal .modal-content h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#333}.global-paste-modal .modal-content .input-group{margin-bottom:12px}.global-paste-modal .modal-content .input-group label{display:block;margin-bottom:2px;font-size:14px;font-weight:500;color:#333}.global-paste-modal .modal-content .input-group textarea{width:100%;padding:6px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:120px}.global-paste-modal .modal-content .input-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.global-paste-modal .modal-content .modal-actions{display:flex;gap:6px}.global-paste-modal .modal-content .modal-actions button{flex:1;padding:6px 12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.global-paste-modal .modal-content .modal-actions button.btn-primary{background:#667eea;color:#fff}.global-paste-modal .modal-content .modal-actions button.btn-primary:hover:not(:disabled){background:color-mix(in srgb,#667eea 90%,black)}.global-paste-modal .modal-content .modal-actions button.btn-primary:disabled{background:#0003;cursor:not-allowed}.global-paste-modal .modal-content .modal-actions button.btn-secondary{background:#0000000d;color:#333}.global-paste-modal .modal-content .modal-actions button.btn-secondary:hover{background:#0000001a}@media (max-width: 640px){.modal-overlay{padding:16px}.modal-container{max-width:100%}.modal-header{padding:16px 20px 12px}.modal-content{padding:20px}.decrypt-config-modal .decrypt-config-content .modal-actions{flex-direction:column}.decrypt-config-modal .decrypt-config-content .modal-actions button{width:100%}.global-paste-modal .modal-content .modal-actions{flex-direction:column}.global-paste-modal .modal-content .modal-actions button{width:100%}}.paste-modal .input-group{margin-bottom:16px}.paste-modal .input-group label{display:block;margin-bottom:6px;color:#333;font-weight:500;font-size:12px}.paste-modal .input-group label:has(input[type=checkbox]){display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:400}.paste-modal .input-group label:has(input[type=checkbox]) input[type=checkbox]{margin:0}.paste-modal .input-group textarea{width:100%;min-height:120px;padding:12px;border:1px solid rgba(0,0,0,.1);border-radius:6px;background:#ffffff05;color:#333;font-family:inherit;font-size:12px;line-height:1.5;resize:vertical;transition:all .3s ease}.paste-modal .input-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.paste-modal .input-group textarea::placeholder{color:#999}.paste-modal .input-group .help-text{display:block;margin-top:2px;color:#999;font-size:10px;line-height:1.4}.paste-modal .modal-actions{display:flex;gap:12px;margin-top:24px}.paste-modal .modal-actions .btn{flex:1}@media (prefers-color-scheme: dark){.paste-modal .modal-overlay{background-color:#000000b3}.paste-modal .modal-content{box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}}.toast{position:fixed;top:16px;right:16px;left:16px;z-index:1000;max-width:none;min-width:auto;width:calc(100% - 32px);background:#fffffff2;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a;border:1px solid rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInRight .3s ease-out;overflow:hidden;display:flex;align-items:center;padding:12px 16px;gap:6px;opacity:0;transform:translateY(-100%);transition:all .3s}.toast.toast-visible{opacity:1;transform:translateY(0)}.toast-icon{font-size:18px;flex-shrink:0}.toast-message{font-size:14px;line-height:1.4;color:inherit;margin:0;word-break:break-word;flex:1}.toast-close{background:none;border:none;font-size:14px;color:#9ca3af;cursor:pointer;padding:3px 6px;border-radius:4px;line-height:1;flex-shrink:0;transition:all .2s ease;margin-left:auto}.toast-success{border-left:4px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.toast-success .toast-icon{color:#10b981}.toast-error{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fff)}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.toast-info .toast-icon{color:#3b82f6}@media (min-width: 641px){.toast{top:20px;right:20px;left:auto;max-width:380px;min-width:300px;width:auto;border-radius:8px;transform:translate(100%)}.toast.toast-visible{transform:translate(0)}}.github-config{background:var(--surface-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color)}.github-config .config-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.github-config .config-header .header-content{flex:1}.github-config .config-header .header-content h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.github-config .config-header .header-content .config-description{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.github-config .config-header .header-actions{margin-left:var(--spacing-md)}.github-config .config-form .input-group{margin-bottom:var(--spacing-md)}.github-config .config-form .input-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-primary);font-weight:500;font-size:var(--font-size-sm)}.github-config .config-form .input-group .input-help{margin-top:var(--spacing-xs)}.github-config .config-form .input-group .input-help .help-link{color:var(--primary-color);text-decoration:none;font-size:var(--font-size-xs)}.github-config .config-form .input-group .input-help .help-link:hover{text-decoration:underline}.github-config .config-form .input-group .input-help .help-text{color:var(--text-secondary);font-size:var(--font-size-xs)}.github-config .config-form .input-group .input-help .help-text code{background:var(--surface-secondary);padding:2px 4px;border-radius:var(--border-radius-sm);font-family:var(--font-mono);font-size:.9em}.github-config .config-form .config-status{margin:var(--spacing-md) 0;padding:var(--spacing-sm);background:var(--surface-secondary);border-radius:var(--border-radius-md);border-left:4px solid var(--border-color)}.github-config .config-form .config-status .status{display:block;font-weight:500;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.github-config .config-form .config-status .status.success{color:var(--success-color);border-left-color:var(--success-color)}.github-config .config-form .config-status .status.warning{color:var(--warning-color);border-left-color:var(--warning-color)}.github-config .config-form .config-status .status.error{color:var(--error-color);border-left-color:var(--error-color)}.github-config .config-form .config-status .config-preview{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.github-config .config-form .config-status .config-preview .token-preview,.github-config .config-form .config-status .config-preview .gist-preview{font-size:var(--font-size-xs);color:var(--text-secondary);font-family:var(--font-mono);background:var(--surface-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);word-break:break-all}.github-config .config-form .config-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (max-width: 768px){.github-config{padding:var(--spacing-md)}.github-config .config-header{flex-direction:column;gap:var(--spacing-sm)}.github-config .config-header .header-actions{margin-left:0;align-self:flex-end}}.clipboard-list-page{min-height:100vh;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);padding:12px;position:relative;overflow-x:hidden}.clipboard-list-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(102,126,234,.02) 0%,transparent 50%);pointer-events:none;z-index:-1;animation:fadeIn 2s ease-out}.clipboard-list-page .config-prompt-section{background:#ffffffe6;padding:12px;margin-bottom:12px;border:1px solid rgba(0,0,0,.1);border-radius:8px;border-left:4px solid #667eea}.clipboard-list-page .config-prompt-section .config-prompt{display:flex;flex-direction:column;gap:6px;text-align:center}.clipboard-list-page .config-prompt-section .config-prompt .prompt-icon{font-size:32px;color:#667eea}.clipboard-list-page .config-prompt-section .config-prompt .prompt-content h3{margin:0 0 2px;color:#333;font-size:14px}.clipboard-list-page .config-prompt-section .config-prompt .prompt-content p{margin:0 0 6px;color:#666;line-height:1.4}.clipboard-list-page .gist-sync-section{background:#ffffffe6;padding:12px;margin-bottom:12px;border:1px solid rgba(0,0,0,.1);border-radius:8px;border-left:4px solid #667eea}.clipboard-list-page .gist-sync-section .gist-sync-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:12px}.clipboard-list-page .gist-sync-section h3{margin:0;color:#333;font-size:14px;flex-shrink:0}.clipboard-list-page .gist-sync-section .sync-info{display:flex;gap:2px;margin-bottom:6px;padding:6px;background:#667eea1a;border-radius:6px;font-size:12px}.clipboard-list-page .gist-sync-section .sync-info span{color:#666;font-family:Courier New,Courier,monospace}.clipboard-list-page .gist-sync-section .sync-controls{display:flex;flex-direction:column;gap:6px}.clipboard-list-page .gist-sync-section .sync-controls .auto-load-info{display:flex;flex-direction:column;gap:2px;padding:6px;background:#ffffff1a;border-radius:6px}.clipboard-list-page .gist-sync-section .sync-controls .auto-load-info .info-text{color:#666;font-weight:500;font-size:12px}.clipboard-list-page .gist-sync-section .sync-controls .auto-load-info .last-sync{color:#999;font-size:12px;font-style:italic}.clipboard-list-page .gist-sync-section .sync-controls .button-group{display:flex;flex-direction:column;gap:2px}.clipboard-list-page .history-section{background:#ffffffe6;padding:12px;margin-bottom:12px;border:1px solid rgba(0,0,0,.1);border-radius:8px;border-left:4px solid #764ba2}.clipboard-list-page .history-section .history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.clipboard-list-page .history-section .history-header .button-collapse{transform:rotate(0)}.clipboard-list-page .history-section .history-header .button-expand{transform:rotate(90deg)}.clipboard-list-page .history-section .history-header h3{margin:0;color:#333;font-size:14px}.clipboard-list-page .history-section .history-header .collapse-button{background:transparent;border:none;color:#666;font-size:14px;cursor:pointer;padding:2px;border-radius:4px;transition:all .3s ease}.clipboard-list-page .history-section .history-header .collapse-button:hover{color:#333;background:#0000000d;transform:scale(1.05)}.clipboard-list-page .history-section .history-header .collapse-button:focus{outline:none;box-shadow:0 0 0 2px #667eea4d}.clipboard-list-page .history-section .history-controls{display:flex;flex-direction:column;gap:6px;animation:slideDown .3s ease-out}.clipboard-list-page .history-section .history-controls .history-buttons{display:flex;flex-direction:column;gap:2px}.clipboard-list-page .history-section .history-controls .history-settings{display:flex;flex-direction:column;gap:12px}.clipboard-list-page .history-section .history-controls .history-settings .input-group label{display:block;color:#666;margin-bottom:6px;font-size:12px}.clipboard-list-page .history-section .history-controls .history-settings .input-group input{width:100%;padding:2px 6px;border:1px solid rgba(0,0,0,.1);border-radius:6px;background:#ffffffe6;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;transition:all .3s ease}.clipboard-list-page .history-section .history-controls .history-settings .input-group input::placeholder{color:#999}.clipboard-list-page .history-section .history-controls .history-settings .input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.clipboard-list-page .history-section .history-info{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding:12px;background:#ffffff1a;border-radius:6px;font-size:12px;animation:slideDown .3s ease-out}.clipboard-list-page .history-section .history-info span{color:#666}.clipboard-list-page .history-section .history-info span.warning{color:#667eea;font-weight:500}.clipboard-list-page .settings-section{background:#ffffffe6;padding:12px;margin-bottom:12px;border:1px solid rgba(0,0,0,.1);border-radius:8px;border-left:4px solid #667eea}.clipboard-list-page .settings-section .settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.clipboard-list-page .settings-section .settings-header h3{margin:0;color:#333;font-size:14px}.clipboard-list-page .settings-section .settings-header .collapse-button{background:transparent;border:none;color:#666;font-size:14px;cursor:pointer;padding:2px;border-radius:4px;transition:all .3s ease}.clipboard-list-page .settings-section .settings-header .collapse-button:hover{color:#333;background:#ffffff1a;transform:scale(1.05)}.clipboard-list-page .settings-section .settings-header .collapse-button:focus{outline:none;box-shadow:0 0 0 2px #667eea4d}.clipboard-list-page .settings-section .display-options{display:flex;flex-direction:column;gap:6px;animation:slideDown .3s ease-out}.clipboard-list-page .settings-section .display-options .input-group label{display:block;color:#666;margin-bottom:2px;font-size:12px}.clipboard-list-page .settings-section .display-options .input-group select,.clipboard-list-page .settings-section .display-options .input-group input{width:100%;padding:2px 6px;border:1px solid rgba(0,0,0,.1);border-radius:6px;background:#ffffffe6;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;transition:all .3s ease}.clipboard-list-page .settings-section .display-options .input-group select::placeholder,.clipboard-list-page .settings-section .display-options .input-group input::placeholder{color:#999}.clipboard-list-page .settings-section .display-options .input-group select:focus,.clipboard-list-page .settings-section .display-options .input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.clipboard-list-page .settings-section .display-options .sync-info{padding:6px;background:#ffffff1a;border-radius:6px;text-align:center}.clipboard-list-page .settings-section .display-options .sync-info span{color:#999;font-size:12px}.clipboard-list-page .error-message{background:#ffffffe6;border:1px solid rgba(102,126,234,.3);color:#333;padding:6px;border-radius:6px;margin-bottom:12px;text-align:center}.clipboard-list-page .clipboard-section{background:#ffffffe6;padding:12px;margin-bottom:12px;border:1px solid rgba(0,0,0,.1);border-radius:8px}.clipboard-list-page .clipboard-section .section-header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:16px}.clipboard-list-page .clipboard-section .section-header h3{margin:0;color:#333;font-size:14px}.clipboard-list-page .clipboard-section .empty-state{text-align:center;padding:24px;color:#999;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border-radius:8px;border:1px dashed rgba(102,126,234,.2);animation:fadeIn .6s ease-out}.clipboard-list-page .clipboard-section .empty-state:before{content:"📋";font-size:48px;display:block;margin-bottom:12px;opacity:.6;animation:pulseScale 3s ease-in-out infinite}.clipboard-list-page .clipboard-section .empty-state p{margin:0 0 6px;font-size:14px;line-height:1.5}.clipboard-list-page .clipboard-section .empty-state p:first-child{font-weight:500;color:#666}.clipboard-list-page .clipboard-section .empty-state p:last-child{font-size:12px;opacity:.8}.clipboard-list-page .clipboard-section .clipboard-list{display:flex;flex-direction:column;gap:6px}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item{background:#fffc;padding:12px;cursor:pointer;transition:all .25s ease;position:relative;border:1px solid rgba(0,0,0,.08);border-radius:6px;overflow:hidden;box-shadow:0 1px 3px #0000000d;animation:slideInUp .3s ease-out}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(1){animation-delay:.03s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(2){animation-delay:.06s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(3){animation-delay:.09s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(4){animation-delay:.12s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(5){animation-delay:.15s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(6){animation-delay:.18s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(7){animation-delay:.21s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(8){animation-delay:.24s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(9){animation-delay:.27s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(10){animation-delay:.3s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(11){animation-delay:.33s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(12){animation-delay:.36s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(13){animation-delay:.39s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(14){animation-delay:.42s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(15){animation-delay:.45s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(16){animation-delay:.48s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(17){animation-delay:.51s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(18){animation-delay:.54s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(19){animation-delay:.57s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:nth-child(20){animation-delay:.6s}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:hover{background:#fffffff2;box-shadow:0 2px 8px #0000001a}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item:active{border-color:#667eea;box-shadow:0 1px 4px #00000014}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item .item-content{position:relative;z-index:2}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item .item-content .content-text{color:#333;margin-bottom:6px;line-height:1.5;word-break:break-word;font-size:14px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.4em}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item .item-content .item-meta{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item .item-content .item-meta .timestamp{color:#999;font-size:11px;opacity:.8}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item .item-content .item-meta .timestamp:before{content:"🕒";margin-right:3px;font-size:10px}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item .item-content .item-meta .copy-status{color:#999;font-weight:500;font-size:11px;padding:1px 6px;background:#ffffffb3;border-radius:8px;transition:all .2s ease}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item .item-content .item-meta .copy-status.copied{color:#28a745}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item .delete-button{position:absolute;top:2px;right:2px;width:24px;height:24px;padding:0;font-size:12px;border-radius:3px;background:#fffc;border:1px solid rgba(0,0,0,.1);color:#999;opacity:.6;transition:all .15s ease;display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;font-family:inherit;z-index:100}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item .delete-button:focus{outline:none;box-shadow:0 0 0 1px #e74c3c4d}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item .delete-button:hover{background:#e74c3c1a;color:#e74c3c;border-color:#e74c3c66;opacity:1}.clipboard-list-page .clipboard-section .clipboard-list .clipboard-item .delete-button:active{background:#e74c3c33;transform:scale(.9)}.clipboard-list-page .floating-paste-button{position:fixed;bottom:12px;right:12px;width:56px;height:56px;border-radius:50%;font-size:16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 15px #667eea4d,0 2px 8px #667eea33;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeIn .5s ease-out}.clipboard-list-page .floating-paste-button:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 8px 25px #667eea66,0 4px 15px #667eea4d}.clipboard-list-page .floating-paste-button:active{transform:scale(.95);transition:all .1s ease}.clipboard-list-page .floating-paste-button:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.3;animation:pulseScale 2s ease-in-out infinite;z-index:-1}.settings-page{min-height:100vh;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);padding:12px}.settings-page .page-header{background:#ffffffe6;text-align:center;margin-bottom:16px;padding:16px;position:relative;overflow:hidden;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.settings-page .page-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);pointer-events:none}.settings-page .page-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;pointer-events:none}.settings-page .page-header .header-content{position:relative;z-index:1}.settings-page .page-header .header-icon{display:inline-block;font-size:40px;margin-bottom:6px;background:linear-gradient(135deg,#764ba2,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.settings-page .page-header h1{font-size:16px;margin:0 0 6px;color:#333;font-weight:700;text-shadow:none;letter-spacing:.5px}.settings-page .page-header p{color:#666;font-size:12px;line-height:1.5;max-width:500px;margin:0 auto;opacity:.9}.settings-page .page-header .header-decoration{display:none}.settings-page .settings-section{background:#ffffffe6;padding:12px;margin-bottom:12px;border:1px solid rgba(0,0,0,.1);border-radius:8px;border-left:4px solid #667eea}.settings-page .settings-section h3{margin:0 0 6px;color:#333;font-size:14px}.settings-page .settings-section p{color:#666;margin:0 0 6px;line-height:1.5;font-size:12px}.settings-page .settings-section p.token-info,.settings-page .settings-section p.gist-info,.settings-page .settings-section p.app-info{margin-bottom:12px}.settings-page .settings-section p.token-info a,.settings-page .settings-section p.gist-info a,.settings-page .settings-section p.app-info a{color:#667eea;text-decoration:none}.settings-page .settings-section p.token-info a:hover,.settings-page .settings-section p.gist-info a:hover,.settings-page .settings-section p.app-info a:hover{text-decoration:underline}.settings-page .settings-section .input-group{margin-bottom:12px}.settings-page .settings-section .input-group label{display:block;color:#666;margin-bottom:2px;font-size:12px;font-weight:500}.settings-page .settings-section .input-group label input[type=checkbox]{margin-right:6px;width:auto}.settings-page .settings-section .input-group input[type=text],.settings-page .settings-section .input-group input[type=password],.settings-page .settings-section .input-group input[type=number]{width:100%;padding:2px 6px;border:1px solid rgba(0,0,0,.1);border-radius:6px;background:#ffffffe6;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;transition:all .3s ease}.settings-page .settings-section .input-group input[type=text]::placeholder,.settings-page .settings-section .input-group input[type=password]::placeholder,.settings-page .settings-section .input-group input[type=number]::placeholder{color:#999}.settings-page .settings-section .input-group input[type=text]:focus,.settings-page .settings-section .input-group input[type=password]:focus,.settings-page .settings-section .input-group input[type=number]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.settings-page .settings-section .input-group input[type=checkbox]{width:auto;margin-right:6px}.settings-page .settings-section .input-group .input-with-button{display:flex;align-items:center;gap:2px}.settings-page .settings-section .input-group .input-with-button input{flex:1}.settings-page .settings-section .input-group .input-with-button button{flex-shrink:0;white-space:nowrap}.settings-page .settings-section .token-status{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.settings-page .settings-section .token-status .status{padding:6px;border-radius:6px;font-size:12px;font-weight:500;text-align:center}.settings-page .settings-section .token-status .status.success{background:#667eea33;color:#667eea;border:1px solid rgba(102,126,234,.3)}.settings-page .settings-section .token-status .status.error{background:#764ba233;color:#764ba2;border:1px solid rgba(118,75,162,.3)}.settings-page .settings-section .token-status .token-info-display{padding:6px;background:#ffffffb3;border-radius:6px;text-align:center;border:1px solid rgba(0,0,0,.05)}.settings-page .settings-section .token-status .token-info-display .token-preview{color:#666;font-family:Courier New,Courier,monospace;font-size:12px}.settings-page .settings-section .button-group{display:flex;flex-direction:column;gap:2px}.settings-page .settings-section .button-group .collapse-button{background:transparent;border:none;color:#666;font-size:14px;cursor:pointer;padding:2px;border-radius:4px;transition:all .3s ease}.settings-page .settings-section .button-group .collapse-button:hover{color:#333;background:#0000000d;transform:scale(1.05)}.settings-page .settings-section .button-group .collapse-button:focus{outline:none;box-shadow:0 0 0 2px #667eea4d}.settings-page .error-message{background:#ffffffe6;border:1px solid rgba(102,126,234,.3);color:#333;padding:6px;border-radius:6px;margin-bottom:12px;text-align:center}.settings-page .result-display{background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:6px;color:#666;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.4;white-space:pre-wrap;word-break:break-word;max-height:250px;overflow-y:auto}.settings-page .instructions ol{margin:0;padding-left:12px;color:#666;line-height:1.6}.settings-page .instructions ol li{margin-bottom:2px}.settings-page .instructions ol li:last-child{margin-bottom:0}.settings-page .instructions ol li a{color:#667eea;text-decoration:none}.settings-page .instructions ol li a:hover{text-decoration:underline}.settings-page .version-info{border-left-color:#764ba2}.settings-page .version-info .version-details{display:grid;gap:6px}.settings-page .version-info .version-details .version-item{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.settings-page .version-info .version-details .version-item .version-label{color:#666;font-size:12px;font-weight:500}.settings-page .version-info .version-details .version-item .version-value{color:#333;font-size:12px;font-weight:600}.settings-page .version-info .version-details .version-item .version-value.version-hash{font-family:Courier New,Courier,monospace;background:#667eea1a;padding:2px 6px;border-radius:4px;font-size:11px;letter-spacing:.5px}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;color:#333;background:transparent;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(-10px) rotate(240deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideOutUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}@keyframes slideOutDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes slideOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-light{font-weight:300}.text-primary{color:#333}.text-secondary{color:#666}.text-muted{color:#999}.text-light{color:#ccc}.bg-primary{background:transparent}.bg-secondary{background:#ffffff0d}.bg-dark{background:#0000001a}.bg-light{background:#ffffff05}.border-primary{border-color:#0000001a}.border-secondary{border-color:#0000000d}.border-light{border-color:#00000005}.rounded-sm{border-radius:4px}.rounded-md{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a}.transition{transition:all .3s ease}.transition-fast{transition:all .15s ease}.transition-slow{transition:all .5s ease}@media (min-width: 0){.hidden-mobile{display:none}.block-mobile{display:block}}@media (min-width: 768px){.hidden-desktop{display:none}.block-desktop{display:block}}