@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";/*
 * @license
 * SPDX-License-Identifier: Apache-2.0
 */*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-dark: #121212;--color-bg-alt-dark: #1e1e1e;--color-surface-dark: rgba(255, 255, 255, .05);--color-surface-hover-dark: rgba(255, 255, 255, .08);--color-surface-active-dark: rgba(255, 255, 255, .12);--color-text-dark: #e1e1e1;--color-text-secondary-dark: #a8a8a8;--color-text-tertiary-dark: #7f7f7f;--color-accent-dark: #de2626;--color-accent-alt-dark: #de2626;--color-cursor-dark: var(--color-accent-dark);--color-border-dark: rgba(255, 255, 255, .12);--color-recording-dark: #de2626;--color-success-dark: #32d74b;--color-error-dark: #de2626;--color-bg-light: #f7f7f7;--color-bg-alt-light: #ffffff;--color-surface-light: #f0f0f0;--color-surface-hover-light: #e8e8e8;--color-surface-active-light: #e0e0e0;--color-text-light: #333333;--color-text-secondary-light: #666666;--color-text-tertiary-light: #999999;--color-accent-light: #de2626;--color-accent-alt-light: #de2626;--color-cursor-light: var(--color-accent-light);--color-border-light: #dcdcdc;--color-recording-light: #de2626;--color-success-light: #30d158;--color-error-light: #de2626;--color-bg: var(--color-bg-dark);--color-bg-alt: var(--color-bg-alt-dark);--color-surface: var(--color-surface-dark);--color-surface-hover: var(--color-surface-hover-dark);--color-surface-active: var(--color-surface-active-dark);--color-text: var(--color-text-dark);--color-text-secondary: var(--color-text-secondary-dark);--color-text-tertiary: var(--color-text-tertiary-dark);--color-accent: var(--color-accent-dark);--color-accent-alt: var(--color-accent-alt-dark);--color-cursor: var(--color-cursor-dark);--color-border: var(--color-border-dark);--color-recording: var(--color-recording-dark);--color-success: var(--color-success-dark);--color-error: var(--color-error-dark);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .45s ease;--transition-tabs: .3s cubic-bezier(.4, 0, .2, 1);--font-primary: "Roboto Mono", monospace;--font-mono: "Roboto Mono", monospace}body.light-mode{--color-bg: var(--color-bg-light);--color-bg-alt: var(--color-bg-alt-light);--color-surface: var(--color-surface-light);--color-surface-hover: var(--color-surface-hover-light);--color-surface-active: var(--color-surface-active-light);--color-text: var(--color-text-light);--color-text-secondary: var(--color-text-secondary-light);--color-text-tertiary: var(--color-text-tertiary-light);--color-accent: var(--color-accent-light);--color-accent-alt: var(--color-accent-alt-light);--color-cursor: var(--color-cursor-light);--color-border: var(--color-border-light);--color-recording: var(--color-recording-light);--color-success: var(--color-success-light);--color-error: var(--color-error-light);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .03);--shadow-md: 0 2px 4px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .06), 0 2px 6px rgba(0, 0, 0, .05)}[contenteditable]{caret-color:var(--color-cursor)}[contenteditable][placeholder].placeholder-active{color:var(--color-text-tertiary);opacity:.8}html{height:100%;overflow:hidden}body{font-family:var(--font-primary);background-color:var(--color-bg);color:var(--color-text);line-height:1.65;height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;transition:background-color var(--transition-normal),color var(--transition-normal);margin:0}.hidden{display:none!important}.landing-page{display:flex;align-items:center;justify-content:center;text-align:center;height:100vh;padding:20px;overflow-y:auto;background:var(--color-bg)}.landing-content{display:flex;flex-direction:column;align-items:center;max-width:600px;width:100%}.landing-title{font-family:var(--font-mono);font-size:clamp(3rem,10vw,5rem);font-weight:700;text-transform:uppercase;position:relative;text-shadow:.05em 0 0 var(--color-error-dark),-.025em -.05em 0 var(--color-success-dark),.025em .05em 0 var(--color-accent-dark);animation:glitch .5s infinite;color:var(--color-text);margin-bottom:32px}@keyframes glitch{0%{text-shadow:.05em 0 0 var(--color-error-dark),-.05em 0 0 var(--color-success-dark),-.025em .05em 0 var(--color-accent-dark)}14%{text-shadow:.05em 0 0 var(--color-error-dark),-.05em 0 0 var(--color-success-dark),-.025em .05em 0 var(--color-accent-dark)}15%{text-shadow:-.05em -.025em 0 var(--color-error-dark),.025em .025em 0 var(--color-success-dark),-.05em -.05em 0 var(--color-accent-dark)}49%{text-shadow:-.05em -.025em 0 var(--color-error-dark),.025em .025em 0 var(--color-success-dark),-.05em -.05em 0 var(--color-accent-dark)}50%{text-shadow:.025em .05em 0 var(--color-error-dark),.05em 0 0 var(--color-success-dark),0 -.05em 0 var(--color-accent-dark)}99%{text-shadow:.025em .05em 0 var(--color-error-dark),.05em 0 0 var(--color-success-dark),0 -.05em 0 var(--color-accent-dark)}to{text-shadow:-.025em 0 0 var(--color-error-dark),-.025em -.025em 0 var(--color-success-dark),-.025em -.05em 0 var(--color-accent-dark)}}.notebook-actions{display:flex;justify-content:center;gap:20px}.hub-button{font-family:var(--font-primary);background-color:var(--color-accent);border:none;color:#fff;padding:12px 32px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:var(--shadow-md)}.hub-button:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:var(--shadow-lg)}body.light-mode .hub-button{color:#fff}.recent-notes-container{width:100%;margin-top:48px}.recent-notes-section{width:100%}.recent-notes-title{font-size:20px;font-weight:600;margin-bottom:16px;text-align:left;color:var(--color-text)}.notes-list{display:flex;flex-direction:column;gap:12px;text-align:left}.note-item{display:flex;justify-content:space-between;align-items:center;gap:16px;background-color:var(--color-surface);padding:16px;border-radius:8px;border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.note-item:hover{background-color:var(--color-surface-hover);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.note-item-content{flex-grow:1;min-width:0;display:flex;align-items:center;gap:10px}.note-item-content .fa-lock{color:var(--color-text-tertiary);font-size:14px}.note-item-title{font-size:16px;font-weight:500;margin-bottom:4px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item-date{font-size:12px;color:var(--color-text-secondary)}.no-notes-message,.loading-message,.error-message{color:var(--color-text-tertiary);padding:20px;text-align:center;border:1px dashed var(--color-border);border-radius:8px}.error-message{color:var(--color-error);border-color:var(--color-error)}.app-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:var(--color-bg-alt);border-bottom:1px solid var(--color-border);flex-shrink:0;gap:12px}.header-action-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background-color var(--transition-fast);font-size:18px;flex-shrink:0}.header-action-btn:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.header-right-controls{display:flex;align-items:center;gap:4px}.notebook-lock-status{color:var(--color-text-secondary);font-size:16px;padding:0 8px}.breadcrumbs{display:flex;align-items:center;gap:8px;flex-grow:1;min-width:0}.breadcrumb-item{font-size:16px;color:var(--color-text);display:flex;align-items:center;gap:8px}.breadcrumb-separator{font-size:12px;color:var(--color-text-tertiary)}.editor-title{font-weight:500;outline:none;border:none;padding:4px 8px;margin:-4px -8px;border-radius:4px;color:var(--color-text);background-color:transparent;transition:background-color var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-title:hover,.editor-title:focus{background-color:var(--color-surface)}.main-tabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--color-border);background-color:var(--color-bg-alt)}.main-tab-btn{flex:1;padding:12px 10px;font-size:14px;font-weight:600;color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.main-tab-btn.active{color:var(--color-text);border-bottom-color:var(--color-accent)}body.light-mode .main-tab-btn.active{color:var(--color-accent)}.main-content{flex:1;display:flex;position:relative;overflow:hidden}.main-view{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--color-bg);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast)}.main-view.active{opacity:1;visibility:visible}.overlay-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:199;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.overlay-backdrop:not(.hidden){opacity:1;visibility:visible}.notes-overlay{position:fixed;top:0;left:0;width:280px;max-width:80%;height:100%;background-color:var(--color-bg-alt);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:200;transform:translate(-100%);transition:transform var(--transition-normal);box-shadow:var(--shadow-lg)}body.notes-overlay-open .notes-overlay{transform:translate(0)}.sidebar-header{padding:12px;border-bottom:1px solid var(--color-border);flex-shrink:0}.sidebar-controls{display:flex;align-items:center;gap:8px}.sidebar-select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;font-family:var(--font-primary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a8a8a8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;transition:border-color var(--transition-fast);outline:none}.sidebar-select:hover{border-color:var(--color-text-tertiary)}body.light-mode .sidebar-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")}.sidebar-action-btn{flex-shrink:0;width:38px;height:38px;border-radius:6px;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.sidebar-action-btn:hover{background-color:var(--color-surface-hover);border-color:var(--color-text-tertiary)}.sidebar-content-area{flex-grow:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column}.sidebar-search-container{position:relative;margin-bottom:8px}.sidebar-search-container .fa-search{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:var(--color-text-tertiary);font-size:14px}.sidebar-search{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);padding:8px 12px 8px 34px;border-radius:6px;font-size:14px;font-family:var(--font-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.sidebar-search:focus{border-color:var(--color-accent)}.placeholder-view{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;color:var(--color-text-tertiary);padding:20px}.placeholder-view i{font-size:32px;margin-bottom:16px;opacity:.5}.placeholder-view h3{font-size:16px;color:var(--color-text-secondary);margin-bottom:8px}.placeholder-view p{font-size:13px;max-width:200px;line-height:1.5}.sidebar-note-item{padding:8px 10px;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.sidebar-note-item:hover{background-color:var(--color-surface-hover)}.sidebar-note-item.active{background-color:var(--color-surface-active);border-color:var(--color-accent)}.sidebar-note-item-title{font-size:14px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}.sidebar-note-item-title .fa-lock{font-size:12px;color:var(--color-text-tertiary)}.sidebar-footer{padding:12px;border-top:1px solid var(--color-border);flex-shrink:0;background-color:var(--color-bg-alt)}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:var(--color-bg-alt);border-bottom:1px solid var(--color-border);flex-shrink:0}.action-combo-box{display:flex;align-items:center;gap:8px}.action-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-primary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a8a8a8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}.action-select:focus{outline:none;border-color:var(--color-accent)}body.light-mode .action-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")}.action-confirm-btn{background-color:var(--color-accent);color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}body.light-mode .action-confirm-btn{color:#fff}.action-confirm-btn:hover{filter:brightness(.9)}.view-switcher-container{display:flex;align-items:center}.note-content-wrapper{flex:1;overflow-y:auto;padding:16px;position:relative;min-height:0}.note-title-wrapper{display:flex;align-items:center}.note-title-header{font-size:2em;font-weight:700;border:none;outline:none;padding:10px 0;margin-bottom:16px;color:var(--color-text);width:100%;background:transparent}.note-lock-status{color:var(--color-text-secondary);font-size:20px;margin-left:12px;margin-bottom:16px}.note-title-header[placeholder].placeholder-active{color:var(--color-text-tertiary)}.note-content{outline:none;min-height:100px;font-size:16px;line-height:1.7;color:var(--color-text);padding:12px 0;font-family:var(--font-primary);letter-spacing:-.01em;opacity:0;transition:opacity var(--transition-tabs);display:none}.note-content.active{opacity:1;display:block}.note-content h1,.note-content h2,.note-content h3{margin-bottom:.75em;margin-top:1.25em;font-weight:600;color:var(--color-text)}.note-content h1{font-size:1.8em}.note-content h2{font-size:1.5em}.note-content h3{font-size:1.25em}.note-content p{margin-bottom:1em}.note-content ul,.note-content ol{margin-bottom:1em;padding-left:1.5em}.note-content li{margin-bottom:.5em}.note-content blockquote{margin:1em 0;padding-left:1em;border-left:3px solid var(--color-border);color:var(--color-text-secondary)}.note-content code{font-family:var(--font-mono);background-color:var(--color-surface-active);padding:.2em .4em;border-radius:4px;font-size:85%}.note-content pre{background-color:var(--color-surface-active);padding:1em;border-radius:6px;margin-bottom:1em;overflow-x:auto}.note-content pre code{padding:0;background-color:transparent;font-size:100%}.note-content a{color:var(--color-accent);text-decoration:none}.note-content a:hover{text-decoration:underline}.audio-view-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;padding:20px;width:100%;height:100%;overflow-y:auto}.audio-card{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:12px;padding:20px;width:100%;max-width:450px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:var(--shadow-sm)}.audio-card-title{font-size:14px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;align-self:flex-start}.sidebar-recording-controls{display:flex;align-items:center;gap:20px;width:100%;justify-content:center}.record-button{width:100px;height:100px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-normal);flex-shrink:0}.record-button-inner{width:100%;height:100%;border-radius:50%;background:var(--color-surface);display:flex;align-items:center;justify-content:center;color:var(--color-text);font-size:32px;z-index:2;transition:all var(--transition-normal)}.record-button:hover .record-button-inner{transform:scale(1.05)}.record-button.recording .record-button-inner{background:var(--color-recording);color:#fff}.record-button.recording{border-color:transparent}.record-waves{position:absolute;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:1;opacity:0;transition:opacity var(--transition-normal)}.record-button.recording .record-waves{opacity:1}.wave{fill:none;stroke:var(--color-recording);stroke-width:2px;opacity:0;transform-origin:center;animation:wave-animation 3s infinite linear}.wave2{animation-delay:1s}.wave3{animation-delay:2s}@keyframes wave-animation{0%{transform:scale(.2);opacity:0}50%{opacity:.5}to{transform:scale(.7);opacity:0}}.status-text{font-size:14px;color:var(--color-text-secondary);text-align:center}.upload-button{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary);background:transparent;border:2px dashed var(--color-border);border-radius:8px;padding:20px;cursor:pointer;transition:all var(--transition-fast);width:120px;text-align:center}.upload-button:hover{color:var(--color-text);border-color:var(--color-accent);background:var(--color-surface)}.upload-button i{font-size:24px}.recording-interface{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:12px}.live-recording-title{font-size:16px;font-weight:600;color:var(--color-text-secondary)}#liveWaveformCanvas{width:100%;height:60px}.live-recording-timer{font-family:var(--font-mono);font-size:20px;color:var(--color-text)}.playback-controls-content{display:flex;align-items:center;width:100%;gap:16px}.playback-button{background:var(--color-surface-active);border:1px solid var(--color-border);color:var(--color-text);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast);flex-shrink:0}.playback-button.large{width:44px;height:44px;font-size:18px}.playback-button:hover{background-color:var(--color-surface-hover)}.progress-container{width:100%}.progress-bar{width:100%;height:5px;margin-bottom:6px}.time-displays{display:flex;justify-content:space-between;align-items:center}.time-display{font-size:11px;color:var(--color-text-tertiary);font-family:var(--font-mono)}.developer-panel{display:flex;flex-direction:column;height:100%}.user-panel-tabs{display:flex;border-bottom:1px solid var(--color-border);flex-shrink:0}.user-panel-tab-btn{flex:1;padding:10px;font-size:13px;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-color .2s}.user-panel-tab-btn.active{color:var(--color-text);border-bottom-color:var(--color-accent)}.user-panel-tab-content{display:none;flex-grow:1;overflow-y:auto;padding:16px}.user-panel-tab-content.active{display:block}.validator-view,.manifest-view{display:flex;flex-direction:column;height:100%}.validator-actions{display:flex;gap:8px;margin:8px 0}.validator-btn,.manifest-btn{background-color:var(--color-surface-active);border:1px solid var(--color-border);color:var(--color-text);padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s}.validator-btn i{margin-right:6px}.validator-btn:hover,.manifest-btn:hover{background-color:var(--color-surface-hover)}.validator-btn.primary,.manifest-btn.primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}body.light-mode .validator-btn.primary,body.light-mode .manifest-btn.primary{color:#fff}.validator-textarea{width:100%;flex-grow:1;resize:none;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;padding:10px;font-family:var(--font-mono);font-size:13px;margin-bottom:12px}.validator-result-box{padding:12px;border-radius:6px;margin-top:12px;border:1px solid}.validator-result-box.valid{background-color:#30d1581a;border-color:var(--color-success)}.validator-result-box.invalid{background-color:#ff3b301a;border-color:var(--color-error)}.validator-result-title{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:4px}.validator-result-title.valid{color:var(--color-success)}.validator-result-title.invalid{color:var(--color-error)}.validator-result-details{font-family:var(--font-mono);font-size:12px;white-space:pre-wrap;word-break:break-all}#manifestDisplay{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:12px;font-family:var(--font-mono);font-size:13px;white-space:pre-wrap;word-break:break-all;flex-grow:1;overflow-y:auto;color:var(--color-text)}#manifestDisplay.placeholder{color:var(--color-text-tertiary)}.manifest-actions{display:flex;gap:8px;margin-bottom:12px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.modal-overlay:not(.hidden){opacity:1;visibility:visible}.modal-content{background-color:var(--color-bg-alt);padding:24px;border-radius:12px;width:90%;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);transform:scale(.95);transition:transform var(--transition-normal)}.modal-overlay:not(.hidden) .modal-content{transform:scale(1)}.modal-content h3{font-size:18px;margin-bottom:8px;color:var(--color-text)}.modal-content p{font-size:14px;color:var(--color-text-secondary);margin-bottom:20px}#passwordForm .form-group{margin-bottom:16px}#passwordForm label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--color-text-secondary)}#passwordForm input[type=password]{width:100%;padding:10px;border-radius:6px;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-size:14px;font-family:var(--font-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}#passwordForm input[type=password]:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-dark)}body.light-mode #passwordForm input[type=password]:focus{box-shadow:0 0 0 2px var(--color-accent-light)}.password-error{color:var(--color-error);font-size:13px;min-height:1.5em;margin-bottom:12px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.modal-btn{padding:8px 16px;border-radius:6px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.modal-btn.primary{background-color:var(--color-accent);color:#fff}body.light-mode .modal-btn.primary{color:#fff}.modal-btn.primary:hover{filter:brightness(.9)}.modal-btn.secondary{background-color:var(--color-surface-active);color:var(--color-text)}.modal-btn.secondary:hover{background-color:var(--color-surface-hover)}.editor-lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg);z-index:10;display:flex;align-items:center;justify-content:center;text-align:center}.lock-overlay-content{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--color-text-secondary)}.lock-overlay-content i{font-size:40px;opacity:.5}.lock-overlay-content h3{font-size:20px;color:var(--color-text)}.lock-overlay-content .hub-button{color:var(--color-text);border-color:var(--color-text)}.lock-overlay-content .hub-button:hover{color:var(--color-bg);background-color:var(--color-text)}input[type=range].progress-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;cursor:pointer;outline:none;border-radius:15px;height:5px;background:var(--color-surface-active)}input[type=range].progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:15px;width:15px;background-color:var(--color-accent);border-radius:50%;border:none;transition:background-color .2s ease-in-out}input[type=range].progress-bar::-moz-range-thumb{height:15px;width:15px;background-color:var(--color-accent);border-radius:50%;border:none;transition:background-color .2s ease-in-out}