body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#fafafa;transition:background-color .3s,color .3s}*{box-sizing:border-box}.dark-mode{color-scheme:dark}.dark-mode body{background:#1a1a1a;color:#e0e0e0}.dark-mode .toolbar{background:#2d2d2d!important;border-bottom-color:#404040!important}.dark-mode .project-name,.dark-mode .format-btn,.dark-mode .font-size-controls button{background:#3a3a3a!important;border-color:#505050!important;color:#e0e0e0!important}.dark-mode .project-name:hover,.dark-mode .format-btn:hover,.dark-mode .font-size-controls button:hover{background:#4a4a4a!important}.dark-mode .stat-label{color:#aaa!important}.dark-mode .stat-value{color:#e0e0e0!important}.dark-mode .divider{background:#505050!important}.dark-mode .editor{background:#1a1a1a!important}.dark-mode .editor-preview{background:#2d2d2d!important;color:#e0e0e0!important;box-shadow:0 0 20px #00000080!important}.dark-mode .editor-preview:empty:before{color:#666!important}.dark-mode .editor-preview h1,.dark-mode .editor-preview h2,.dark-mode .editor-preview h3{color:#e0e0e0!important}.dark-mode .editor-preview hr{border-top-color:#555!important}.dark-mode .editor-preview blockquote{border-left-color:#555!important;color:#aaa!important}.dark-mode .editor-preview code{background:#3a3a3a!important;color:#e0e0e0!important}.dark-mode .editor-preview pre{background:#3a3a3a!important}.dark-mode .editor-preview div{background:transparent!important}.dark-mode .context-menu{background:#2d2d2d!important;border-color:#505050!important;box-shadow:0 4px 12px #000000b3!important}.dark-mode .context-menu button{color:#e0e0e0!important}.dark-mode .context-menu button:hover{background:#3a3a3a!important}.dark-mode .menu-divider{background:#505050!important}.dark-mode .note-form input[type=text]{background:#3a3a3a!important;border-color:#505050!important;color:#e0e0e0!important}.dark-mode .color-label{color:#aaa!important}.dark-mode .btn-cancel{background:#3a3a3a!important;color:#e0e0e0!important}.dark-mode .btn-cancel:hover{background:#4a4a4a!important}.dark-mode .hamburger{background:#2d2d2d!important;border-color:#505050!important}.dark-mode .hamburger span{background:#e0e0e0!important}.dark-mode .hamburger:hover{background:#3a3a3a!important}.dark-mode .sidebar{background:#2d2d2d!important;color:#e0e0e0!important}.dark-mode .sidebar-header,.dark-mode .tabs{border-bottom-color:#404040!important}.dark-mode .tab{color:#aaa!important}.dark-mode .tab:hover{background:#3a3a3a!important}.dark-mode .tab.active{color:#8b9cff!important;border-bottom-color:#8b9cff!important}.dark-mode .session-item{background:#3a3a3a!important;border-color:#505050!important}.dark-mode .session-item:hover{background:#4a4a4a!important}.dark-mode .session-item.active{background:#2a3a5a!important;border-color:#667eea!important}.dark-mode .info-item label,.dark-mode .form-label{color:#aaa!important}.dark-mode .info-item p{color:#e0e0e0!important}.dark-mode input,.dark-mode textarea,.dark-mode select{background:#3a3a3a!important;border-color:#505050!important;color:#e0e0e0!important}.dark-mode input:focus,.dark-mode textarea:focus,.dark-mode select:focus{border-color:#8b9cff!important}