@font-face{font-family:Inter;font-style:normal;font-weight:300;src:url(/assets/inter-v18-latin-300-CvRFFuZy.woff2) format("woff2");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(/assets/inter-v18-latin-regular-BOOGhInR.woff2) format("woff2");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url(/assets/inter-v18-latin-500-D2bGa7uu.woff2) format("woff2");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:600;src:url(/assets/inter-v18-latin-600-D273HNI0.woff2) format("woff2");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url(/assets/inter-v18-latin-700-Sckx8rpT.woff2) format("woff2");font-display:swap}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(/assets/roboto-mono-v23-latin-regular-C_5wUCW5.woff2) format("woff2");font-display:swap}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:700;src:url(/assets/roboto-mono-v23-latin-700-DpzZ8rK9.woff2) format("woff2");font-display:swap}:root{--bg-primary: #000000;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #bbbbbb;--border: #333333;--hover: #222222;--danger: #ffffff;--shadow: 0 4px 12px rgba(0, 0, 0, .3);--radius: 8px;--pattern-color: rgba(255, 255, 255, .5)}body.light-theme{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #0f0f0f;--text-secondary: #555555;--border: #e0e0e0;--hover: #f0f0f0;--danger: #0f0f0f;--shadow: 0 4px 12px rgba(0, 0, 0, .1);--pattern-color: rgba(20, 20, 20, .3)}body.sepia-theme{--bg-primary: #f5eddf;--bg-secondary: #ece0cc;--text-primary: #382c1d;--text-secondary: #6b5f50;--border: #d3c4a9;--hover: #e9dcc8;--danger: #382c1d;--shadow: 0 4px 12px rgba(56, 44, 29, .1);--pattern-color: rgba(56, 44, 29, .3)}body.slate-theme{--bg-primary: #1e2125;--bg-secondary: #272b31;--text-primary: #d8dde2;--text-secondary: #9fa6ad;--border: #3a3f47;--hover: #32373e;--danger: #d8dde2;--shadow: 0 4px 12px rgba(0, 0, 0, .3);--pattern-color: rgba(216, 221, 226, .4)}body.midnight-theme{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--border: #334155;--hover: #1e293b;--danger: #e2e8f0;--shadow: 0 4px 12px rgba(0, 0, 0, .4);--pattern-color: rgba(226, 232, 240, .4)}body.forest-theme{--bg-primary: #0f1f1a;--bg-secondary: #1a2e25;--text-primary: #d9e5e1;--text-secondary: #91ada5;--border: #2b4a3f;--hover: #1f382f;--danger: #d9e5e1;--shadow: 0 4px 12px rgba(0, 0, 0, .4);--pattern-color: rgba(217, 229, 225, .4)}body.monochrome-theme{--bg-primary: #000000;--bg-secondary: #121212;--text-primary: #ffffff;--text-secondary: #aaaaaa;--border: #333333;--hover: #1a1a1a;--danger: #ffffff;--shadow: 0 4px 12px rgba(0, 0, 0, .4);--pattern-color: rgba(255, 255, 255, .4)}body.blue-theme{--bg-primary: #f0f5fa;--bg-secondary: #e0e9f4;--text-primary: #0a2540;--text-secondary: #627994;--border: #c9d8eb;--hover: #d4e0f0;--danger: #0a2540;--shadow: 0 4px 12px rgba(10, 37, 64, .1);--pattern-color: rgba(10, 37, 64, .25)}body.mono-theme{--bg-primary: #000000;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #bbbbbb;--border: #333333;--hover: #222222;--danger: #ffffff;--shadow: 0 4px 12px rgba(0, 0, 0, .3);--pattern-color: rgba(255, 255, 255, .5)}body.mint-theme{--bg-primary: #f2f7f5;--bg-secondary: #e6f2ef;--text-primary: #204237;--text-secondary: #5c8376;--border: #cbe3d9;--hover: #d8ede5;--danger: #204237;--shadow: 0 4px 12px rgba(32, 66, 55, .1);--pattern-color: rgba(32, 66, 55, .3)}body.lavender-theme{--bg-primary: #f9f7ff;--bg-secondary: #efeaf6;--text-primary: #3c2d62;--text-secondary: #8672b3;--border: #d2caec;--hover: #e4dcf5;--danger: #3c2d62;--shadow: 0 4px 12px rgba(60, 45, 98, .1);--pattern-color: rgba(60, 45, 98, .3)}body.rose-gold-theme{--bg-primary: #fff1f4;--bg-secondary: #ffe4e9;--text-primary: #5c2d37;--text-secondary: #b37a85;--border: #e3b8c1;--hover: #f7d4d9;--danger: #a05262;--shadow: 0 4px 12px rgba(160, 82, 98, .15);--pattern-color: rgba(160, 82, 98, .25)}body.font-inter{--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-normal: 400;--font-weight-bold: 600}body.font-mono{--font-family: "SF Mono", "Roboto Mono", monospace;--font-weight-normal: 400;--font-weight-bold: 600;--font-size-adjust: .95}body.font-serif{--font-family: "Merriweather", Georgia, serif;--font-weight-normal: 300;--font-weight-bold: 600;--font-size-adjust: .95}body.font-space{--font-family: "Space Mono", "Courier New", monospace;--font-weight-normal: 400;--font-weight-bold: 700;--font-size-adjust: .9}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family, "Inter", -apple-system, BlinkMacSystemFont, sans-serif);font-weight:var(--font-weight-normal, 400)}body{background-color:var(--bg-primary);color:var(--text-primary);height:100vh;display:flex;flex-direction:column}.container{display:flex;flex:1;height:100%;position:relative;overflow:hidden}.sidebar{width:250px;background-color:var(--bg-primary);border-right:none;display:flex;flex-direction:column;overflow-y:auto;box-shadow:1px 0 10px #0000000d;transition:margin-left .3s ease;z-index:5;padding-bottom:20px;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.main-content{flex:1;display:flex;flex-direction:column;background-color:var(--bg-primary);padding:0;position:relative;width:100%;transition:padding-left .3s ease}#note-view{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.sidebar-header{padding:1.5rem;border-bottom:none;background-color:var(--bg-primary);position:sticky;top:0;z-index:10}.user-section{display:flex;align-items:center;gap:10px;margin-bottom:15px;background-color:var(--bg-secondary);padding:12px;border-radius:var(--radius);border:1px solid var(--border)}.user-avatar{width:32px;height:32px;border-radius:var(--radius);background-color:var(--bg-secondary);border:1px solid var(--text-primary);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-weight:700}.username{font-size:14px;font-weight:500;flex:1}.logout-btn{cursor:pointer;color:var(--text-secondary);transition:color .2s;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius)}.logout-btn:hover{color:var(--text-primary);background-color:transparent}.notes-list{padding:.5rem 1rem;flex:1;margin-bottom:60px}.create-note{display:flex;align-items:center;padding:12px 15px;color:var(--bg-primary);cursor:pointer;border-radius:var(--radius);margin:.5rem 0 1rem;transition:all .3s ease;background-color:var(--text-primary);font-weight:500;border:none;box-shadow:var(--shadow)}.create-note:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.create-note i{margin-right:10px;font-size:12px}.note-item{padding:12px 15px;cursor:pointer;border-radius:var(--radius);margin:.5rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s;border-left:2px solid transparent}.note-item:hover,.note-item.active{background-color:var(--hover)}.note-content{flex:1;display:flex;width:100%;height:calc(100vh - 40px);padding:20px 0 0}.note-title-input{width:100%;background:transparent;border:none;color:var(--text-primary);font-size:1.8em;font-weight:600;line-height:1.4;outline:none;padding:80px 120px 30px;display:block;box-sizing:border-box;flex-shrink:0;z-index:1}.note-content-editor{width:100%;flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1.1rem;line-height:1.8;resize:none;outline:none;padding:0 100px 50vh 120px;border-radius:0;overflow-y:auto;caret-color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;box-sizing:border-box}.note-content-editor::-webkit-scrollbar{width:8px}.note-content-editor::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.note-content-editor::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:4px;border:2px solid var(--bg-primary)}.note-content-editor::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}@media (max-width: 768px){.note-title-input{padding:60px 30px 0;font-size:1.6em}.note-content-editor{padding:0 15px 30vh;font-size:16px;flex:1;overflow-y:auto}}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--bg-primary);background-image:radial-gradient(circle at 50% 30%,rgba(255,255,255,.05),transparent 70%)}.auth-box{width:360px;background-color:var(--bg-secondary);border-radius:16px;padding:2.5rem;box-shadow:0 15px 30px #0000004d;animation:fadeIn .5s ease-out;border:1px solid var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.auth-subtitle{color:var(--text-secondary);font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary);font-weight:500}.form-input{width:100%;padding:12px;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:1rem;transition:all .2s}.form-input:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 0 1px #ffffff1a}.btn{display:block;width:100%;padding:12px;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.btn-primary{background-color:var(--text-primary);color:var(--bg-primary);box-shadow:var(--shadow);transition:all .3s ease}.btn-primary:hover{background-color:var(--text-primary);transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.btn-primary:active{transform:translateY(1px);background-color:var(--text-primary);box-shadow:var(--shadow)}.auth-footer{text-align:center;margin-top:1.8rem;color:var(--text-secondary);font-size:.9rem}.auth-link{color:var(--text-primary);text-decoration:none;cursor:pointer;font-weight:500;transition:all .2s}.auth-link:hover{text-decoration:underline}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--text-primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:24px;right:24px;padding:12px 16px;background-color:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius);border:1px solid var(--border);z-index:1000;opacity:0;transform:translateY(10px);transition:all .3s ease;max-width:300px}.toast.visible{opacity:1;transform:translateY(0)}.toast.success,.toast.error{border-left:4px solid var(--text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:var(--text-secondary);text-align:center;padding:2rem;animation:fadeIn .5s ease-out}.empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.5;color:var(--text-primary)}.empty-state h2{font-size:1.5rem;font-weight:500;margin-bottom:.5rem}.empty-state p{max-width:400px;line-height:1.6}.sidebar-toggle{position:absolute;left:200px;bottom:20px;background:var(--bg-secondary);width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:15;transition:all .3s;border:1px solid var(--border)}.sidebar-toggle i{font-size:16px;color:var(--text-primary);transition:transform .3s}.container.sidebar-hidden .sidebar{margin-left:-250px}.container.sidebar-hidden .main-content{padding-left:50px}.container.sidebar-hidden .sidebar-toggle{left:16px}.container.sidebar-hidden .sidebar-toggle i{transform:rotate(180deg)}.note-actions{position:absolute;top:15px;right:20px;z-index:10}.delete-note{display:flex;cursor:pointer;color:var(--text-secondary);transition:all .2s;font-size:14px;width:36px;height:36px;border-radius:var(--radius);align-items:center;justify-content:center;background-color:var(--bg-secondary);border:1px solid var(--border)}.delete-note i{pointer-events:none}.delete-note:hover{color:var(--text-primary);transform:translateY(-2px)}.container:not(.sidebar-hidden) .note-actions .delete-note{display:flex}.save-status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--text-secondary);opacity:0;transition:opacity .3s ease,background-color .3s ease;position:fixed;bottom:20px;right:20px;z-index:1001}.save-status-dot.visible{opacity:1}.save-status-dot.saving{background-color:var(--text-secondary)}.save-status-dot.saved,.save-status-dot.error{background-color:var(--text-primary)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease,visibility .3s ease}.modal-overlay.visible{opacity:1;visibility:visible}.modal-content{width:380px;background-color:var(--bg-secondary);border-radius:16px;padding:2.5rem;box-shadow:0 15px 30px #0006;position:relative;transform:scale(.95);transition:transform .3s ease;border:1px solid var(--border)}.modal-overlay.visible .modal-content{transform:scale(1)}.modal-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;transition:color .2s}.modal-close-btn:hover{color:var(--text-primary)}.merge-content{margin:1.5rem 0;line-height:1.5}.merge-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--hover);transform:translateY(-2px)}@media (max-width: 768px){.container{flex-direction:row;overflow-x:hidden}.sidebar{position:fixed;top:0;left:0;width:80%;max-width:300px;height:100%;height:-webkit-fill-available;z-index:1000;background-color:var(--bg-primary);transform:translate(-100%);transition:transform .3s cubic-bezier(.25,.1,.25,1);box-shadow:2px 0 10px #0003;overflow-y:auto;border-bottom:none;border-right:1px solid var(--border);margin-left:0!important}body.sidebar-visible .sidebar{transform:translate(0)}.main-content{padding-left:0;width:100%;transition:none}.sidebar-toggle{position:fixed;right:20px;bottom:20px;width:50px;height:50px;background-color:var(--text-primary);color:var(--bg-primary);border-radius:50%;box-shadow:0 2px 10px #0000004d;z-index:1010;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;left:auto;opacity:1;visibility:visible}.sidebar-toggle i{color:var(--bg-primary);font-size:18px}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:990;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.save-status-dot{bottom:80px}body.sidebar-visible .sidebar-overlay{opacity:1;visibility:visible}.container.sidebar-hidden .main-content,.container.sidebar-hidden .sidebar-toggle{padding-left:initial;left:initial;opacity:initial;visibility:initial}.palette-columns{flex-direction:column;gap:20px}.theme-palette{position:fixed;left:0;bottom:0;width:100%;max-width:100%;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:15px 15px 0 0;box-shadow:0 -2px 10px #0003;padding:20px;z-index:1100;background-color:var(--bg-secondary);transform:translateY(100%);transition:transform .3s ease;display:block;animation:none}.theme-palette.active{transform:translateY(0)}.theme-palette:before{content:"";display:block;width:40px;height:5px;background-color:var(--border);border-radius:5px;margin:0 auto 15px}.note-content-editor{padding:30px;padding-bottom:30vh;font-size:19px}.note-actions .delete-note{display:flex!important;position:absolute;top:0;right:0}.note-actions{position:absolute;top:15px;right:15px;z-index:10;height:36px}.theme-toggle{position:fixed;left:20px;bottom:20px;z-index:1010;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.info-toggle{position:fixed;left:70px;bottom:20px;z-index:1010;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}body.sidebar-visible .theme-toggle,body.sidebar-visible .info-toggle{opacity:1;visibility:visible;pointer-events:auto}.info-popup{position:fixed;left:70px;bottom:65px;z-index:1000;transition:opacity .2s ease;display:none}.info-popup.active{display:block;z-index:2000;opacity:1}.theme-palette{position:fixed;z-index:1000;background-color:var(--bg-secondary);transform:translateY(100%);transition:transform .3s ease;display:block;animation:none}.theme-palette.active{transform:translateY(0);z-index:2000}}.theme-toggle{position:fixed;left:20px;bottom:20px;background:var(--bg-secondary);width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1010;transition:all .3s;border:1px solid var(--border)}.theme-toggle i{font-size:16px;color:var(--text-primary);transition:transform .3s;pointer-events:none}.theme-toggle:hover{transform:translateY(-2px)}.container.sidebar-hidden .theme-toggle{left:20px}@media (max-width: 768px){.info-toggle{position:fixed;left:70px;bottom:20px;z-index:1010}}.theme-palette{position:absolute;left:30px;bottom:40px;background-color:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);padding:12px;z-index:100;display:none;box-shadow:var(--shadow);width:160px}.theme-palette.active{display:block;animation:fadeIn .3s ease-out}.theme-option{display:flex;align-items:center;padding:8px 10px;border-radius:var(--radius);cursor:pointer;margin-bottom:6px;transition:all .2s}.theme-option:last-child{margin-bottom:0}.theme-option:hover,.theme-option.active{background-color:var(--hover)}.theme-color{width:16px;height:16px;border-radius:50%;margin-right:10px}.theme-color.dark{background-color:#000;border:1px solid #333333}.theme-name{font-size:.9rem;color:var(--text-primary)}.font-mono .note-content-editor,.font-space .note-content-editor{font-size:calc(1.1rem * var(--font-size-adjust, 1));line-height:1.7}.font-serif .note-content-editor{font-size:calc(1.1rem * var(--font-size-adjust, 1));line-height:1.8}.palette-columns{display:flex;width:100%;gap:15px}.palette-column{flex:1;min-width:120px}.theme-palette{width:470px;max-width:90vw;margin-bottom:20px}@media (max-width: 500px){.palette-columns{flex-direction:column;gap:20px}.theme-palette{width:250px}}.palette-section{margin-bottom:12px}.palette-section-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:8px;padding-left:4px}.theme-color.monochrome{background-color:#000;border-radius:50%}.font-option{display:flex;align-items:center;padding:8px 10px;border-radius:var(--radius);cursor:pointer;margin-bottom:6px;transition:all .2s}.font-option:last-child{margin-bottom:0}.font-option:hover,.font-option.active{background-color:var(--hover)}.bg-none{background-image:none}.bg-dots{background-image:radial-gradient(var(--pattern-color) 1.5px,transparent 1.5px);background-size:20px 20px;background-position:0 0;background-color:var(--bg-primary);opacity:.25}.bg-grid{background-image:linear-gradient(var(--pattern-color) 1.5px,transparent 1.5px),linear-gradient(90deg,var(--pattern-color) 1.5px,transparent 1.5px);background-size:20px 20px;background-position:0 0;background-color:var(--bg-primary);opacity:.2}.bg-Diamonds{background:var(--bg-primary);background-image:linear-gradient(135deg,var(--pattern-color) 25%,transparent 25%),linear-gradient(225deg,var(--pattern-color) 25%,transparent 25%),linear-gradient(315deg,var(--pattern-color) 25%,transparent 25%),linear-gradient(45deg,var(--pattern-color) 25%,transparent 25%);background-size:10px 10px;opacity:.2}.bg-scatter{background-color:var(--bg-primary);background-image:radial-gradient(var(--pattern-color) 1.5px,transparent 1.5px),radial-gradient(var(--pattern-color) 1.5px,var(--bg-primary) 1.5px);background-size:50px 50px;background-position:0 0,25px 25px;opacity:.2}.bg-paper{background-color:var(--bg-primary);background-image:linear-gradient(var(--pattern-color) 1px,transparent 1px),linear-gradient(90deg,var(--pattern-color) 1px,transparent 1px);background-size:40px 40px;background-position:0 0,0 0;opacity:.15}.bg-soft-lines{background-color:var(--bg-primary);background-image:repeating-linear-gradient(0deg,var(--pattern-color),var(--pattern-color) 1px,transparent 1px,transparent 31px);opacity:.25}.note-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none}.note-content-editor{position:relative;z-index:1;background:transparent}.background-option{display:flex;align-items:center;padding:8px 10px;border-radius:var(--radius);cursor:pointer;margin-bottom:6px;transition:all .2s}.background-option:hover,.background-option.active{background-color:var(--hover)}.background-preview{width:16px;height:16px;border-radius:4px;margin-right:10px;border:1px solid var(--border);position:relative;overflow:hidden}.background-preview.none{background:var(--bg-primary)}.background-preview.dots{background-image:radial-gradient(var(--pattern-color) 1px,transparent 1px);background-size:4px 4px;opacity:.9}.background-preview.grid{background-image:linear-gradient(var(--pattern-color) 1px,transparent 1px),linear-gradient(90deg,var(--pattern-color) 1px,transparent 1px);background-size:4px 4px;opacity:.9}.background-preview.Diamonds{background-image:linear-gradient(135deg,var(--pattern-color) 25%,transparent 25%),linear-gradient(225deg,var(--pattern-color) 25%,transparent 25%),linear-gradient(315deg,var(--pattern-color) 25%,transparent 25%),linear-gradient(45deg,var(--pattern-color) 25%,transparent 25%);background-size:10px 10px;opacity:.9}.background-preview.scatter{background-image:radial-gradient(var(--pattern-color) 1px,transparent 1px),radial-gradient(var(--pattern-color) 1px,var(--bg-primary) 1px);background-size:6px 6px;background-position:0 0,3px 3px;opacity:.9}.background-preview.paper{background-image:linear-gradient(var(--pattern-color) .5px,transparent .5px),linear-gradient(90deg,var(--pattern-color) .5px,transparent .5px);background-size:3px 3px;opacity:.9}.background-preview.soft-lines{background-image:repeating-linear-gradient(0deg,var(--pattern-color),var(--pattern-color) 1px,transparent 1px,transparent 3.1px);opacity:.9}.background-name{font-size:.9rem;color:var(--text-primary)}@media (max-width: 768px){.theme-palette{width:auto;box-shadow:none;border:none;border-radius:0}}@media (max-width: 768px){.theme-palette{z-index:1200}.sidebar-toggle{bottom:20px;right:20px;z-index:1010}.theme-palette.active~.sidebar-toggle,body:has(.theme-palette.active) .sidebar-toggle{bottom:20px;opacity:.5}}.popup-overlay{position:fixed;z-index:2000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.popup-overlay.visible{opacity:1;visibility:visible}.popup-content{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:12px;box-shadow:0 4px 15px #00000040;max-width:200px;transform:scale(.95);transition:transform .2s ease;text-align:center}.popup-overlay.visible .popup-content{transform:scale(1)}.popup-actions{display:flex;justify-content:space-between;margin-top:10px;gap:8px}.popup-btn{flex:1;padding:8px;border:none;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.popup-btn-primary{background-color:var(--text-primary);color:var(--bg-primary)}.popup-btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border)}.popup-btn:hover{transform:translateY(-1px)}.format-popup{position:absolute;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:5px;z-index:100;display:none;opacity:0;transition:opacity .2s ease}.format-popup.visible{display:flex;opacity:1}.format-popup button{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;margin:0 2px;border-radius:var(--radius);transition:background-color .2s ease}.format-popup button:hover{background-color:var(--hover)}.format-popup button i{font-size:14px}@media (max-width: 768px){.format-popup{padding:8px}.format-button{width:40px;height:40px;font-size:16px}}.note-content-wrapper{flex:1;display:flex;width:100%;height:calc(100vh - 40px);padding:0;position:relative}.note-editor[contenteditable=true]{width:100%;height:100%;background:transparent;border:none;color:var(--text-primary);font-size:1.1rem;line-height:1.6;resize:none;outline:none;padding:50px 100px;border-radius:0;overflow-y:auto;padding-bottom:50vh;white-space:pre-wrap;word-wrap:break-word;caret-color:var(--text-primary);position:relative}.note-editor[contenteditable=true]:empty:before{content:"Start typing...";color:var(--text-secondary);position:absolute;top:50px;left:100px;pointer-events:none}.note-editor[contenteditable=true]::-webkit-scrollbar{width:8px}.note-editor[contenteditable=true]::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.note-editor[contenteditable=true]::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:4px;border:2px solid var(--bg-primary)}.note-editor[contenteditable=true]::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}@media (max-width: 768px){.note-editor[contenteditable=true]{padding:20px 15px;padding-bottom:30vh;font-size:16px}.note-editor[contenteditable=true]:empty:before{top:20px;left:15px}}.theme-color.light{background-color:#fff;border:1px solid #e0e0e0}.theme-color.sepia{background-color:#f8f3e9;border:1px solid #d3c4a9}.theme-color.slate{background-color:#1e2125;border:1px solid #3a3f47}.theme-color.midnight{background-color:#0f172a;border:1px solid #334155;border-radius:50%}.theme-color.forest{background-color:#0f1f1a;border:1px solid #2b4a3f;border-radius:50%}.theme-color.blue{background-color:#f0f5fa;border:1px solid #c9d8eb}.theme-color.mint{background-color:#f2f7f5;border:1px solid #cbe3d9}.theme-color.lavender{background-color:#f9f7ff;border:1px solid #d2caec}.theme-color.rose-gold{background-color:#f9f2f5;border:1px solid #e7ccd0;border-radius:50%}.theme-color.mono{background-color:#000;border:1px solid #333333;border-radius:50%}.info-toggle{position:fixed;left:70px;bottom:20px;background:var(--bg-secondary);width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1010;transition:all .3s;border:1px solid var(--border)}.info-toggle i{font-size:16px;color:var(--text-primary);transition:transform .3s;pointer-events:none}.info-toggle:hover{transform:translateY(-2px)}.info-popup{position:fixed;left:70px;bottom:65px;background-color:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);padding:10px;z-index:1005;display:none;box-shadow:var(--shadow);width:auto;min-width:100px;z-index:1000;transition:opacity .2s ease}.info-popup.active{display:block;z-index:2000;opacity:1}.info-link{display:block;padding:8px 10px;color:var(--text-primary);text-decoration:none;font-size:.9rem;border-radius:var(--radius);transition:background-color .2s}.info-link:hover{background-color:var(--hover)}@media (max-width: 768px){.info-toggle{left:65px;bottom:20px}.info-popup{left:20px;bottom:65px;width:auto;max-width:calc(100% - 40px);z-index:1200}}.container.sidebar-hidden .info-toggle{opacity:0;visibility:hidden}.container.sidebar-hidden .theme-toggle,.container.sidebar-hidden .info-toggle,.container.sidebar-hidden .theme-palette,.container.sidebar-hidden .info-popup{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .1s ease,visibility .1s ease}