:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-text: #0f0f0a;--color-background: #ebf3ff;--color-primary: #a3b0cc;--color-secondary: #687082;--color-accent: #545a69;--color-surface: #ffffff;--color-surface-elevated: #f8fafc;--color-border: #e2e8f0;--color-border-hover: #cbd5e0;--color-text-primary: #1a202c;--color-text-secondary: #4a5568;--color-text-muted: #718096;--color-text-disabled: #a0aec0;--color-button-bg: #a3b0cc;--color-button-hover: #8a99b8;--color-button-text: #ffffff;--color-link: #687082;--color-link-hover: #545a69;--color-success: #48bb78;--color-success-light: #c6f6d5;--color-warning: #ed8936;--color-warning-light: #feebc8;--color-error: #f56565;--color-error-light: #fed7d7;--color-info: #4299e1;--color-info-light: #bee3f8;color-scheme:light dark;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: dark){:root{--color-text: #f5f5f0;--color-background: #000814;--color-primary: #33405c;--color-secondary: #7d8597;--color-accent: #969cab;--color-surface: #1a202c;--color-surface-elevated: #2d3748;--color-border: #4a5568;--color-border-hover: #718096;--color-text-primary: #fafafa;--color-text-secondary: #e2e8f0;--color-text-muted: #cbd5e0;--color-text-disabled: #a0aec0;--color-button-bg: #33405c;--color-button-hover: #4a5568;--color-button-text: #fafafa;--color-link: #7d8597;--color-link-hover: #969cab;color-scheme:dark;color:var(--color-text);background-color:var(--color-background)}}a{font-weight:500;color:var(--color-link);text-decoration:inherit}a:hover{color:var(--color-link-hover)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-surface-elevated);background-size:cover;background-repeat:no-repeat;background-position:center center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-surface-elevated);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-border-hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (max-width: 768px){h1{font-size:2em}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-surface-elevated)}#root,.App{min-height:100vh}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;color:var(--color-text-primary)}.logo{width:65px;height:65px;background:url(/Images/zoey2-2.png);background-size:contain;background-repeat:no-repeat;background-position:center}.logo-container{display:flex;align-items:center;gap:.25rem}.logo-text{font-size:1.25rem;font-weight:italic;color:var(--color-text-primary)}.logo-text:hover{color:var(--color-text-primary)}@media (max-width: 768px){.logo{width:40px;height:40px}}.lp-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid var(--color-border)}.lp-logo{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.button-nav{display:flex;gap:1rem}.button-nav-link,.lp-nav-link{background-color:var(--color-surface-elevated);color:var(--color-text-primary);padding:.5rem 1rem;border-radius:6px;border:1px solid var(--color-border);text-decoration:none;font-weight:500;transition:all .2s;cursor:pointer}.button-nav-link:hover,.lp-nav-link:hover{color:var(--color-surface);background-color:var(--color-text-primary)}@media (max-width: 768px){.button-nav{flex-wrap:wrap;gap:.5rem;justify-content:center}.button-nav-link,.lp-nav-link{padding:.4rem .8rem;font-size:.9rem}}.lp-cta-btn{background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-text-secondary) 100%);color:var(--color-surface);padding:1rem 2.5rem;border-radius:8px;text-decoration:none;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #0000001a;display:inline-block;border:none;cursor:pointer}.lp-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.lp-footer{text-align:center;padding:2rem;border-top:1px solid var(--color-border);color:var(--color-text-muted)}.legal-link{text-align:center;padding:2rem;color:var(--color-text-muted);text-decoration:none}.legal-link:hover{color:var(--color-text-muted);text-decoration:underline}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.landing-page,.changelog-page,.pricing-page,.legal-page{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background-color:var(--color-surface-elevated)}.lp-hero,.pp-hero,.footer-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6rem 2rem;background-color:var(--color-surface-elevated)}.lp-hero h1,.pp-hero h1,.footer-hero h1{font-size:3.5rem;font-weight:800;color:var(--color-text-primary);margin-bottom:1rem;max-width:600px}.landing-page .lp-hero h1{font-size:6rem}.lp-hero p,.pp-hero p,.footer-hero p{font-size:1.25rem;color:var(--color-text-primary);max-width:600px;margin-bottom:2rem;line-height:1.5}.footer-hero p{text-align:justify}.footer-hero h3{margin-top:2rem;margin-bottom:1rem;font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.footer-hero ul{margin-left:1.5rem;margin-bottom:1.5rem;list-style-type:disc;list-style-position:outside;color:var(--color-text-primary);text-align:left}.footer-hero li{margin-bottom:.5rem;line-height:1.5}.lp-features,.pp-content{padding:5rem 2rem;text-align:center}.lp-features h2,.pp-content h2{font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:var(--color-text-primary)}.pp-content{max-width:800px;margin:0 auto}.pp-content-text{font-size:1.1rem;line-height:1.8;color:var(--color-text-primary);margin-bottom:3rem;text-align:left;background-color:#f9fafb;padding:2rem;border-radius:12px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background-color:var(--color-surface);padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid var(--color-border)}.feature-card h3{font-size:1.5rem;font-weight:600;margin-top:0;margin-bottom:.5rem;color:var(--color-text-primary)}.feature-card p{color:var(--color-text-primary);line-height:1.6}.lp-preview{padding:5rem 2rem;text-align:center}.lp-preview h2{font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:var(--color-text-primary)}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.preview-card{background-color:var(--color-surface);padding:1rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid var(--color-border);overflow:hidden}.preview-card img{width:100%;height:250px;display:block;border-radius:8px;object-fit:contain;cursor:pointer}.preview-card h3{font-size:1.5rem;font-weight:600;margin-top:0;margin-bottom:.5rem;color:var(--color-text-primary)}.preview-card p{color:var(--color-text-primary);line-height:1.6}.modal-image{max-width:95vw;max-height:95vh;background-color:var(--color-surface);padding:.5rem;border-radius:8px;box-shadow:0 5px 15px #0000004d}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--color-surface);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#333;cursor:pointer;border:1px solid #ccc;z-index:1001}@media (max-width: 768px){.lp-hero,.pp-hero,.footer-hero{padding:2.5rem 1.5rem}.lp-hero h1{font-size:2rem!important;max-width:100%}.pp-hero h1,.footer-hero h1{font-size:2rem}.lp-hero p,.pp-hero p{font-size:1rem}.lp-features,.lp-preview,.pp-content{padding:3rem 1.5rem}.lp-features h2,.lp-preview h2,.pp-content h2{font-size:1.75rem}.pp-content-text{font-size:1rem;padding:1.5rem}.features-grid,.preview-grid{grid-template-columns:1fr;gap:1.5rem}}.dashboard{min-height:100vh;width:100%}.dashboard-header{background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);padding:16px 0;position:sticky;top:0;z-index:100;width:100%}.header-content{margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 24px}.header-content h1{color:var(--color-text-primary);font-size:24px;font-weight:700;margin:0}.header-search{flex-grow:1;margin:0 24px;max-width:500px;display:flex;justify-content:center;align-items:center}.hd-nav{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);display:flex;gap:1rem;text-decoration:none}.hd-nav:hover{color:var(--color-text-primary)}.signout-btn{align-items:center;display:flex;gap:1rem;background-color:var(--color-surface-elevated);color:var(--color-text-primary);padding:.5rem 1rem;border-radius:6px;border:1px solid var(--color-border);text-decoration:none;font-weight:500;cursor:pointer;font-size:14px;transition:all .2s}.signout-btn:hover{color:var(--color-surface);background-color:var(--color-text-primary)}.user-menu{position:relative}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--color-text-primary);border:2px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.user-avatar:hover{transform:scale(1.05)}.avatar-icon{width:24px;height:24px;color:var(--color-surface)}.avatar-initial{font-size:16px;font-weight:600;color:var(--color-surface);-webkit-user-select:none;user-select:none}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:240px;z-index:1000;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:12px 16px;display:flex;flex-direction:column;gap:4px}.user-name{font-weight:600;color:var(--color-text-primary);font-size:14px}.user-email{font-size:12px;color:var(--color-text-muted)}.dropdown-divider{height:1px;background-color:var(--color-border);margin:0}.dropdown-item{width:100%;padding:10px 16px;background:none;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;color:var(--color-text-primary);font-size:14px;transition:background-color .2s;text-decoration:none}.dropdown-item:hover{background-color:var(--color-surface-elevated)}.dropdown-icon{width:18px;height:18px;color:var(--color-text-secondary);transform:translateY(-1px)}.dashboard-main{padding:32px 0}.content-container{max-width:1400px;margin:0 auto;padding:0 24px}.magic-input-section{margin-bottom:32px}.input-container{display:flex;gap:12px;background:var(--color-surface);border-radius:12px;padding:8px;box-shadow:0 4px 6px -1px #0000001a;border:2px solid transparent;transition:border-color .2s}.input-container:focus-within{border-color:var(--color-primary)}.magic-input{flex:1;border:none;outline:none;padding:12px 16px;font-size:16px;background:transparent;color:var(--color-text-primary)}.magic-input::placeholder{color:var(--color-text-disabled)}.save-btn{background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-text-secondary) 100%);color:var(--color-surface);border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.save-btn:hover{transform:translateY(-1px)}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-btn,.search-btn{background-color:var(--color-surface-elevated);color:var(--color-text-primary);padding:16px;border-radius:6px;border:1px solid var(--color-border);font-size:24px;font-weight:600;cursor:pointer;transition:transform .2s;width:50px;height:50px;display:flex;align-items:center;justify-content:center;line-height:1}.add-btn:hover,.search-btn:hover{transform:translateY(-1px) scale(1.05);border-color:var(--color-border-hover)}.search-button-container{position:relative}.search-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;padding:12px;min-width:300px;z-index:1000;animation:dropdownFadeIn .15s ease-out}.search-dropdown-input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background:var(--color-surface);color:var(--color-text-primary);outline:none;transition:border-color .2s}.search-dropdown-input:focus{border-color:var(--color-primary)}.category-button-container{position:relative;display:flex;flex-direction:column;align-items:center}.category-label{position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:10px;color:var(--color-text-primary);font-weight:600;white-space:nowrap;margin-top:2px}.category-menu-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;min-width:180px;max-height:320px;overflow-y:auto;z-index:1000;animation:dropdownFadeIn .15s ease-out}.category-dropdown-item{width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;display:block;color:var(--color-text-primary);font-size:14px;font-weight:500;transition:background-color .2s;border-bottom:1px solid var(--color-surface-elevated)}.category-dropdown-item:last-child{border-bottom:none}.category-dropdown-item:hover{background-color:var(--color-surface-elevated)}.category-dropdown-item.active{background-color:var(--color-text-primary);color:var(--color-surface)}.content-feed{min-height:400px}.empty-state{text-align:center;padding:64px 24px;color:var(--color-text-secondary)}.empty-state h3{font-size:20px;margin-bottom:12px;color:var(--color-text-primary)}.cards-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));max-width:1400px;margin:0 auto}.card{background:var(--color-surface);border-radius:12px;padding:16px;box-shadow:0 2px 4px #0000001a;border:1px solid var(--color-border);transition:all .2s;color:var(--color-text-primary);height:300px;display:flex;flex-direction:column;overflow:hidden}.card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.card-header h4{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary);flex:1;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s}.card:hover .card-actions{opacity:1}.card-action-btn{background:none;border:none;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.card-action-btn:hover{background-color:var(--color-surface-elevated)}.card-content{margin-bottom:12px;flex:1;overflow:hidden;cursor:pointer}.card-content p{margin:0;color:var(--color-text-primary);line-height:1.5;font-size:14px}.card-content pre{white-space:pre-wrap;word-wrap:break-word;overflow-x:auto;max-width:100%;background-color:var(--color-surface-elevated);padding:12px;border-radius:8px}.card-footer{border-top:1px solid var(--color-border);padding-top:8px}.card-footer small{color:var(--color-text-muted);font-size:12px}.link-card{border:1px solid var(--color-info)}.card-image{margin-bottom:12px;border-radius:8px;overflow:hidden}.card-image img{width:100%;height:120px;object-fit:cover;display:block}.link-description{margin:0 0 8px;color:var(--color-text-secondary);line-height:1.5;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.link-domain{font-size:12px;color:var(--color-text-disabled);background:var(--color-surface-elevated);padding:4px 8px;border-radius:4px;display:inline-block}.card-link{display:inline-block;background:var(--color-info);color:var(--color-surface);padding:8px 12px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:500;transition:background-color .2s}.note-card{border:1px solid var(--color-success)}.note-custom-title{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--color-text-primary)}.note-content{margin:0;color:var(--color-text-primary);line-height:1.6;font-size:15px;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.header-content{padding:0 16px;flex-direction:column;gap:12px;align-items:stretch}.header-search{margin:0;max-width:100%}.content-container{padding:0 16px}.input-container{flex-direction:column}.cards-grid{grid-template-columns:1fr;gap:8px}.card{height:auto;min-height:250px}.signout-btn{padding:.3rem .6rem;font-size:.75rem;gap:.5rem}}.signin-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.signin-card{background:var(--color-surface);border-radius:12px;padding:40px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;width:100%;text-align:center}.signin-card h1{color:var(--color-text-primary);font-size:28px;font-weight:700;margin-bottom:12px}.signin-subtitle{color:var(--color-text-secondary);font-size:16px;margin-bottom:32px}.error-message{background-color:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error);padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.signin-buttons{display:flex;flex-direction:column;gap:16px}.google-signin-btn,.apple-signin-btn,.twitter-signin-btn,.github-signin-btn{width:100%;padding:12px 24px;border:1px solid var(--color-border);border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:12px}.google-signin-btn{background:var(--color-surface);color:var(--color-text-primary)}.google-signin-btn:hover{background-color:var(--color-surface-elevated);transform:translateY(-1px)}.apple-signin-btn,.twitter-signin-btn{background-color:#000;color:var(--color-surface);border-color:#000}.github-signin-btn{background-color:#24292e;color:var(--color-surface);border-color:#24292e}.apple-signin-btn:hover,.twitter-signin-btn:hover,.github-signin-btn:hover{opacity:.9;transform:translateY(-1px)}.btn-content{display:flex;align-items:center;justify-content:center;gap:12px}.google-icon,.apple-icon,.twitter-icon,.github-icon{width:24px;height:24px;flex-shrink:0}.settings-container{min-height:100vh;background-color:var(--color-surface-elevated);padding:40px 20px}.settings-content{max-width:800px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-primary);text-decoration:none;font-size:14px;margin-bottom:16px}.settings-header h1{color:var(--color-text-primary);font-size:32px;font-weight:700}.settings-card{background:var(--color-surface);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.settings-card h2{color:var(--color-text-primary);font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.settings-field label{display:block;color:var(--color-text-primary);font-size:14px;font-weight:500;margin-bottom:8px}.field-value{color:var(--color-text-primary);font-size:16px;padding:10px 12px;background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:6px}.feedback-form-container{display:flex;flex-direction:column;align-items:center;padding:20px}.feedback-form-container h1{text-align:center;margin-bottom:20px;color:var(--color-text-primary)}.form-group{background-color:var(--color-surface);padding:10px;border-radius:6px;width:100%;max-width:500px;margin-bottom:15px}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;font-family:inherit;background:var(--color-surface);color:var(--color-text-primary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #a3b0cc40}.modal-content{background-color:var(--color-surface);padding:20px;border-radius:8px;position:relative;width:90%;max-width:500px}.rich-text-modal{background:var(--color-surface);padding:24px;border-radius:12px;width:90%;max-width:800px;box-shadow:0 10px 25px #0000001a}.rich-text-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.rich-text-modal .close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-muted)}.rich-text-modal .title-input{font-size:20px;background-color:var(--color-surface-elevated);color:var(--color-text-primary);border:none;outline:none;width:100%;padding:8px 12px;border-bottom:2px solid transparent;transition:border-bottom-color .2s}.rich-text-modal .title-input:focus{border-bottom-color:var(--color-primary)}.category-selector{padding:12px 0;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:12px;margin-bottom:16px}.category-dropdown{flex:1;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background:var(--color-surface);color:var(--color-text-primary);cursor:pointer}.editor-tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:16px}.tab-btn{background-color:var(--color-surface-elevated);color:var(--color-text-primary);padding:.5rem 1rem;border-radius:6px 6px 0 0;border:1px solid var(--color-border);border-bottom:none;cursor:pointer;transition:all .2s}.tab-btn.active{color:var(--color-surface);background-color:var(--color-text-primary)}.markdown-toolbar{display:flex;gap:4px;padding:8px;background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:8px 8px 0 0;border-bottom:none;flex-wrap:wrap}.toolbar-btn{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:4px;padding:6px 12px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.toolbar-btn:hover{background-color:var(--color-text-primary);color:var(--color-surface);transform:translateY(-1px)}.toolbar-btn.active{background-color:var(--color-text-primary);color:var(--color-surface)}.toolbar-divider{width:1px;background-color:var(--color-border);margin:0 4px}.editor-wrapper{position:relative;display:flex;background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:0 0 8px 8px}.editor-wrapper.with-line-numbers{border-radius:8px}.line-numbers{padding:16px 8px;background-color:var(--color-surface);border-right:1px solid var(--color-border);-webkit-user-select:none;user-select:none;text-align:right;min-width:50px;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;color:var(--color-text-muted)}.line-number{height:22.4px}.markdown-editor{width:100%;height:400px;background-color:transparent;color:var(--color-text-primary);border:none;border-radius:8px;padding:16px;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;resize:vertical;outline:none}.editor-wrapper .markdown-editor{border-radius:0 0 8px 8px}.editor-wrapper.with-line-numbers .markdown-editor{border-radius:0 8px 8px 0;padding-left:8px}.editor-stats{padding:8px 16px;font-size:12px;color:var(--color-text-muted);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-top:none;border-radius:0 0 8px 8px;text-align:right}.markdown-preview{background-color:var(--color-surface-elevated);color:var(--color-text-primary);height:400px;overflow-y:auto;padding:16px;border:1px solid var(--color-border);border-radius:8px;line-height:1.6}.markdown-preview h1{font-size:2em;font-weight:700;border-bottom:2px solid var(--color-border);padding-bottom:12px;margin-top:24px;margin-bottom:16px}.markdown-preview h2{font-size:1.5em;font-weight:600;border-bottom:1px solid var(--color-border);padding-bottom:8px;margin-top:20px;margin-bottom:12px}.markdown-preview h3{font-size:1.25em;font-weight:600;margin-top:16px;margin-bottom:8px}.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{font-weight:600;margin-top:12px;margin-bottom:8px}.markdown-preview p{margin-bottom:16px;line-height:1.7}.markdown-preview ul,.markdown-preview ol{margin-bottom:16px;padding-left:24px}.markdown-preview li{margin-bottom:8px;line-height:1.6}.markdown-preview li>p{margin-bottom:8px}.markdown-preview code{background-color:#0000000d;padding:2px 6px;border-radius:4px;font-size:90%;font-family:Menlo,Monaco,Courier New,monospace;color:#e83e8c}.markdown-preview pre{background-color:#0000000d;padding:16px;border-radius:8px;overflow-x:auto;margin-bottom:16px;border:1px solid var(--color-border)}.markdown-preview pre code{background-color:transparent;padding:0;color:var(--color-text-primary);font-size:14px}.markdown-preview blockquote{border-left:4px solid var(--color-primary);padding-left:16px;padding-top:4px;padding-bottom:4px;margin:16px 0;color:var(--color-text-secondary);font-style:italic;background-color:#00000005}.markdown-preview table{border-collapse:collapse;width:100%;margin-bottom:16px}.markdown-preview table th,.markdown-preview table td{border:1px solid var(--color-border);padding:8px 12px;text-align:left}.markdown-preview table th{background-color:var(--color-surface);font-weight:600}.markdown-preview table tr:nth-child(2n){background-color:#00000005}.markdown-preview hr{border:none;border-top:2px solid var(--color-border);margin:24px 0}.markdown-preview a{color:var(--color-primary);text-decoration:underline}.markdown-preview a:hover{text-decoration:none}.markdown-preview img{max-width:100%;height:auto;border-radius:4px;margin:16px 0}.modal-actions{padding:20px;border-top:1px solid var(--color-border);display:flex;gap:10px;justify-content:flex-end}.modal-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.modal-btn.primary{background-color:var(--color-primary);color:var(--color-surface)}.modal-btn.primary:hover{opacity:.9;transform:translateY(-1px)}.modal-btn.secondary{background-color:var(--color-text-secondary);color:var(--color-surface)}.modal-btn.secondary:hover{opacity:.9;transform:translateY(-1px)}.title-modal-input{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:8px;margin-bottom:15px;font-size:14px;background:var(--color-surface);color:var(--color-text-primary)}.title-modal-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #a3b0cc40}.modal-preview{background-color:var(--color-surface-elevated);padding:12px;border-radius:6px;font-size:14px;color:var(--color-text-muted);border:1px solid var(--color-border)}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 0 0;border-top:1px solid var(--color-border);margin-top:16px;background:var(--color-surface)}.cancel-btn{background-color:var(--color-surface-elevated);color:var(--color-text-primary);padding:10px 20px;border-radius:6px;border:1px solid var(--color-border);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover{background-color:var(--color-text-secondary);color:var(--color-surface);transform:translateY(-1px)}.modal-footer .save-btn{padding:10px 20px;font-size:14px}@media (max-width: 768px){.rich-text-modal{width:95%;max-height:90vh;padding:16px;overflow-y:auto;display:flex;flex-direction:column}.rich-text-modal .modal-header{margin-bottom:12px;flex-shrink:0}.rich-text-modal .title-input{font-size:16px;padding:8px}.category-selector{padding:8px 0;margin-bottom:12px;flex-shrink:0}.editor-tabs{margin-bottom:12px;flex-shrink:0}.markdown-toolbar{padding:6px;gap:3px;flex-shrink:0}.toolbar-btn{padding:4px 8px;min-width:28px;height:28px;font-size:12px}.editor-container{flex:1;min-height:0;display:flex;flex-direction:column}.markdown-editor{height:250px;font-size:13px;padding:12px}.markdown-preview{height:250px;font-size:14px;padding:12px}.editor-stats{padding:6px 12px;font-size:11px;flex-shrink:0}.modal-footer{padding:12px 0 0;margin-top:12px;flex-shrink:0;position:sticky;bottom:0;background:var(--color-surface)}.modal-footer .save-btn,.cancel-btn{padding:10px 16px;font-size:13px;flex:1}}