body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.modern-editor-wrapper{display:flex;flex-direction:column;height:100%;width:100%;background-color:#f3f4f6;overflow:hidden;position:relative}.editor-toolbar{flex-shrink:0;background:#fff;border-bottom:1px solid #e5e7eb;padding:8px 16px;z-index:50;display:flex;justify-content:center;width:100%;box-sizing:border-box}.word-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px}.group{display:flex;align-items:center;gap:4px}.divider{width:1px;height:24px;background-color:#e5e7eb;margin:0 8px}.toolbar-select{padding:4px 8px;border:1px solid transparent;border-radius:4px;background:transparent;font-size:14px;cursor:pointer;outline:none;height:28px}.toolbar-select:hover{background-color:#f3f4f6;border-color:#d1d5db}.group button,.highlight-trigger-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid transparent;background:transparent;border-radius:4px;cursor:pointer;transition:all .2s;color:#4b5563}.group button:hover{background-color:#f3f4f6;color:#111}.group button.is-active{background-color:#e0e7ff;color:#2563eb}.group button.text-btn{width:auto;padding:0 10px;font-weight:500;font-size:13px}.save-btn{background-color:#2563eb;color:#fff;margin-left:10px;padding:5px 15px;border-radius:5px;border:none;cursor:pointer}.save-btn:hover{background-color:#1d4ed8}.editor-scroll-area{flex-grow:1;width:100%;overflow-y:scroll;display:flex;flex-direction:column;align-items:center;padding:30px 0;scroll-behavior:smooth;scroll-snap-type:y mandatory}.editor-scroll-area::-webkit-scrollbar{width:14px;background:#fff;border-left:1px solid #e5e7eb}.editor-scroll-area::-webkit-scrollbar-thumb{background-color:#c1c1c1;border:4px solid white;border-radius:10px}.editor-scroll-area::-webkit-scrollbar-thumb:hover{background-color:#a0a0a0}.ProseMirror{width:210mm;min-height:297mm;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:25mm;margin-bottom:30px;margin-left:auto;margin-right:auto;font-family:Times New Roman,serif;font-size:12pt;line-height:1.6;color:#1f2937;outline:none;box-sizing:border-box;scroll-snap-align:start}.ProseMirror p.is-editor-empty:first-child:before{color:#9ca3af;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.toast-notification{position:fixed;bottom:30px;right:300px;background-color:#10b981;color:#fff;padding:10px 20px;border-radius:6px;box-shadow:0 4px 12px #00000026;font-weight:500;font-size:14px;z-index:2000;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.toast-notification.visible{opacity:1;transform:translateY(0)}.highlight-menu-wrapper{position:relative}.highlight-popup{position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;padding:5px;display:flex;gap:5px;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:60;margin-top:5px}.swatch-btn{width:24px;height:24px;border-radius:4px;border:1px solid #eee;cursor:pointer}*{box-sizing:border-box}body,html{margin:0;padding:0;overflow:hidden}.workspace-layout{display:flex;width:100vw;height:100vh;overflow:hidden;background-color:#f3f4f6;position:fixed;top:0;left:0;font-family:Inter,sans-serif}.sidebar{height:100%;background:#fff;border-right:1px solid #e5e7eb;border-left:1px solid #e5e7eb;flex-shrink:0;display:flex;flex-direction:column;overflow:visible;z-index:1000;transition:width .3s ease}.sidebar.left-side.open{width:300px}.sidebar.left-side.closed{width:50px}.sidebar.right-side.open{width:300px}.sidebar.right-side.closed{width:50px}.sidebar-header{height:60px;min-height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #f0f0f0;overflow:hidden;flex-shrink:0}.sidebar-header h3{font-size:16px;font-weight:600;color:#333;margin:0;white-space:nowrap}.toggle-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#666;transition:all .2s}.toggle-btn:hover{background:#e5e7eb;transform:scale(1.05)}.sidebar-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.sidebar-scrollable{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding:15px}.sidebar-footer{flex-shrink:0;background:#f9fafb;border-top:1px solid #e5e7eb;padding:15px;z-index:1001}.doc-meta-section{padding:15px;background:#fff;border-radius:8px;margin-bottom:15px;border:1px solid #e5e7eb}.doc-meta-section label{display:block;font-size:12px;font-weight:600;color:#666;margin-bottom:5px}.doc-title-input{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s}.doc-title-input:focus{border-color:#2563eb}.new-doc-btn{width:100%;padding:10px;background-color:#10b981;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:6px}.new-doc-btn:hover{background-color:#059669}.divider-line{height:1px;background:#e5e7eb;margin:15px 0}.recent-list{display:flex;flex-direction:column;gap:8px}.doc-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#4b5563;position:relative;overflow:hidden}.doc-item:hover{background-color:#f9fafb;border-color:#d1d5db;transform:translate(3px)}.doc-item.active{background-color:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;font-weight:600;border-left:5px solid #2563eb}.doc-name-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px}.list-del-btn{background:transparent;border:none;cursor:pointer;font-size:14px;opacity:0;transition:all .2s}.doc-item:hover .list-del-btn,.doc-item.active .list-del-btn{opacity:1}.list-del-btn:hover{background-color:#fee2e2;border-radius:4px}.avatars-list{display:flex;gap:8px;flex-wrap:wrap}.avatar-wrapper{position:relative;cursor:help}.offline-avatar-placeholder{width:38px;height:38px;border-radius:50%;background-color:#f3f4f6;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:3px solid #d1d5db}.tool-box{background:#fff;margin-bottom:20px;padding:0;border-radius:8px;border:1px solid #e5e7eb;overflow:visible}.tool-box h4{margin:0;padding:12px 15px;background:#f9fafb;border-bottom:1px solid #eee;font-size:14px;color:#555}.profile-box{padding:15px;display:flex;align-items:flex-start;gap:15px}.avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;background:#eee}.user-details{display:flex;flex-direction:column;width:100%;gap:8px}.user-name{font-weight:700;font-size:15px;color:#111}.logout-btn-prominent{background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:11px;cursor:pointer;width:100%;font-weight:600}.todo-input-group{display:flex;padding:10px;gap:8px;border-bottom:1px solid #eee}.todo-input-group input{flex:1;padding:6px 10px;border:1px solid #ddd;border-radius:4px;outline:none}.todo-input-group button{width:28px;height:28px;background:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.todo-list{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.todo-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid #f3f4f6;font-size:13px;color:#374151}.todo-list li.completed span{text-decoration:line-through;color:#9ca3af}.del-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;font-size:16px;padding:0 5px}.del-btn:hover{color:#ef4444}.notes-area{width:100%;min-height:150px;padding:10px;border:none;resize:vertical;outline:none;font-family:inherit;font-size:13px}.settings-panel{display:flex;flex-direction:column;gap:15px;padding:15px}.back-to-workspace{background:none;border:none;color:#2563eb;font-weight:600;cursor:pointer;text-align:left;padding:0;margin-bottom:10px}.settings-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:15px}.setting-item-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.setting-main-label{font-size:14px;color:#1e293b}.setting-sub-label{font-size:11px;color:#64748b;margin:2px 0 0}.swipe-toggle{position:relative;width:42px;height:22px}.swipe-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#2563eb}input:checked+.toggle-slider:before{transform:translate(20px)}.sidebar-footer-fixed{padding:15px;background:#fff;border-top:1px solid #eee;flex-shrink:0;position:relative;z-index:1002}.download-wrapper{position:relative;width:100%}.main-download-btn{width:100%;padding:10px;background:#1f2937;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.download-options-popout{position:absolute;right:100%;margin-right:8px;bottom:0;width:190px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:10001}.download-options-popout button{width:100%;padding:10px;text-align:left;background:#fff;border:none;border-bottom:1px solid #eee;cursor:pointer}.download-options-popout button:hover{background:#f9fafb;color:#2563eb}.wellness-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#edfffad9,#31c5d6d9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden}.wellness-content{text-align:center;z-index:100}.overlay-heading{font-size:3rem;font-weight:900;color:#2563eb;margin-bottom:20px}.close-overlay{position:absolute;top:30px;right:30px;font-size:40px;border:none;background:none;cursor:pointer;color:#999;transition:all .3s ease;z-index:101}.close-overlay:hover{color:#ef4444;transform:rotate(90deg) scale(1.2)}.danger-zone-card{border:1px solid #fee2e2;background:snow;padding:15px;border-radius:8px;margin-top:20px}.danger-heading{color:#991b1b;font-weight:700;margin-bottom:10px;font-size:12px}.delete-account-btn{width:100%;padding:10px;background:#be123c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.nav-home-btn{background:#fff;border:1px solid #e5e7eb;cursor:pointer;font-size:1.4rem;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.nav-home-btn:hover{background-color:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px) scale(1.05);box-shadow:0 4px 6px -1px #0000001a}.nav-home-btn:active{transform:translateY(0) scale(.95);background-color:#e5e7eb}.profile-row{display:flex;justify-content:space-between;align-items:center;width:100%}.settings-gear-btn{background:transparent;border:none;cursor:pointer;font-size:1.2rem;padding:4px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#6b7280}.settings-gear-btn:hover{background-color:#e5e7eb;transform:rotate(90deg);color:#111}.sidebar-flex-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;overflow:visible;position:relative}.sidebar-flex-wrapper .sidebar-content{overflow-y:auto;overflow-x:hidden}.bubbles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.bubble{position:absolute;border-radius:50%;opacity:.8;bottom:-100px;animation:bubbleFloat linear infinite}@keyframes bubbleFloat{0%{bottom:-100px;opacity:.8}to{bottom:100vh;opacity:0;transform:translate(var(--move-x))}}.dashboard-container{min-height:100vh;background-color:#f8f9fa;font-family:Inter,sans-serif;color:#333;position:relative;overflow-x:hidden}.loader-container{position:fixed;width:100px;height:100px;pointer-events:none;z-index:1;animation:scaleUp .5s linear forwards;transform:scale(0);opacity:0}.loader{width:100%;height:100%;border-radius:10px;background:linear-gradient(50deg,#ff0c0c,#21d400);animation:filterHue 2.5s linear infinite;transform:rotate(0)}@keyframes filterHue{0%{filter:hue-rotate(0deg);transform:rotate(0)}50%{filter:hue-rotate(1000deg)}to{filter:hue-rotate(2000deg);transform:rotate(360deg)}}@keyframes scaleUp{0%{transform:scale(0);opacity:0}20%{opacity:1}50%{transform:scale(.5);opacity:.8}to{transform:scale(.2);opacity:0}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background:#fff;border-bottom:1px solid #e5e7eb;position:relative;z-index:100}.brand{display:flex;align-items:center;gap:10px}.logo-icon{font-size:1.5rem}.brand h2{font-size:1.25rem;margin:0;font-weight:700;color:#111827}.user-controls{display:flex;align-items:center;gap:15px}.welcome-text{font-size:.9rem;color:#6b7280;font-weight:500}.dashboard-content{max-width:1000px;margin:40px auto;padding:0 20px;position:relative;z-index:50}.actions-bar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 4px #00000008;margin-bottom:30px;border:1px solid #e5e7eb}.btn-new-doc{background-color:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.btn-new-doc:hover{background-color:#1d4ed8}.join-section-bar{display:flex;gap:10px}.join-section-bar input{padding:10px;border:1px solid #d1d5db;border-radius:6px;width:280px;outline:none}.btn-join{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer}.btn-join:hover{background:#e5e7eb}.docs-area h3{color:#374151;margin-bottom:20px}.docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.doc-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s;overflow:hidden;display:flex;flex-direction:column}.doc-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a}.doc-preview{height:120px;background:#f9fafb;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #f3f4f6}.doc-info{padding:15px}.doc-title{margin:0 0 5px;font-size:1rem;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-id{font-size:.75rem;color:#9ca3af;font-family:monospace}.status-text{color:#6b7280;font-style:italic}.empty-state{text-align:center;color:#6b7280;margin-top:40px}