@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#7c66dc;--primary-dark:#5b4cc4;--primary-light:#9d8ce7;--text-primary:#f3f4f6;--text-secondary:#18325a;--card-background:#ffffff26;--card-border:#fff3;--input-bg:#1f2937cc;--input-border:#9333ea33;--shadow-light:#0000001a;--shadow-dark:#0003}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:#111;color:#f3f4f6;color:var(--text-primary);font-family:Poppins,sans-serif}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(.5deg)}}@keyframes gentleBreeze{0%,to{transform:rotate(0deg)}50%{transform:rotate(1deg)}}@keyframes fall{0%{transform:translateY(-100vh) rotate(0deg)}to{transform:translateY(100vh) rotate(1turn)}}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.login-container{background-image:url(https://images4.alphacoders.com/136/1369866.png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;overflow:hidden;position:relative;width:100vw}.login-container:before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0003;content:"";inset:0;position:absolute;z-index:1}.content-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem;position:relative;z-index:2}.login-card{animation:float 6s ease-in-out infinite;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff26;background:var(--card-background);border:1px solid #fff3;border:1px solid var(--card-border);border-radius:24px;box-shadow:0 8px 32px #0000001a;box-shadow:0 8px 32px var(--shadow-light);max-width:420px;padding:2.5rem;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;width:100%}.login-card:hover{border-color:#ffffff4d;box-shadow:0 15px 40px #0003;box-shadow:0 15px 40px var(--shadow-dark);transform:translateY(-5px)}.logo-section{animation:gentleBreeze 5s ease-in-out infinite;margin-bottom:2.5rem;text-align:center}.title{animation:gradientMove 6s linear infinite;background:linear-gradient(270deg,#f0c5fc,#b496ff,#96b4ff,#f0c5fc);-webkit-background-clip:text;background-clip:text;background-size:300% auto;color:#0000;font-size:2.75rem;font-weight:700;letter-spacing:1px;text-shadow:0 0 30px #f0c5fc4d}.subtitle{color:#18325a;color:var(--text-secondary);font-size:1.1rem;margin-top:.5rem;text-shadow:0 0 10px #fff3}.login-form{gap:1.75rem}.input-group,.login-form{display:flex;flex-direction:column}.input-group{gap:.625rem}label{color:#18325a;color:var(--text-secondary);font-size:.875rem;font-weight:500}input{background:#1f2937cc;background:var(--input-bg);border:1px solid #9333ea33;border:1px solid var(--input-border);border-radius:.75rem;color:#f3f4f6;color:var(--text-primary);padding:.75rem 1rem;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease,transform var(--transition-speed) ease;width:100%}input:focus{border-color:#7c66dc;border-color:var(--primary-color);box-shadow:0 0 0 2px #9333ea4d;outline:none;transform:translateY(-1px)}.button-group{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.primary-button{background:linear-gradient(135deg,#9d8ce7,#7c66dc);background:linear-gradient(135deg,var(--primary-light),var(--primary-color));border:none;border-radius:12px;box-shadow:0 6px 20px #7c66dc66;color:#fff;font-size:1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:1rem;position:relative;text-shadow:0 2px 4px #0000004d;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;width:100%}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#7c66dc,#5b4cc4);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:0 8px 25px #7c66dc99;transform:translateY(-3px)}.primary-button:disabled{cursor:not-allowed;opacity:.7}.secondary-button{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0009;border:1px solid #ffffff80;border-radius:12px;color:#f3f4f6;color:var(--text-primary);font-size:1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:1rem;position:relative;transition:background .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease;transition:background var(--transition-speed) ease,border-color var(--transition-speed) ease,transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;width:100%}.secondary-button:hover{background:#000c;border-color:#ffffffb3;box-shadow:0 5px 15px #fff3;transform:translateY(-3px)}.footer-links{font-size:.9rem;margin-top:2rem;text-align:center}.footer-links,.footer-links a{color:#18325a;color:var(--text-secondary)}.footer-links a{text-decoration:none;text-shadow:0 0 10px #fff3;transition:color .3s ease,text-shadow .3s ease;transition:color var(--transition-speed) ease,text-shadow var(--transition-speed) ease}.footer-links a:hover{color:#fff;text-shadow:0 0 15px #fff6}.separator{color:#ffffff4d;margin:0 .75rem}.sakura-container{inset:0;pointer-events:none;position:fixed;z-index:1}.sakura{animation:fall linear infinite;background:linear-gradient(45deg,#ffe6f0,#ffb7e0);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 5px rgba(255,183,224,.3));height:15px;opacity:.6;position:absolute;width:15px}@media (max-width:640px){.login-card{margin:1rem;padding:2rem}.title{font-size:2.25rem}.login-form{gap:1.5rem}}@keyframes loading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#fff3}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:root{--primary-color:#5e4b8b;--secondary-color:#7269a1;--accent-color:#248f24;--background-color:#f4f4f4;--text-color:#2e2e2e;--card-background:#fff;--input-background:#e6e6e6;--sidebar-width:280px;--border-color:#dcdcdc;--shadow-color:#0000000d;--header-height:60px;--transition-speed:0.3s;--code-theme:"solarizedlight";--code-background:#fdf6e3;--code-text:#333}body{background-color:#f4f4f4;background-color:var(--background-color);color:#2e2e2e;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0;min-height:100vh;padding:0;transition:background-color .3s ease;transition:background-color var(--transition-speed) ease}.recently-created{color:#5e4b8b;color:var(--primary-color);font-size:16px;font-weight:700;margin-left:20px}.container{display:flex;flex-direction:column;min-height:100vh}.header{align-items:center;background-color:#fff;background-color:var(--card-background);box-shadow:0 1px 3px #0000000d;box-shadow:0 1px 3px var(--shadow-color);display:flex;height:60px;height:var(--header-height);justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:100}.header-title{color:#5e4b8b;color:var(--primary-color);font-size:1.25rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-controls{align-items:center;display:flex;gap:1rem}.header-controls .toggle-list-btn{background:none;border:none;color:#5e4b8b;color:var(--primary-color);cursor:pointer;font-size:.9rem;margin-right:10px;text-decoration:underline}.header-controls .toggle-list-btn:hover{opacity:.8}.header-controls .go-back-btn{background-color:#5e4b8b;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease;transition:all var(--transition-speed) ease}.header-controls .go-back-btn:hover{background-color:color-mix(in srgb,#5e4b8b 80%,#fff);background-color:color-mix(in srgb,var(--primary-color) 80%,#fff);box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px var(--shadow-color);transform:translateY(-1px)}.menu-button{background:none;border:none;color:#2e2e2e;color:var(--text-color);cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}.drawer-menu{background-color:#fff;background-color:var(--card-background);box-shadow:-2px 0 5px #0000000d;box-shadow:-2px 0 5px var(--shadow-color);display:flex;flex-direction:column;gap:1rem;height:calc(100vh - 60px);height:calc(100vh - var(--header-height));padding:1rem;position:fixed;right:-300px;top:60px;top:var(--header-height);transition:right .3s ease;transition:right var(--transition-speed) ease;width:300px;z-index:99}.drawer-menu.open{right:0}.drawer-menu .search-bar,.drawer-menu .search-bar input{width:100%}.drawer-menu-buttons{display:flex;flex-direction:column;gap:.5rem}.search-bar{align-items:center;display:flex;position:relative}.search-icon{left:12px;opacity:.6;position:absolute}.search-bar input,.search-icon{color:#2e2e2e;color:var(--text-color)}.search-bar input{background-color:#e6e6e6;background-color:var(--input-background);border:1px solid #dcdcdc;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;padding:.5rem 1rem .5rem 2.5rem;transition:all .3s ease;transition:all var(--transition-speed) ease;width:260px}.search-bar input:focus{border-color:#5e4b8b;border-color:var(--primary-color);box-shadow:0 0 0 2px #5e4b8b33;outline:none}.main-content{display:flex;height:calc(100vh - 60px);height:calc(100vh - var(--header-height));overflow:hidden}.main-content.show-sidebar{grid-template-columns:280px 1fr 1fr;grid-template-columns:var(--sidebar-width) 1fr 1fr}.sidebar{border-right:1px solid #dcdcdc;border-right:1px solid var(--border-color);display:flex;flex:0 0 280px;flex:0 0 var(--sidebar-width);flex-direction:column;height:100%;overflow-y:auto;padding:.59rem}.scrollable-container{max-height:calc(100vh - 150px);overflow-y:auto;padding-right:10px}.scrollable-container::-webkit-scrollbar{width:8px}.scrollable-container::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.scrollable-container::-webkit-scrollbar-thumb:hover{background-color:#aaa}.sidebar.hidden{display:none}.notes-list{margin-top:1rem;overflow-y:auto;padding:0 1rem}.note-item{background-color:#fff;background-color:var(--foreground-card-color-1,#fff);border:1px solid #0000;border-radius:4px;cursor:pointer;margin:.25rem 0;padding:.5rem .75rem;transition:all .3s ease;transition:all var(--transition-speed) ease}.note-item:hover{background-color:#f0f0f0;background-color:var(--foreground-card-color-2,#f0f0f0);border-color:#dcdcdc;border-color:var(--border-color)}.note-item.active{background-color:#5e4b8b;background-color:var(--primary-color);box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px var(--shadow-color);color:#fff}.note-item:not(.active){background-color:#f0f0f0;background-color:var(--foreground-card-color-2,#f0f0f0);border:1px solid #dcdcdc;border:1px solid var(--border-color)}.note-item h3{font-size:.95rem;font-weight:600;margin:0 0 .25rem}.note-item h3,.note-item p{box-sizing:border-box;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;width:100%}.note-item p{font-size:.85rem;margin:0;opacity:.8}.editor-container{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;height:100%;overflow-y:auto;padding:1rem}.editor-preview-container{flex:1 1}.markdown-form{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px var(--shadow-color);display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.input-field{background-color:#e6e6e6;background-color:var(--input-background);border:2px solid #5e4b8b;border:2px solid var(--primary-color);border-radius:6px;box-shadow:0 2px 4px #5e4b8b1a;color:#2e2e2e;color:var(--text-color);font-size:1.25rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease;transition:all var(--transition-speed) ease}.input-field:focus{border-color:#5e4b8b;border-color:var(--primary-color);box-shadow:0 0 0 2px #5e4b8b33;outline:none}.textarea-field{background-color:#e6e6e6;background-color:var(--input-background);border:1px solid #dcdcdc;border:1px solid var(--border-color);border-radius:6px;font-family:Fira Code,Courier New,monospace;font-size:.9rem;line-height:1.6;min-height:200px;padding:1rem;resize:vertical}.textarea-field:focus{border-color:#5e4b8b;border-color:var(--primary-color);box-shadow:0 0 0 2px #5e4b8b33;outline:none}.markdown-preview{word-wrap:break-word;background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px var(--shadow-color);-webkit-hyphens:auto;hyphens:auto;line-height:1.8;overflow-wrap:break-word;padding:2rem;word-break:break-word}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{color:#5e4b8b;color:var(--primary-color);line-height:1.3;margin:2rem 0 1rem}.markdown-preview h1{border-bottom:2px solid #dcdcdc;border-bottom:2px solid var(--border-color);font-size:2rem;padding-bottom:.5rem}.markdown-preview h2{border-bottom:1px solid #dcdcdc;border-bottom:1px solid var(--border-color);font-size:1.5rem;padding-bottom:.3rem}.markdown-preview p{line-height:1.8;margin:1rem 0}.markdown-preview blockquote{background-color:#e6e6e6;background-color:var(--input-background);border-left:4px solid #5e4b8b;border-left:4px solid var(--primary-color);border-radius:0 8px 8px 0;font-style:italic;margin:1.5rem 0;padding:1rem 1.5rem}.markdown-preview blockquote p{margin:0}.markdown-preview ol,.markdown-preview ul{margin:1rem 0;padding-left:2rem}.markdown-preview li{line-height:1.6;margin:.5rem 0}.markdown-preview a{border-bottom:1px solid #0000;color:#5e4b8b;color:var(--primary-color);padding-bottom:1px;text-decoration:none;transition:all .2s ease;word-break:break-all}.markdown-preview a:hover{border-bottom-color:#5e4b8b;border-bottom-color:var(--primary-color);opacity:.8}.markdown-preview code:not([class*=language-]){background-color:#e6e6e6;background-color:var(--input-background);border-radius:4px;color:#5e4b8b;color:var(--primary-color);font-family:Fira Code,monospace;font-size:.85em;padding:.2rem .4rem}.markdown-preview table{background-color:#fff;background-color:var(--card-background);border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px var(--shadow-color);margin:1.5rem 0;max-width:100%;overflow:hidden;width:100%}.markdown-preview td,.markdown-preview th{border:1px solid #dcdcdc;border:1px solid var(--border-color);padding:.75rem 1rem;text-align:left}.markdown-preview th{color:#5e4b8b;color:var(--primary-color);font-weight:600}.markdown-preview th,.markdown-preview tr:nth-child(2n){background-color:#e6e6e6;background-color:var(--input-background)}.markdown-preview hr{background-color:#dcdcdc;background-color:var(--border-color);border:none;height:1px;margin:2rem 0}.code-block-container{background-color:initial;border-radius:8px;box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px var(--shadow-color);margin:1.5rem 0;max-width:100%;overflow:hidden;position:relative}.code-block-container pre{background-color:initial!important;border:none!important;margin:0!important;padding:1.5rem!important}.code-block-container code,.code-block-container pre{font-size:.9rem!important;white-space:pre-wrap!important}.code-block-container code{word-wrap:break-word!important;background:#0000!important;font-family:Fira Code,Courier New,monospace!important;line-height:1.6!important;word-break:normal!important}.code-block-container>div{border:none!important;border-radius:8px!important;margin:0!important}.copy-btn{align-items:center;background-color:#5e4b8b;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;color:var(--card-background);cursor:pointer;display:flex;gap:5px;padding:5px 10px;position:absolute;right:10px;top:10px}.code-block-container:hover .copy-btn{opacity:1}.copy-btn svg{transition:transform .2s ease}.copy-btn.copied svg{transform:scale(.8)}.button-row{gap:.75rem;margin-top:1rem}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease;transition:all var(--transition-speed) ease}.btn:hover{box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px var(--shadow-color);transform:translateY(-1px)}.save-btn{background-color:#5e4b8b;background-color:var(--primary-color);color:#fff}.delete-btn{background-color:#dc3545;color:#fff}.download-btn{background-color:#28a745;color:#fff}.new-note-btn{background-color:#248f24;background-color:var(--accent-color);border-radius:4px;color:#fff;justify-content:center;margin:.75rem;padding:.5rem .75rem}.toggle-dark-mode{background:none;border:none;border-radius:6px;color:#2e2e2e;color:var(--text-color);cursor:pointer;font-size:1.2rem;padding:.5rem;transition:background-color .3s ease;transition:background-color var(--transition-speed) ease}.graph-container,.toggle-dark-mode:hover{background-color:#e6e6e6;background-color:var(--input-background)}.graph-container{border-radius:.5rem;margin-bottom:1rem;padding:1rem;width:100%}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .3s ease-in-out}.modal-content{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 10px #0000000d;box-shadow:0 4px 10px var(--shadow-color);color:#2e2e2e;color:var(--text-color);max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.modal-content h2{color:#5e4b8b;margin-top:0}.keyboard-shortcuts{border-top:1px solid #dcdcdc;border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.keyboard-shortcuts h3{color:#2e2e2e;color:var(--text-color);margin-top:0}.keyboard-shortcuts ul{list-style:none;margin:0;padding:0}.keyboard-shortcuts li{color:#2e2e2e;color:var(--text-color);margin:.5rem 0;opacity:.8}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f4f4f4;background:var(--background-color)}::-webkit-scrollbar-thumb{background:#dcdcdc;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--foreground-card-color-2)}.editor-hints{color:#5e4b8b;color:var(--primary-color)}@media (max-width:768px){.main-content{height:auto;min-height:calc(100vh - 60px);min-height:calc(100vh - var(--header-height))}.editor-preview-container,.main-content{flex-direction:column}.editor-section,.preview-section{flex:none;height:50%}.sidebar{border-bottom:1px solid #dcdcdc;border-bottom:1px solid var(--border-color);border-right:none;display:block;width:100%}.toggle-list-btn{display:none}.header-controls .go-back-btn{display:block}.main-content{flex-direction:column;height:auto;min-height:calc(100vh - 60px);min-height:calc(100vh - var(--header-height))}.recently-created{color:#5e4b8b;color:var(--primary-color);display:block;font-size:16px;margin-bottom:5px;margin-left:10px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar{border-bottom:1px solid #dcdcdc;border-bottom:1px solid var(--border-color);border-right:none;flex:0 0 auto;max-height:50vh;padding:0;width:100%}.editor-container{flex:1 1;height:auto;min-height:70vh;overflow-y:visible}.markdown-preview{margin:0;padding:1rem;width:auto}.markdown-preview img{height:auto;margin:1rem auto;max-width:100%}.code-block-container{margin:1rem auto;overflow-x:auto;width:calc(100% - 2rem)}.code-block-container pre{padding:1rem!important;white-space:pre-wrap!important}.markdown-preview table{width:100%}.header{align-items:center;background-color:#fff;background-color:var(--card-background);box-shadow:0 2px 8px #0000000d;box-shadow:0 2px 8px var(--shadow-color);display:flex;gap:1rem;padding:.5rem 1rem;position:relative}.header-title{color:#2e2e2e;color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0;max-width:25%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-title:before{content:"蜃気楼";display:block}.header .btn.icon-btn:not(.menu-button),.header-title span{display:none}.header .search-bar{align-items:center;background-color:#e6e6e6;background-color:var(--input-background);border-radius:20px;box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px var(--shadow-color);display:flex;flex:1 1;gap:.5rem;margin:0;max-width:300px;padding:.25rem 1rem}.header .search-bar input{background:#0000;border:none;color:#2e2e2e;color:var(--text-color);font-size:.9rem;padding:.5rem;width:100%}.menu-button{align-items:center;background-color:#e6e6e6!important;background-color:var(--input-background)!important;border-radius:12px!important;box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px var(--shadow-color);color:#5e4b8b!important;color:var(--primary-color)!important;display:flex!important;height:36px!important;justify-content:center;padding:0!important;transition:all .2s ease!important;width:36px!important}.drawer-menu{background-color:#fff;background-color:var(--card-background);box-shadow:-2px 0 8px #0000000d;box-shadow:-2px 0 8px var(--shadow-color);height:calc(100vh - 60px);height:calc(100vh - var(--header-height));padding:1rem;position:fixed;right:0;top:60px;top:var(--header-height);transform:translateX(100%);transition:transform .3s ease;width:250px;z-index:1000}.drawer-menu.open{transform:translateX(0)}.drawer-menu .search-bar{display:none}.drawer-menu-buttons{display:flex;flex-direction:column;gap:.75rem}.drawer-menu-buttons .btn{align-items:center;background-color:#e6e6e6;background-color:var(--input-background);border-radius:12px;color:#5e4b8b;color:var(--primary-color);display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.drawer-menu-buttons .btn:hover{background-color:#5e4b8b;background-color:var(--primary-color);color:#fff;color:var(--card-background);transform:translateX(5px)}.markdown-preview img{max-height:50vh;object-fit:contain;width:100%}.markdown-preview{max-width:100%;overflow-x:hidden}.markdown-preview table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;white-space:nowrap}.editor-preview-container{flex-direction:column}.editor-section,.preview-section{flex:none;height:50%}.sidebar{display:block}.toggle-list-btn{display:none}.header-controls .go-back-btn{display:block}}@media (min-width:769px){.drawer-menu,.header-controls .go-back-btn{display:none}.header-controls .toggle-list-btn{display:block}}@media (max-width:480px){.header{padding:.5rem}.header-title{font-size:.9rem;max-width:20%}.header .search-bar{max-width:180px;padding:.25rem .75rem}.menu-button{height:32px!important;width:32px!important}.markdown-form{padding:.75rem}.input-field,.textarea-field{font-size:.9rem;padding:.5rem}.code-block-container pre{font-size:13px!important;padding:.75rem .5rem!important}.markdown-preview{padding:.75rem}.code-block-container{margin:.75rem -.75rem;width:calc(100% + 1.5rem)}}.tts-stuff{color:#5e4b8b;color:var(--primary-color)}.copy-raw-btn{background-color:#5e4b8b;background-color:var(--primary-color);color:#fff;color:var(--card-background)}.dark-mode .copy-btn{color:#2e2e2e;color:var(--text-color)}.dark-mode{--primary-color:#e91e63;--secondary-color:#ff4081;--accent-color:#e91e63;--background-color:#1e1f23;--text-color:#dcddde;--card-background:#2d2e34;--input-background:#35363b;--border-color:#3f4046;--shadow-color:#0000004d;--code-theme:"vsDark";--code-background:#1e1e1e;--code-text:#d4d4d4}.dark-mode .header{background-color:#fff;background-color:var(--card-background)}.dark-mode .header h1{color:#5e4b8b;color:var(--primary-color)}.dark-mode .search-bar input{background-color:#e6e6e6;background-color:var(--input-background);border-color:#dcdcdc;border-color:var(--border-color);color:#2e2e2e;color:var(--text-color)}.dark-mode .note-item{background-color:#2d2e34;background-color:var(--foreground-card-color-1,#2d2e34);border:1px solid #dcdcdc;border:1px solid var(--border-color);color:#dcddde}.dark-mode .note-item:hover{background-color:#35363b;background-color:var(--foreground-card-color-2,#35363b)}.dark-mode .note-item.active{background-color:#5e4b8b;background-color:var(--primary-color);border-color:#5e4b8b;border-color:var(--primary-color);color:#fff}.dark-mode .note-item p{color:#b9bbbe;opacity:.9}.dark-mode .markdown-preview{color:#dcddde}.dark-mode .input-field,.dark-mode .textarea-field{background-color:#e6e6e6;background-color:var(--input-background);border-color:#dcdcdc;border-color:var(--border-color);color:#dcddde}.dark-mode .input-field:focus,.dark-mode .textarea-field:focus{border-color:#5e4b8b;border-color:var(--primary-color);box-shadow:0 0 0 2px #e91e6333}.dark-mode .code-block-container pre{background-color:#fdf6e3!important;background-color:var(--code-background)!important;color:#333!important;color:var(--code-text)!important}.dark-mode .code-block-container code{color:#dcddde}.dark-mode .delete-btn{background-color:#ff4d4d}.theme-selector{animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--card-background);border:1px solid #dcdcdc;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #00000026;max-height:500px;overflow-y:auto;padding:1.2rem;position:fixed;right:20px;top:70px;transform-origin:top right;width:280px;z-index:1000}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-selector:before{background:#fff;background:var(--card-background);border-left:1px solid #dcdcdc;border-left:1px solid var(--border-color);border-top:1px solid #dcdcdc;border-top:1px solid var(--border-color);content:"";height:12px;position:absolute;right:16px;top:-6px;transform:rotate(45deg);width:12px}.theme-selector .theme-header{align-items:center;border-bottom:1px solid #dcdcdc;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.8rem}.theme-group{animation:fadeSlideUp .3s ease-out forwards;margin-bottom:1.2rem;opacity:0;transform:translateY(10px)}.theme-group:nth-child(2){animation-delay:.1s}.theme-group:nth-child(3){animation-delay:.2s}@keyframes fadeSlideUp{to{opacity:1;transform:translateY(0)}}.theme-group-header{align-items:center;color:#5e4b8b;color:var(--primary-color);display:flex;font-size:.9rem;font-weight:500;gap:.4rem;margin-bottom:.8rem}.theme-selector select{-webkit-appearance:none;appearance:none;background:#e6e6e6;background:var(--input-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;border:1px solid #dcdcdc;border:1px solid var(--border-color);border-radius:8px;color:#2e2e2e;color:var(--text-color);cursor:pointer;font-size:.85rem;padding:.6rem 2rem .6rem .6rem;transition:all .2s ease;width:100%}.theme-selector select:hover{box-shadow:0 2px 8px #00000014}.theme-selector select:focus,.theme-selector select:hover{border-color:#5e4b8b;border-color:var(--primary-color);transform:translateY(-1px)}.theme-selector select:focus{box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1);outline:none}.theme-selector .close-btn{align-items:center;background:#e6e6e6;background:var(--input-background);border:none;border-radius:50%;color:#2e2e2e;color:var(--text-color);display:flex;font-size:1rem;height:24px;justify-content:center;opacity:.7;padding:0;transition:all .2s ease;width:24px}.theme-selector .close-btn:hover{background:#5e4b8b;background:var(--primary-color);color:#fff;color:var(--card-background);opacity:1;transform:rotate(90deg)}.theme-selector select optgroup{background:#fff;background:var(--card-background);color:#5e4b8b;color:var(--primary-color);font-size:.85rem;padding:.4rem}.theme-selector select option{background:#e6e6e6;background:var(--input-background);font-size:.85rem;padding:.6rem}.theme-group:not(:last-child):after{background:#dcdcdc;background:var(--border-color);content:"";display:block;height:1px;margin:1.2rem 0;opacity:.3}.markdown-preview.github-light{background-color:#fff;color:#24292e}.markdown-form.github-light{background-color:#fff}.markdown-form.github-light .textarea-field{background-color:#f6f8fa;border-color:#e1e4e8;color:#24292e}.markdown-preview.github-dark{background-color:#0d1117;color:#c9d1d9}.markdown-form.github-dark{background-color:#0d1117}.markdown-form.github-dark .textarea-field{background-color:#161b22;border-color:#30363d;color:#c9d1d9}.markdown-preview.notion-light{background-color:#fff;color:#37352f}.markdown-form.notion-light{background-color:#fff}.markdown-form.notion-light .textarea-field{background-color:#f7f6f3;border-color:#e3e2e0;color:#37352f}.markdown-preview.notion-dark{background-color:#2f3437;color:#fff}.markdown-form.notion-dark{background-color:#2f3437}.markdown-form.notion-dark .textarea-field{background-color:#373c3f;border-color:#4b4f52;color:#fff}.markdown-preview.dracula{background-color:#282a36;color:#f8f8f2}.markdown-form.dracula{background-color:#282a36}.markdown-form.dracula .textarea-field{background-color:#44475a;border-color:#6272a4;color:#f8f8f2}.markdown-preview.nord{color:#d8dee9}.markdown-form.nord,.markdown-preview.nord{background-color:#2e3440}.markdown-form.nord .textarea-field{background-color:#3b4252;border-color:#4c566a;color:#d8dee9}.markdown-preview.solarized-light{background-color:#fdf6e3;color:#657b83}.markdown-form.solarized-light{background-color:#fdf6e3}.markdown-form.solarized-light .textarea-field{background-color:#eee8d5;border-color:#93a1a1;color:#657b83}.markdown-preview.solarized-dark{background-color:#002b36;color:#839496}.markdown-form.solarized-dark{background-color:#002b36}.markdown-form.solarized-dark .textarea-field{background-color:#073642;border-color:#586e75;color:#839496}.markdown-preview.one-dark{background-color:#282c34;color:#abb2bf}.markdown-form.one-dark{background-color:#282c34}.markdown-form.one-dark .textarea-field{background-color:#21252b;border-color:#3e4451;color:#abb2bf}.markdown-preview.material-light{background-color:#fafafa;color:#37474f}.markdown-form.material-light{background-color:#fafafa}.markdown-form.material-light .textarea-field{background-color:#fff;border-color:#cfd8dc;color:#37474f}.markdown-preview.material-dark{background-color:#263238;color:#b0bec5}.markdown-form.material-dark{background-color:#263238}.markdown-form.material-dark .textarea-field{background-color:#1e272c;border-color:#37474f;color:#b0bec5}.theme-shinkiro{--primary-color:#5e4b8b;--secondary-color:#7269a1;--accent-color:#248f24;--background-color:#f4f4f4;--text-color:#2e2e2e;--card-background:#fff;--input-background:#e6e6e6;--border-color:#dcdcdc;--code-background:#f6f8fa;--code-text:#24292e;--code-comment:#6a737d;--code-keyword:#d73a49;--code-string:#032f62;--code-number:#005cc5;--code-function:#6f42c1;--card-background-rgb:255,255,255}.theme-shinkiro-dark{--primary-color:#e91e63;--secondary-color:#ff4081;--accent-color:#e91e63;--background-color:#1e1f23;--text-color:#dcddde;--card-background:#2d2e34;--input-background:#35363b;--border-color:#3f4046;--code-background:#1e1e1e;--code-text:#d4d4d4;--code-comment:#6a9955;--code-keyword:#569cd6;--code-string:#ce9178;--code-number:#b5cea8;--code-function:#dcdcaa;--card-background-rgb:45,46,52}.theme-autumn{--primary-color:#d35400;--secondary-color:#e67e22;--accent-color:#c0392b;--background-color:#fdf6e3;--text-color:#34495e;--card-background:#fff;--input-background:#fcf3cf;--border-color:#f5cba7}.theme-ocean{--primary-color:#2980b9;--secondary-color:#3498db;--accent-color:#16a085;--background-color:#ecf0f1;--text-color:#2c3e50;--card-background:#fff;--input-background:#d6eaf8;--border-color:#aed6f1}.theme-cyberpunk{--primary-color:#ff003c;--secondary-color:#00f3ff;--accent-color:gold;--background-color:#0d0d0f;--text-color:#00f3ff;--card-background:#1a1a1f;--input-background:#2d2d35;--border-color:#ff003c;--shadow-color:#ff003c4d;--code-background:#1a1a1f;--code-text:#00f3ff;--code-comment:#f0f;--code-keyword:#ff003c;--code-string:gold;--code-number:#00f3ff;--code-function:#ff69b4}.theme-matrix{--primary-color:#0f0;--secondary-color:#32cd32;--accent-color:#7fff00;--background-color:#000;--text-color:#0f0;--card-background:#0d0d0d;--input-background:#1a1a1a;--border-color:#006400;--shadow-color:#0f03;--code-background:#0d0d0d;--code-text:#0f0;--code-comment:green;--code-keyword:#0f0;--code-string:#7fff00;--code-number:#32cd32;--code-function:#98fb98}.theme-sakura{--primary-color:#ff69b4;--secondary-color:#ffb6c1;--accent-color:#ff1493;--background-color:#fff0f5;--text-color:indigo;--card-background:#fff;--input-background:#ffecf2;--border-color:#ffb6c1;--shadow-color:#ff69b433;--code-background:#fff0f5;--code-text:indigo;--code-comment:#ff69b4;--code-keyword:#ff1493;--code-string:#c71585;--code-number:#db7093;--code-function:#ff69b4}.theme-forest{--primary-color:#2e7d32;--secondary-color:#43a047;--accent-color:#81c784;--background-color:#f1f8e9;--text-color:#1b5e20;--card-background:#fff;--input-background:#e8f5e9;--border-color:#a5d6a7;--shadow-color:#2e7d3233;--code-background:#f1f8e9;--code-text:#1b5e20;--code-comment:#558b2f;--code-keyword:#2e7d32;--code-string:#33691e;--code-number:#1b5e20;--code-function:#388e3c}.theme-sunset{--primary-color:#ff6b6b;--secondary-color:#ff8e8e;--accent-color:#ffa07a;--background-color:#fff3e0;--text-color:#d84315;--card-background:#fff;--input-background:#ffddc1;--border-color:#ffab91;--shadow-color:#ff6b6b33;--code-background:#fff3e0;--code-text:#d84315;--code-comment:#ff7043;--code-keyword:#f4511e;--code-string:#e64a19;--code-number:#ff5722;--code-function:#ff7043}.theme-midnight{--primary-color:#9c27b0;--secondary-color:#ba68c8;--accent-color:#7b1fa2;--background-color:#1a1a2e;--text-color:#e1bee7;--card-background:#16213e;--input-background:#1f2937;--border-color:#4a148c;--shadow-color:#9c27b04d;--code-background:#1a1a2e;--code-text:#e1bee7;--code-comment:#ba68c8;--code-keyword:#9c27b0;--code-string:#ce93d8;--code-number:#ab47bc;--code-function:#7b1fa2}.theme-arctic{--primary-color:#0288d1;--secondary-color:#29b6f6;--accent-color:#03a9f4;--background-color:#e3f2fd;--text-color:#01579b;--card-background:#fff;--input-background:#bbdefb;--border-color:#90caf9;--shadow-color:#0288d133;--code-background:#e3f2fd;--code-text:#01579b;--code-comment:#0288d1;--code-keyword:#0277bd;--code-string:#0288d1;--code-number:#039be5;--code-function:#03a9f4}.theme-retro{--primary-color:#f4511e;--secondary-color:#ff7043;--accent-color:#ff5722;--background-color:#fbe9e7;--text-color:#bf360c;--card-background:#fff;--input-background:#ffccbc;--border-color:#ff8a65;--shadow-color:#f4511e33;--code-background:#fbe9e7;--code-text:#bf360c;--code-comment:#ff7043;--code-keyword:#f4511e;--code-string:#e64a19;--code-number:#ff5722;--code-function:#ff7043}.theme-cyberpunk .note-item:not(.active),.theme-matrix .note-item:not(.active),.theme-midnight .note-item:not(.active),.theme-shinkiro-dark .note-item:not(.active){background-color:#fff;background-color:var(--card-background);border:1px solid #dcdcdc;border:1px solid var(--border-color);color:#2e2e2e;color:var(--text-color)}.theme-cyberpunk .note-item:hover,.theme-matrix .note-item:hover,.theme-midnight .note-item:hover,.theme-shinkiro-dark .note-item:hover{background-color:#e6e6e6;background-color:var(--input-background);border-color:#5e4b8b;border-color:var(--primary-color)}.theme-matrix .note-item:not(.active){border-color:#006400}.theme-matrix .note-item:hover{border-color:#0f0;box-shadow:0 0 5px #00ff004d}.drawer-menu{padding-top:1rem}.drawer-menu .search-bar{margin-bottom:1rem;padding:0 1rem}.drawer-menu-buttons{padding:0 1rem}.drawer-menu-buttons .btn{border-radius:8px;justify-content:flex-start;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.drawer-menu-buttons .btn:hover{transform:translateX(5px)}.drawer-menu-buttons .btn:hover,.header .btn.icon-btn{background-color:#e6e6e6;background-color:var(--input-background)}.header .btn.icon-btn{border-radius:8px;color:#5e4b8b;color:var(--primary-color);padding:.5rem;transition:all .2s ease}.header .btn.icon-btn:hover{background-color:#5e4b8b;background-color:var(--primary-color);color:#fff;color:var(--card-background);transform:translateY(-2px)}.menu-button{background-color:#e6e6e6!important;background-color:var(--input-background)!important;color:#5e4b8b!important;color:var(--primary-color)!important}.menu-button:hover{background-color:#5e4b8b!important;background-color:var(--primary-color)!important;color:#fff!important;color:var(--card-background)!important}.markdown-preview.shinkiro{color:#2e2e2e;color:var(--text-color)}.markdown-form.shinkiro,.markdown-preview.shinkiro{background-color:#fff;background-color:var(--card-background)}.markdown-form.shinkiro .textarea-field{background-color:#e6e6e6;background-color:var(--input-background);border-color:#dcdcdc;border-color:var(--border-color);color:#2e2e2e;color:var(--text-color)}.markdown-preview img{border-radius:8px;box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px var(--shadow-color);display:block;height:auto;margin:1rem auto;max-width:100%;object-fit:contain}.markdown-preview p:has(img){margin:1.5rem 0;max-width:100%;overflow:hidden}.editor-container::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:8px}.editor-container::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px}.editor-container::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background-color:var(--scrollbar-track)}.markdown-form .btn,.markdown-form .copy-raw-btn,.markdown-form .delete-btn,.markdown-form .download-btn,.markdown-form .save-btn,.tts-controls-panel .btn{align-items:center;background-color:#5e4b8b;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;color:var(--card-background);cursor:pointer;display:flex;font-size:12px;gap:5px;justify-content:center;padding:8px 12px;transition:background-color .3s ease,transform .2s ease}.markdown-form .save-btn{background-color:#248f24;background-color:var(--accent-color)}.markdown-form .delete-btn{background-color:#dc3545}.markdown-form .download-btn{background-color:#7269a1;background-color:var(--secondary-color)}.markdown-form .save-btn:hover{background-color:color-mix(in srgb,#248f24 80%,#fff);background-color:color-mix(in srgb,var(--accent-color) 80%,#fff)}.markdown-form .delete-btn:hover{background-color:#c82333}.markdown-form .download-btn:hover{background-color:color-mix(in srgb,#7269a1 80%,#fff);background-color:color-mix(in srgb,var(--secondary-color) 80%,#fff)}.markdown-form .btn:hover,.markdown-form .copy-raw-btn:hover,.tts-controls-panel .btn:hover{background-color:#7269a1;background-color:var(--secondary-color);transform:scale(1.1)}.markdown-form .btn:active,.markdown-form .copy-raw-btn:active,.markdown-form .delete-btn:active,.markdown-form .download-btn:active,.markdown-form .save-btn:active,.tts-controls-panel .btn:active{transform:scale(1)}.dark-mode .markdown-form .save-btn{background-color:#248f24;background-color:var(--accent-color)}.dark-mode .markdown-form .delete-btn{background-color:#dc3545}.dark-mode .markdown-form .download-btn{background-color:#7269a1;background-color:var(--secondary-color)}.dark-mode .markdown-form .save-btn:hover{background-color:color-mix(in srgb,#248f24 80%,#000);background-color:color-mix(in srgb,var(--accent-color) 80%,#000)}.dark-mode .markdown-form .delete-btn:hover{background-color:#a71d2a}.dark-mode .markdown-form .download-btn:hover{background-color:color-mix(in srgb,#7269a1 80%,#000);background-color:color-mix(in srgb,var(--secondary-color) 80%,#000)}.button-row{display:flex;gap:10px;margin-top:10px}.tts-controls-panel .btn{background-color:#ab94d8;color:#333}.dark-mode .tts-controls-panel .btn{background-color:#753545;color:#e0e0e0}.theme-tokyo-night{--primary-color:#7aa2f7;--secondary-color:#bb9af7;--accent-color:#7dcfff;--background-color:#1a1b26;--text-color:#a9b1d6;--card-background:#24283b;--input-background:#1f2335;--border-color:#414868;--shadow-color:#0000004d;--code-background:#1a1b26;--code-text:#a9b1d6;--code-comment:#565f89;--code-keyword:#9d7cd8;--code-string:#9ece6a;--code-number:#ff9e64;--code-function:#7aa2f7}.markdown-preview.tokyo-night{background-color:#1a1b26;color:#a9b1d6}.markdown-form.tokyo-night{background-color:#1a1b26}.markdown-form.tokyo-night .textarea-field{background-color:#24283b;border-color:#414868;color:#a9b1d6}.markdown-form.tokyo-night .textarea-field:focus{border-color:#7aa2f7;box-shadow:0 0 0 2px #7aa2f733}.theme-tokyo-night .sidebar{background-color:#16161e;border-right:1px solid #414868}.theme-tokyo-night .note-item{background-color:#1a1b26;border:1px solid #414868;color:#a9b1d6}.theme-tokyo-night .note-item:hover{background-color:#24283b;border-color:#7aa2f7;box-shadow:0 0 5px #7aa2f733}.theme-tokyo-night .note-item.active{background-color:#7aa2f7;border-color:#7aa2f7;box-shadow:0 0 8px #7aa2f74d;color:#1a1b26}.theme-tokyo-night .note-item h3{color:#7aa2f7}.theme-tokyo-night .note-item.active h3{color:#1a1b26}.theme-tokyo-night .note-item p{color:#787c99}.theme-tokyo-night .new-note-btn{background-color:#7dcfff;border:none;color:#1a1b26}.theme-tokyo-night .new-note-btn:hover{background-color:#89ddff;box-shadow:0 0 8px #7dcfff4d}.theme-tokyo-night .recently-created{color:#bb9af7}.theme-tokyo-night .editor-container::-webkit-scrollbar,.theme-tokyo-night .sidebar::-webkit-scrollbar{width:8px}.theme-tokyo-night .editor-container::-webkit-scrollbar-thumb,.theme-tokyo-night .sidebar::-webkit-scrollbar-thumb{background-color:#414868;border-radius:4px}.theme-tokyo-night .editor-container::-webkit-scrollbar-thumb:hover,.theme-tokyo-night .sidebar::-webkit-scrollbar-thumb:hover{background-color:#565f89}.theme-tokyo-night .editor-container::-webkit-scrollbar-track,.theme-tokyo-night .sidebar::-webkit-scrollbar-track{background-color:#16161e}.theme-tokyo-night .search-bar input{background-color:#1f2335;border-color:#414868;color:#a9b1d6}.theme-tokyo-night .search-bar input:focus{border-color:#7aa2f7;box-shadow:0 0 0 2px #7aa2f733}.theme-tokyo-night .search-bar .search-icon{color:#565f89}.theme-cyberpunk .header{background:linear-gradient(180deg,#1a1a1f,#0d0d0f);border-bottom:2px solid #5e4b8b;border-bottom:2px solid var(--primary-color);box-shadow:0 0 20px #ff003c4d}.theme-cyberpunk .header-title{color:#5e4b8b;color:var(--primary-color);font-family:Orbitron,sans-serif;text-shadow:0 0 10px #ff003c80}.theme-cyberpunk .sidebar{background:linear-gradient(90deg,#0d0d0f,#1a1a1f);border-right:2px solid #5e4b8b;border-right:2px solid var(--primary-color);box-shadow:5px 0 15px #ff003c33}.theme-cyberpunk .note-item{background:linear-gradient(135deg,#1a1a1f,#2d2d35);border:1px solid #5e4b8b;border:1px solid var(--primary-color);box-shadow:0 0 10px #ff003c1a;transition:all .3s ease}.theme-cyberpunk .note-item:hover{background:linear-gradient(135deg,#2d2d35,#1a1a1f);border-color:#7269a1;border-color:var(--secondary-color);box-shadow:0 0 15px #00f3ff33;transform:translateX(5px)}.theme-cyberpunk .note-item.active{background:linear-gradient(135deg,#5e4b8b,#ff005d);background:linear-gradient(135deg,var(--primary-color) 0,#ff005d 100%);border-color:#7269a1;border-color:var(--secondary-color);box-shadow:0 0 20px #ff003c4d}.theme-cyberpunk .note-item h3{color:#7269a1;color:var(--secondary-color);text-shadow:0 0 5px #00f3ff80}.theme-cyberpunk .note-item.active h3{color:#2e2e2e;color:var(--text-color);text-shadow:0 0 5px #00f3ffcc}.theme-cyberpunk .search-bar input{background:#2d2d35;border:1px solid #5e4b8b;border:1px solid var(--primary-color);box-shadow:0 0 10px #ff003c1a;color:#7269a1;color:var(--secondary-color)}.theme-cyberpunk .search-bar input:focus{border-color:#7269a1;border-color:var(--secondary-color);box-shadow:0 0 15px #00f3ff33}.theme-cyberpunk .new-note-btn{background:linear-gradient(90deg,#5e4b8b,#ff005d);background:linear-gradient(90deg,var(--primary-color) 0,#ff005d 100%);border:none;box-shadow:0 0 15px #ff003c4d;color:#fff;text-shadow:0 0 5px #ffffff80;transition:all .3s ease}.theme-cyberpunk .new-note-btn:hover{box-shadow:0 0 20px #ff003c80;transform:translateY(-2px)}.theme-cyberpunk .btn.icon-btn{background:linear-gradient(135deg,#2d2d35,#1a1a1f);border:1px solid #5e4b8b;border:1px solid var(--primary-color);box-shadow:0 0 10px #ff003c1a;color:#7269a1;color:var(--secondary-color)}.theme-cyberpunk .btn.icon-btn:hover{background:linear-gradient(135deg,#5e4b8b,#ff005d);background:linear-gradient(135deg,var(--primary-color) 0,#ff005d 100%);border-color:#7269a1;border-color:var(--secondary-color);box-shadow:0 0 15px #ff003c4d;color:#fff}.theme-cyberpunk .recently-created{color:#7269a1;color:var(--secondary-color);font-family:Orbitron,sans-serif;text-shadow:0 0 5px #00f3ff80}.theme-cyberpunk ::-webkit-scrollbar{height:8px;width:8px}.theme-cyberpunk ::-webkit-scrollbar-track{background:#1a1a1f;border:1px solid #5e4b8b;border:1px solid var(--primary-color)}.theme-cyberpunk ::-webkit-scrollbar-thumb{background:#5e4b8b;background:var(--primary-color);border-radius:4px;box-shadow:0 0 10px #ff003c4d}.theme-cyberpunk ::-webkit-scrollbar-thumb:hover{background:#7269a1;background:var(--secondary-color);box-shadow:0 0 15px #00f3ff4d}.theme-cyberpunk .input-field,.theme-cyberpunk .textarea-field{background:#2d2d35;border:1px solid #5e4b8b;border:1px solid var(--primary-color);box-shadow:0 0 10px #ff003c1a;color:#7269a1;color:var(--secondary-color)}.theme-cyberpunk .input-field:focus,.theme-cyberpunk .textarea-field:focus{border-color:#7269a1;border-color:var(--secondary-color);box-shadow:0 0 15px #00f3ff33}.theme-cyberpunk .theme-selector{background:linear-gradient(135deg,#1a1a1f,#2d2d35);border:1px solid #5e4b8b;border:1px solid var(--primary-color);box-shadow:0 0 20px #ff003c4d}.theme-cyberpunk .theme-selector select{background:#2d2d35;border:1px solid #5e4b8b;border:1px solid var(--primary-color);color:#7269a1;color:var(--secondary-color)}.theme-cyberpunk .theme-selector select:focus{border-color:#7269a1;border-color:var(--secondary-color);box-shadow:0 0 15px #00f3ff33}.theme-cyberpunk .drawer-menu{background:linear-gradient(90deg,#1a1a1f,#2d2d35);border-left:2px solid #5e4b8b;border-left:2px solid var(--primary-color);box-shadow:-5px 0 15px #ff003c33}.theme-cyberpunk .drawer-menu-buttons .btn{background:linear-gradient(135deg,#2d2d35,#1a1a1f);border:1px solid #5e4b8b;border:1px solid var(--primary-color);color:#7269a1;color:var(--secondary-color)}.theme-cyberpunk .drawer-menu-buttons .btn:hover{background:linear-gradient(135deg,#5e4b8b,#ff005d);background:linear-gradient(135deg,var(--primary-color) 0,#ff005d 100%);border-color:#7269a1;border-color:var(--secondary-color);box-shadow:0 0 15px #ff003c4d;color:#fff}.editor-preview-container{display:flex;height:calc(100vh - 60px);overflow:hidden}.editor-section,.preview-section{flex:1 1;overflow-y:auto;padding:1rem}.editor-section{border-right:1px solid #dcdcdc;border-right:1px solid var(--border-color)}.preview-section{background-color:#fff;background-color:var(--card-background)}.markdown-preview{line-height:1.6;padding:1rem}.recently-created{align-items:center;display:flex;justify-content:space-between}.toggle-list-btn{background:none;border:none;color:#5e4b8b;color:var(--primary-color);cursor:pointer;font-size:.9rem;margin-left:10px;text-decoration:underline}.toggle-list-btn:hover{opacity:.8}.preview-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.modern-buttons .modern-btn{align-items:center;background-color:#5e4b8b;background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px var(--shadow-color);color:#fff;color:var(--card-background);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease;transition:all var(--transition-speed) ease}.modern-buttons .modern-btn:hover{background-color:color-mix(in srgb,#5e4b8b 80%,#fff);background-color:color-mix(in srgb,var(--primary-color) 80%,#fff);box-shadow:0 4px 8px #0000000d;box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-2px)}.modern-buttons .modern-btn:active{box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px var(--shadow-color);transform:translateY(0)}.modern-buttons .modern-btn.delete-btn{background-color:#dc3545}.modern-buttons .modern-btn.delete-btn:hover{background-color:#c82333}.dark-mode .modern-buttons .modern-btn{background-color:#7269a1;background-color:var(--secondary-color);color:#2e2e2e;color:var(--text-color)}.dark-mode .modern-buttons .modern-btn:hover{background-color:color-mix(in srgb,#7269a1 80%,#000);background-color:color-mix(in srgb,var(--secondary-color) 80%,#000)}.dark-mode .modern-buttons .modern-btn.delete-btn{background-color:#ff4d4d}.dark-mode .modern-buttons .modern-btn.delete-btn:hover{background-color:#a71d2a}@media (max-width:768px){.preview-actions{flex-direction:column;gap:.75rem}}.public-view-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:800px;padding:20px}.note-item.active-note{background-color:#5e4b8b;background-color:var(--primary-color);color:#fff;color:var(--card-background);font-weight:700;transition:all .2s ease}.tts-settings-modal{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;color:#2e2e2e;padding:1.5rem}.tts-settings-header{margin-bottom:1rem}.tts-settings-body label{display:block;margin-bottom:1rem}.tts-settings-body input,.tts-settings-body select{margin-top:.5rem;width:100%}.markdown-assistant{border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:10px}.markdown-assistant .tool-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:4px;color:var(--card-background);cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:8px 12px;transition:background-color .3s ease,transform .2s ease}.markdown-assistant .tool-btn:hover{background-color:var(--secondary-color);transform:scale(1.1)}.markdown-assistant .tool-btn:active{transform:scale(1)}.dark-mode .markdown-assistant .tool-btn{background-color:#753545;color:#e0e0e0}.dark-mode .markdown-assistant .tool-btn:hover{background-color:#3a3a3a;transform:scale(1.1)}.dark-mode .markdown-assistant .tool-btn:active{background-color:#2a2a2a;transform:scale(1)}.dropdown{display:inline-block;position:relative}.dropdown-menu{border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 8px var(--shadow-color);left:0;min-width:180px;position:absolute;top:100%;z-index:1000}.dropdown-item,.dropdown-menu{background-color:var(--card-background)}.dropdown-item{border:none;color:var(--text-color);cursor:pointer;font-size:12px;padding:8px 12px;text-align:left;transition:background-color .3s ease;width:100%}.dropdown-item:hover{background-color:var(--input-background);color:var(--primary-color)}.dark-mode .dropdown-menu{background-color:#753545;border:1px solid #444;box-shadow:0 2px 8px #00000080}.dark-mode .dropdown-item{background-color:#753545;color:#e0e0e0}.dark-mode .dropdown-item:hover{background-color:#3a3a3a}.enhanced-markdown-editor{border-radius:4px;box-shadow:var(--shadow-color);padding:10px;position:relative}.enhanced-markdown-textarea{border:none;border-radius:4px;color:var(--text-color);font-size:16px;height:300px;line-height:1.6;padding:10px;resize:none;transition:all .2s ease;width:100%}.enhanced-markdown-textarea:focus{box-shadow:0 0 5px #5e4b8b80;outline:none}.suggestions-popup{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--input-background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:250px;max-width:300px;overflow-y:auto;padding:8px;position:absolute;top:100%;z-index:1000}.suggestion-item{align-items:center;border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;margin:4px 0;overflow:hidden;padding:12px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.suggestion-item:not(:last-child){margin-bottom:6px}.suggestion-item.selected,.suggestion-item:hover{background-color:var(--primary-color);color:var(--card-background);transform:translateX(2px)}.suggestion-item.selected{box-shadow:0 2px 8px #5e4b8b40;font-weight:600;padding-left:16px}.suggestion-item.selected:hover{background-color:var(--primary-color)}.suggestion-item.selected:before{content:"→ ";left:-24px;opacity:0;position:absolute;transition:all .2s ease}.suggestion-item.selected:hover:before{left:4px;opacity:1}.suggestions-popup::-webkit-scrollbar{width:8px}.suggestions-popup::-webkit-scrollbar-track{background:#0000;border-radius:4px;margin:4px}.suggestions-popup::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px;opacity:.7}.suggestions-popup::-webkit-scrollbar-thumb:hover{background:var(--primary-color);opacity:1}.suggestion-item{animation:slideIn .2s ease;animation-fill-mode:both}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.modal-overlay{align-items:center;background-color:#00000073;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 10px #0003;padding:1.5rem;text-align:center}.modal-content h2{color:var(--primary-color);margin-bottom:1rem}.modal-footer{align-items:center;flex-direction:column;margin-top:1rem}.download-buttons,.modal-footer{display:flex;gap:1rem}.btn.theme-btn{background-color:var(--primary-color);border:none;border-radius:4px;color:var(--card-background);cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease,transform .2s ease}.btn.theme-btn:hover{background-color:var(--primary-light);transform:translateY(-2px)}.btn.cancel-btn{background-color:var(--secondary-color)}.btn.cancel-btn:hover{background-color:var(--secondary-light)}.tts-settings-modal{animation:fadeIn .3s ease-in-out;background:var(--card-background);border-radius:.75rem;box-shadow:0 8px 16px #0003;color:var(--text-color);left:50%;max-width:400px;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.tts-settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.tts-settings-header h2{font-size:1.5rem;margin:0}.tts-settings-header .close-btn{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.5rem;transition:color .2s ease}.tts-settings-header .close-btn:hover{color:var(--primary-color)}.tts-settings-body{gap:1.5rem}.tts-setting,.tts-settings-body{display:flex;flex-direction:column}.tts-setting{gap:.5rem}.tts-setting label{font-size:1rem;font-weight:700}.tts-setting input,.tts-setting select{background:var(--input-background);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-color);font-size:1rem;padding:.5rem;transition:border-color .2s ease;width:100%}.tts-setting input:focus,.tts-setting select:focus{border-color:var(--primary-color);outline:none}.range-value{color:var(--secondary-text-color);font-size:.9rem;text-align:right}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(/static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(/static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(/static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(/static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(/static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(/static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(/static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(/static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(/static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(/static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(/static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(/static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(/static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(/static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(/static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(/static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(/static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(/static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(/static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(/static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(/static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(/static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(/static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(/static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(/static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(/static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.21"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.graph-view{background:linear-gradient(145deg,#f8f9fa,#fff);border-radius:12px;box-shadow:0 8px 24px #00000014;height:600px;padding:24px;width:100%}.graph-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:0 8px}.graph-title{color:#2c3e50;font-size:1.75rem;font-weight:700;letter-spacing:-.5px}.graph-controls{background:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #0000000d;gap:12px;padding:6px}.graph-button,.graph-controls{align-items:center;display:flex}.graph-button{background:#fff;border:1px solid #e9ecef;border-radius:6px;color:#2c3e50;cursor:pointer;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.graph-button:hover{background:#f8f9fa;border-color:#8884d8;box-shadow:0 2px 4px #0000000d;color:#8884d8;transform:translateY(-1px)}.graph-container{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:inset 0 0 12px #00000005;height:calc(100% - 80px);overflow:hidden;position:relative}.graph-legend{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000014;padding:16px;position:absolute;right:20px;top:20px;transition:all .3s ease;z-index:1000}.graph-legend:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.legend-item{align-items:center;border-radius:4px;display:flex;gap:10px;margin-bottom:12px;padding:4px;transition:all .2s ease}.legend-item:hover{background:#8884d80d}.legend-item:last-child{margin-bottom:0}.legend-color{border-radius:50%;box-shadow:0 2px 4px #0000001a;height:14px;width:14px}.zoom-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:12px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;gap:12px;padding:12px;position:fixed;right:40px;top:50%;transform:translateY(-50%);z-index:1000}.zoom-button{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:1.2rem;font-weight:500;height:40px;justify-content:center;transition:all .2s ease;width:40px}.zoom-button:hover{background:#8884d8;border-color:#8884d8;box-shadow:0 4px 8px #8884d84d;color:#fff;transform:translateY(-1px)}.zoom-button:active{box-shadow:0 2px 4px #8884d833;transform:translateY(0)}canvas{transition:all .3s ease}
/*# sourceMappingURL=main.d7e69674.css.map*/