:root{--bg-dark: #0A0A0A;--bg-light: #141414;--bg-sidebar: #191919;--btn-txt-dark: #0A0A0A;--text-primary: #EAEAEA;--text-secondary: #999999;--accent-primary: #00FF9B;--accent-secondary: #FF5E7D;--border-color: #2A2A2A;--font-primary: "Space Grotesk", sans-serif;--font-secondary: "Roboto Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-secondary);overflow:hidden;height:100vh}button{cursor:pointer}.app-container{display:grid;grid-template-columns:300px 1fr;height:100vh}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:relative;height:100vh;overflow:hidden}.sidebar-header{padding:1em;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-bottom:1px solid var(--border-color)}.sidebar-btn{width:100%;padding:.8em;border:none;border-radius:6px;font-family:var(--font-primary);font-weight:700;font-size:.9rem;transition:background-color .2s}.new-note-btn{background-color:var(--accent-primary);color:var(--bg-dark)}.new-note-btn:hover{background-color:#fff;color:#0a0a0a}.export-btn{background-color:var(--bg-light);color:var(--text-primary)}.export-btn:hover{background-color:var(--border-color)}.sidebar-btn .fa-solid{margin-right:8px}.search-container{padding:1em;border-bottom:1px solid var(--border-color)}.search-input{width:100%;padding:.8em;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:var(--font-secondary)}.search-input:focus{outline:none;border-color:var(--accent-primary)}.notes-list{list-style:none;overflow-y:auto;flex-grow:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.notes-list::-webkit-scrollbar,.editor-content::-webkit-scrollbar,.editor-preview::-webkit-scrollbar,.editor-body::-webkit-scrollbar{width:6px;height:6px}.notes-list::-webkit-scrollbar-thumb,.editor-content::-webkit-scrollbar-thumb,.editor-preview::-webkit-scrollbar-thumb,.editor-body::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.notes-list::-webkit-scrollbar-track,.editor-content::-webkit-scrollbar-track,.editor-preview::-webkit-scrollbar-track,.editor-body::-webkit-scrollbar-track{background:transparent}.notes-list-item{display:flex;flex-direction:column;padding:1em 1.5em;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color .2s;position:relative}.notes-list-item:hover{background-color:var(--bg-light)}.notes-list-item--selected{background-color:var(--accent-primary);color:var(--bg-dark)}.notes-list-item--selected:hover{background-color:#00e08a}.notes-small-title{font-family:var(--font-primary);font-weight:700;font-size:1.1rem}.notes-small-body,.notes-small-updated{font-size:.9rem;margin-top:.5em;color:var(--text-secondary)}.notes-list-item--selected .notes-small-body,.notes-list-item--selected .notes-small-updated{color:var(--bg-dark);opacity:.8}.notes-small-title,.notes-small-body{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.note-tag{background-color:#00ff9b33;color:var(--accent-primary);padding:2px 6px;border-radius:4px;font-size:.7rem}.notes-list-item--selected .note-tag{background-color:#0003;color:var(--bg-dark)}.note-delete-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--text-secondary);font-size:1.1rem;opacity:0;transition:all .2s}.notes-list-item:hover .note-delete-btn{opacity:1}.note-delete-btn:hover{color:#f55;transform:scale(1.1)}.notes-list-item--selected .note-delete-btn{color:var(--bg-dark);opacity:.8}.sidebar-footer{padding:15px;border-top:1px solid var(--border-color);background-color:#0003;display:flex;flex-direction:column;gap:15px;min-height:120px;justify-content:center}.profile-info{display:flex;align-items:center;gap:12px}.profile-avatar{width:40px;height:40px;background:var(--bg-light);border:1px solid var(--border-color);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--accent-primary);font-size:1.2rem;flex-shrink:0}.profile-details{overflow:hidden}.profile-name{font-weight:600;font-size:.95rem;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-email{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-actions{display:flex;gap:8px}.profile-btn{flex:1;padding:8px;border-radius:6px;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);font-family:var(--font-primary);font-size:.85rem;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.profile-btn:hover{background:var(--bg-light);border-color:var(--accent-primary);color:var(--accent-primary)}.profile-btn.logout-btn:hover{border-color:var(--accent-secondary);color:var(--accent-secondary)}.auth-overlay{position:fixed;inset:0;background-color:#000000d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:none;justify-content:center;align-items:center;z-index:99999;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.19,1,.22,1)}.auth-overlay.active{display:flex;opacity:1;pointer-events:all}.auth-container{background:#141414cc;border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:420px;padding:30px;position:relative;box-shadow:0 20px 40px #0006;transform:translateY(20px);transition:transform .4s cubic-bezier(.19,1,.22,1)}.auth-overlay.active .auth-container{transform:translateY(0)}.auth-close{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;transition:color .2s}.auth-close:hover{color:#fff}.auth-view{display:none;animation:authFade .3s ease-out}.auth-view.active{display:block}@keyframes authFade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.auth-header{text-align:center;margin-bottom:30px}.auth-header h2{font-size:1.8rem;color:#fff;margin-bottom:8px;font-family:Space Grotesk,sans-serif}.auth-header h2 span{color:var(--accent-primary)}.auth-header p{color:var(--text-secondary);font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form .input-group{display:flex;flex-direction:column;gap:8px}.auth-form label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.auth-form input{background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;padding:12px;color:#fff;font-family:inherit;transition:all .2s}.auth-form input:focus{outline:none;border-color:var(--accent-primary);background:#ffffff14;box-shadow:0 0 0 4px #00ff9b1a}.auth-submit-btn{background:var(--accent-primary);color:var(--bg-dark);border:none;border-radius:8px;padding:14px;font-family:var(--font-primary);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;margin-top:10px}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00ff9b4d}.auth-submit-btn:active{transform:translateY(0)}.auth-footer{margin-top:25px;text-align:center;display:flex;flex-direction:column;gap:12px}.auth-footer p{font-size:.85rem;color:var(--text-secondary)}.auth-footer button{background:none;border:none;color:var(--accent-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s}.auth-footer button:hover{text-decoration:underline}#to-forgot{color:var(--text-secondary);font-size:.8rem;font-weight:400}#to-forgot:hover{color:#fff}.profile-view-large{display:flex;align-items:center;gap:25px;margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid var(--border-color)}.profile-avatar-large{width:80px;height:80px;background:var(--bg-light);border:2px solid var(--accent-primary);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--accent-primary);font-size:2.5rem;box-shadow:0 0 20px #00ff9b33}.profile-main-info h2{font-family:var(--font-primary);font-size:1.5rem;color:#fff;margin-bottom:5px}.profile-main-info p{color:var(--text-secondary);font-size:.9rem}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.stat-card{background:#ffffff08;border:1px solid var(--border-color);padding:15px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:5px}.stat-value{font-family:var(--font-primary);font-size:1.4rem;font-weight:700;color:var(--accent-primary)}.stat-label{font-family:var(--font-primary);font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.profile-form{display:flex;flex-direction:column;gap:20px}.sync-indicator{display:flex;align-items:center;gap:6px;font-size:.7rem;color:#777;margin-top:5px}.sync-indicator i{font-size:.6rem}.sync-indicator.synced{color:var(--accent-primary)}.sync-indicator.syncing i{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.editor{display:flex;flex-direction:column;position:relative}.editor-toolbar{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color);padding:.8em 1em;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.toolbar-btn{background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);font-size:.9rem;padding:.6em .8em;border-radius:5px;transition:all .2s;display:flex;align-items:center;gap:5px}.toolbar-btn:hover{background-color:var(--accent-primary);color:var(--bg-dark);border-color:var(--accent-primary)}.toolbar-divider{width:1px;background-color:var(--border-color);margin:0 5px;height:24px;align-self:center}.editor-content{display:flex;flex-direction:column;padding:2em;flex-grow:1;overflow-y:auto;position:relative}.editor-header{margin-bottom:1.5em}.editor-title,.editor-body{background:none;border:none;outline:none;color:var(--text-primary);width:100%}.editor-title{font-family:var(--font-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5em}.editor-tags{background:none;border:none;outline:none;color:var(--text-secondary);width:100%;font-family:var(--font-secondary);font-size:1rem;margin-bottom:1em;padding:.5em 0;border-bottom:1px solid var(--border-color)}.editor-body{font-family:var(--font-secondary);font-size:1.1rem;line-height:1.7;flex-grow:1;resize:none;min-height:300px}.editor-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1em;padding-top:1em;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem}.editor-status{display:flex;align-items:center;gap:10px}.editor-body.drag-over{outline:2px dashed var(--accent-primary);background-color:#00ff9b1a}.status-indicator{width:8px;height:8px;border-radius:50%;background-color:var(--accent-primary)}.status-saved{background-color:var(--accent-primary)}.status-unsaved{background-color:var(--accent-secondary);animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.editor-wordcount{font-family:var(--font-secondary)}.editor-preview{display:none;flex-grow:1;overflow-y:auto;padding:2em;font-family:var(--font-secondary);line-height:1.7}.editor-preview h1,.editor-preview h2,.editor-preview h3{font-family:var(--font-primary);color:var(--accent-primary);margin-top:1.5em;margin-bottom:.5em}.editor-preview h1{font-size:2.2em;border-bottom:1px solid var(--border-color);padding-bottom:.3em}.editor-preview h2{font-size:1.8em}.editor-preview h3{font-size:1.4em}.editor-preview p{margin-bottom:1em}.editor-preview strong{font-weight:700;color:var(--text-primary)}.editor-preview em{font-style:italic}.editor-preview blockquote{border-left:3px solid var(--accent-primary);padding-left:1em;margin-left:0;color:var(--text-secondary)}.editor-preview ul,.editor-preview ol{padding-left:2em;margin-bottom:1em}.editor-preview code{background-color:var(--bg-light);padding:.2em .4em;border-radius:3px;font-family:var(--font-secondary)}.editor-preview pre{background-color:var(--bg-light);padding:1em;border-radius:5px;overflow-x:auto;margin-bottom:1em}.editor-preview pre code{background:none;padding:0}.modal-overlay{position:fixed;inset:0;background-color:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;justify-content:center;align-items:center;z-index:99999;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.19,1,.22,1)}.modal-overlay.active{display:flex;opacity:1;pointer-events:all}.modal{background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;padding:35px;position:relative;box-shadow:0 25px 50px #00000080;transform:scale(.95);transition:transform .3s cubic-bezier(.19,1,.22,1)}.modal-overlay.active .modal{transform:scale(1)}.modal-close{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:10}.modal-close:hover{color:#fff;background:#ffffff1a}.modal-header{margin-bottom:1.5em}.modal-title{font-family:var(--font-primary);font-size:1.5rem;color:var(--text-primary)}.modal-body{margin-bottom:2em}.modal-text{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5em}.modal-text.help{font-size:.8rem;margin-top:.5em;color:var(--text-secondary)}.modal-input{width:100%;padding:.8em;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:var(--font-primary);margin-bottom:1em}.modal-input:focus{outline:none;border-color:var(--accent-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:10px}.modal-btn{padding:.7em 1.5em;border:none;border-radius:6px;font-family:var(--font-primary);font-weight:700;cursor:pointer;transition:background-color .2s}.modal-btn-primary{background-color:var(--accent-primary);color:var(--bg-dark)}.modal-btn-primary:hover{background-color:#fff;color:var(--btn-txt-dark)}.modal-btn-secondary{background-color:var(--bg-light);color:var(--text-primary)}.modal-btn-secondary:hover{background-color:var(--border-color)}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px}.toast{background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:6px;padding:1em 1.5em;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #0000001a;transform:translate(100%);opacity:0;transition:all .3s}.toast.show{transform:translate(0);opacity:1}.toast-success{border-left:4px solid var(--accent-primary)}.toast-error{border-left:4px solid var(--accent-secondary)}.toast-icon{font-size:1.2rem}.toast-success .toast-icon{color:var(--accent-primary)}.toast-error .toast-icon{color:var(--accent-secondary)}.toast-message{color:var(--text-primary);font-size:.9rem}#export-container{position:fixed;top:-10000px;left:-10000px;width:800px;min-height:400px;background-color:var(--bg-light);color:var(--text-primary);padding:50px;font-family:Roboto Mono,monospace;line-height:1.8;border:1px solid var(--border-color);border-top:8px solid var(--accent-primary);z-index:-1;visibility:hidden}#export-container h1,#export-container h2,#export-container h3{font-family:Space Grotesk,sans-serif;color:#00ff9b}#export-container h1{font-size:32px;margin-bottom:20px}#export-container p{font-size:16px;margin-bottom:15px}#export-container ul{margin-left:20px}#export-container blockquote{border-left:3px solid #999;padding-left:15px;color:#999;margin:15px 0}#export-container pre{background-color:#0a0a0a;padding:15px;border-radius:5px;white-space:pre-wrap;word-wrap:break-word}#export-container .export-footer{position:absolute;bottom:20px;right:30px;font-size:14px;color:#999}#export-color-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:40px;background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;padding:5px}#export-color-picker::-webkit-color-swatch{border-radius:4px;border:none}#export-color-picker::-moz-color-swatch{border-radius:4px;border:none}.sidebar-toggle{display:none;position:fixed;top:15px;left:15px;z-index:101;background-color:var(--bg-sidebar);border:1px solid var(--border-color);color:var(--text-primary);width:44px;height:44px;border-radius:8px;justify-content:center;align-items:center;cursor:pointer;font-size:1.1rem;box-shadow:0 4px 8px #0003;transition:background-color .2s}.sidebar-toggle:hover{background-color:var(--bg-light)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:99;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.sidebar-overlay.active{opacity:1;pointer-events:auto}@media(max-width:768px){.app-container{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:100;transform:translate(-100%);transition:transform .3s ease-in-out;width:280px;box-shadow:5px 0 15px #0003;padding-top:60px}.sidebar.active{transform:translate(0)}.sidebar-toggle{display:flex;top:15px;left:15px;z-index:101}.editor-toolbar{padding:.8em .8em .8em 70px}.editor-content{padding:1.5em}.editor-title{font-size:2rem}.sidebar-header{margin-top:10px}}.sidebar-toggle i{transition:transform .4s cubic-bezier(.19,1,.22,1)}.sidebar-toggle .fa-xmark{transform:rotate(180deg)}.setting-group{margin-bottom:1.5em}.setting-group label{display:block;margin-bottom:.5em;color:var(--text-primary);font-weight:700}.export-options{display:flex;flex-direction:column;gap:10px;margin-top:1em}#export-container .note-tags{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}#export-container .note-tag{padding:4px 12px;border-radius:20px;font-size:.9rem;font-family:var(--font-secondary);background-color:#00ff9b33;color:#00ff9b}.note-favorite-btn{position:absolute;top:10px;right:40px;background:none;border:none;color:var(--text-secondary);font-size:1.1rem;opacity:0;transition:all .2s}.notes-list-item:hover .note-favorite-btn{opacity:1}.note-favorite-btn:hover{color:gold;transform:scale(1.1)}.note-favorite-btn.favorited{color:gold;opacity:.8}.notes-list-item--selected .note-favorite-btn{color:var(--bg-dark)}.notes-list-item--selected .note-favorite-btn.favorited{color:gold}.search-suggestions{padding:1em;color:var(--text-secondary)}.search-suggestions p{margin-bottom:.5em}.search-suggestions ul{margin-left:1.5em}.search-suggestions li{margin-bottom:.3em;list-style-type:disc}input[list]{position:relative}datalist{position:absolute;background-color:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:6px;padding:.5em;max-height:150px;overflow-y:auto}datalist option{padding:.3em;cursor:pointer}datalist option:hover{background-color:var(--bg-light)}@media(max-width:768px){.editor-toolbar{overflow-x:auto;padding-bottom:10px}.toolbar-btn{flex-shrink:0}.sidebar-header{position:sticky;top:0;background-color:var(--bg-sidebar);z-index:10;padding-top:15px;padding-bottom:15px}.search-container{position:sticky;top:80px;background-color:var(--bg-sidebar);z-index:10}}@media(max-width:400px){.sidebar{width:260px}.editor-title{font-size:1.8rem}.editor-content{padding:1rem}.editor-toolbar{padding-left:60px;gap:4px}.toolbar-btn{padding:.5em .6em;font-size:.85rem}.sidebar-footer{padding:10px;min-height:100px;gap:10px}.profile-info{gap:8px}.profile-avatar{width:32px;height:32px;font-size:1rem}.profile-name{font-size:.85rem}.profile-email{font-size:.7rem}.profile-actions{gap:5px}.profile-btn{padding:6px;font-size:.75rem}.editor-footer{flex-direction:column;gap:8px;align-items:flex-start;font-size:.8rem;padding-top:.8em;margin-top:.8em}.editor-status{gap:6px}.editor-wordcount{font-size:.75rem}.modal{width:95%;padding:20px;max-height:85vh}.modal-title{font-size:1.3rem}.profile-stats{gap:10px}.stat-card{padding:10px}.stat-value{font-size:1.2rem}}.is-mobile-browser .app-container{grid-template-columns:1fr!important}.is-mobile-browser .sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;z-index:100!important;transform:translate(-100%)!important;transition:transform .3s ease-in-out!important;width:280px!important;box-shadow:5px 0 15px #0003!important;padding-top:60px!important}.is-mobile-browser .sidebar.active{transform:translate(0)!important}.is-mobile-browser .sidebar-toggle{display:flex!important}.is-mobile-browser .editor-toolbar{padding-left:70px!important}.install-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border-top:1px solid var(--accent-primary);padding:16px 20px;z-index:1000;display:flex;flex-direction:column;gap:12px;animation:slideUp .4s ease-out;box-shadow:0 -4px 20px #00ff9b26}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.install-banner-content{display:flex;align-items:center;gap:12px}.install-banner-content i{font-size:1.5rem;color:var(--accent-primary)}.install-banner-text{display:flex;flex-direction:column;gap:2px}.install-banner-text strong{color:#fff;font-size:1rem}.install-banner-text span{color:var(--text-secondary);font-size:.85rem}.install-banner-actions{display:flex;gap:10px}.install-banner-text strong,.install-banner-btn,.modal-title,.install-tab,.modal-footer .btn{font-family:Space Grotesk,sans-serif}.install-banner-btn{flex:1;padding:10px 16px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.install-tab{flex:1;background:none;border:none;padding:10px;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:.95rem;font-weight:500}.modal-footer .btn{padding:10px 24px;border-radius:8px;font-weight:600;font-size:1rem;background:var(--accent-primary);color:#000;border:none;cursor:pointer;transition:transform .2s}.modal-footer .btn:hover{transform:scale(1.02);background:#33ffb1}.install-btn-primary{background:var(--accent-primary);color:#000}.install-btn-primary:hover{background:#33ffb1;transform:scale(1.02)}.install-btn-dismiss{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.install-btn-dismiss:hover{background:var(--bg-light);color:#fff}.install-modal{max-width:400px;width:90%;padding:0;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color)}.modal-title{display:flex;align-items:center;gap:10px;margin:0;font-size:1.1rem}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer}.modal-body{padding:20px}.install-intro{margin-bottom:15px;color:var(--text-secondary);font-size:.9rem;text-align:center}.install-tabs{display:flex;background-color:var(--bg-sidebar);border-radius:8px;padding:4px;margin-bottom:20px}.install-tab{flex:1;background:none;border:none;padding:8px;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:.9rem}.install-tab.active{background-color:var(--bg-light);color:#fff;font-weight:600}.install-content{display:none}.install-content.active{display:block;animation:fadeIn .3s ease-out}.install-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:12px}.install-steps li{color:var(--text-primary);font-size:.95rem;line-height:1.4}.install-steps i{color:var(--accent-primary);margin:0 4px}.modal-footer{padding:15px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}