@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;500;600;700&family=Syne:wght@600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:Pixelify Sans,sans-serif;background-image:url(https://github.com/nav9v/sip24-svelte-quick-notes/blob/nav9v/assets/bg.gif?raw=true);background-size:cover;background-position:center;background-attachment:fixed;min-height:100vh;width:100vw;overflow:hidden;color:#e0e0e0;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container.svelte-16nwgkl.svelte-16nwgkl{display:flex;min-height:100vh;width:100%;position:relative}.sidebar-toggle.svelte-16nwgkl.svelte-16nwgkl{display:none;position:fixed;top:15px;left:15px;z-index:1001;background-color:#1e1e1ecc;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:5px;width:40px;height:40px;font-size:24px;cursor:pointer;line-height:38px;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:background-color .2s ease}.sidebar-toggle.svelte-16nwgkl.svelte-16nwgkl:hover{background-color:#323232e6}.sidebar.svelte-16nwgkl.svelte-16nwgkl{position:fixed;top:0;left:0;width:240px;height:100vh;background-color:#0a0a0ad9;border-right:1px solid #444;overflow-y:auto;transition:transform .3s ease-in-out;z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column}.sidebar-content.svelte-16nwgkl.svelte-16nwgkl{padding:20px 10px;flex-grow:1;overflow-y:auto;box-sizing:border-box}.pages-list.svelte-16nwgkl.svelte-16nwgkl{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.status-message.svelte-16nwgkl.svelte-16nwgkl,.no-pages-message.svelte-16nwgkl.svelte-16nwgkl{padding:10px 12px;color:#aaa;font-style:italic;font-size:.9em}.status-message.error.svelte-16nwgkl.svelte-16nwgkl{color:#f87171;font-weight:700}.page-item.svelte-16nwgkl.svelte-16nwgkl{display:flex;padding:0 7px 0 0;gap:5px;align-items:center;border-radius:4px;transition:background-color .2s ease;background-color:#ffffff0d}.page-item.active.svelte-16nwgkl.svelte-16nwgkl{background-color:#b5b6b866}.page-item.svelte-16nwgkl.svelte-16nwgkl:not(.active):hover{background-color:#ffffff26}button.svelte-16nwgkl.svelte-16nwgkl{font-family:inherit;cursor:pointer;border-radius:5px;border:none;background-color:transparent;color:inherit;padding:0;text-align:left;line-height:normal;transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}button.svelte-16nwgkl.svelte-16nwgkl:disabled{cursor:not-allowed;opacity:.6}.page-button.svelte-16nwgkl.svelte-16nwgkl,.delete-button.svelte-16nwgkl.svelte-16nwgkl,.add-page-button.svelte-16nwgkl.svelte-16nwgkl,.save-button.svelte-16nwgkl.svelte-16nwgkl,.add-page-button-main.svelte-16nwgkl.svelte-16nwgkl{padding:8px 12px;border:1px solid transparent;flex-shrink:0;font-size:15px}.page-button.svelte-16nwgkl.svelte-16nwgkl{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;color:#e0e0e0;text-align:left;padding:10px 12px}.page-item.active.svelte-16nwgkl .page-button.svelte-16nwgkl{color:#fff;font-weight:500}.delete-button.svelte-16nwgkl.svelte-16nwgkl{background-color:#2724248c;color:#fff;padding:15px;font-size:16px;line-height:1;border-radius:4px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;box-sizing:border-box;transition:background-color .2s ease}.delete-button.svelte-16nwgkl.svelte-16nwgkl:hover:not(:disabled){background-color:red}.add-page-item.svelte-16nwgkl.svelte-16nwgkl{margin-top:15px;padding-top:15px;border-top:1px solid #444}.add-page-button.svelte-16nwgkl.svelte-16nwgkl{background-color:#ff4d00;color:#fff;width:100%;text-align:center;font-weight:500}.add-page-button.svelte-16nwgkl.svelte-16nwgkl:hover:not(:disabled){background-color:#ff9d00}.main-content.svelte-16nwgkl.svelte-16nwgkl{margin-left:240px;padding:25px 30px;width:calc(100% - 240px);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden}.note-header.svelte-16nwgkl.svelte-16nwgkl{display:flex;align-items:center;gap:15px;width:100%;margin:0 0 20px;box-sizing:border-box;flex-shrink:0}.note-title.svelte-16nwgkl.svelte-16nwgkl{font-family:Pixelify Sans,sans-serif;font-size:28px;font-weight:700;border:none;border-bottom:2px solid rgba(137,79,79,.5);outline:none;color:#fffdfd;background-color:transparent;flex-grow:1;resize:none;line-height:1.3;padding:8px 10px;transition:border-color .2s ease;min-width:0}.note-title.svelte-16nwgkl.svelte-16nwgkl::-moz-placeholder{color:#fff6;font-weight:400}.note-title.svelte-16nwgkl.svelte-16nwgkl::placeholder{color:#fff6;font-weight:400}.note-title.svelte-16nwgkl.svelte-16nwgkl:focus{border-bottom-color:#bb8181e6}.note-title.svelte-16nwgkl.svelte-16nwgkl:disabled{background-color:#0003;border-bottom-color:#64646480}.note-textarea.svelte-16nwgkl.svelte-16nwgkl{display:block;font-family:Pixelify Sans,sans-serif;border-radius:8px;border:2px solid rgb(137,79,79);background-color:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e6e6e6;width:100%;flex-grow:1;padding:20px;font-size:18px;resize:none;margin:0 0 20px;box-sizing:border-box;line-height:1.6;overflow-y:auto;min-height:200px;transition:border-color .2s ease,background-color .2s ease}.note-textarea.svelte-16nwgkl.svelte-16nwgkl::-moz-placeholder{color:#ffffff80}.note-textarea.svelte-16nwgkl.svelte-16nwgkl::placeholder{color:#ffffff80}.note-textarea.svelte-16nwgkl.svelte-16nwgkl:focus{outline:none;border-color:#bb8181;background-color:#00000080}.note-textarea.svelte-16nwgkl.svelte-16nwgkl:disabled{background-color:#0009;border-color:#646464b3}.save-button.svelte-16nwgkl.svelte-16nwgkl{background-color:#10b981;color:#fff;font-weight:500;padding:10px 20px}.save-button.svelte-16nwgkl.svelte-16nwgkl:hover:not(:disabled){background-color:#0e9f6e}.no-page-selected.svelte-16nwgkl.svelte-16nwgkl{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;color:#ffffffb3;text-align:center;gap:20px;padding:20px}.no-page-selected.svelte-16nwgkl p.svelte-16nwgkl{font-size:1.2em;margin:0}.no-page-selected.svelte-16nwgkl .error-message.svelte-16nwgkl{color:#f87171;font-weight:700}.add-page-button-main.svelte-16nwgkl.svelte-16nwgkl{display:inline-block;width:auto;background-color:#2563ebcc;color:#fff;font-weight:500;padding:10px 20px;font-size:15px;text-align:center}.add-page-button-main.svelte-16nwgkl.svelte-16nwgkl:hover:not(:disabled){background-color:#1d4ed8e6}@media screen and (max-width: 768px){.sidebar-toggle.svelte-16nwgkl.svelte-16nwgkl{display:block}.sidebar.svelte-16nwgkl.svelte-16nwgkl{transform:translate(-100%);border-right:none;box-shadow:2px 0 15px #0000004d}.sidebar.open.svelte-16nwgkl.svelte-16nwgkl{transform:translate(0)}.sidebar-content.svelte-16nwgkl.svelte-16nwgkl{padding-top:65px}.main-content.svelte-16nwgkl.svelte-16nwgkl{margin-left:0;width:100%;padding:70px 15px 20px;position:relative;z-index:1}.note-header.svelte-16nwgkl.svelte-16nwgkl{margin:0 0 15px}.note-title.svelte-16nwgkl.svelte-16nwgkl{font-size:24px;padding:6px 8px}.note-textarea.svelte-16nwgkl.svelte-16nwgkl{font-size:16px;padding:15px;min-height:150px;margin-bottom:15px}.page-button.svelte-16nwgkl.svelte-16nwgkl,.delete-button.svelte-16nwgkl.svelte-16nwgkl,.add-page-button.svelte-16nwgkl.svelte-16nwgkl,.save-button.svelte-16nwgkl.svelte-16nwgkl,.add-page-button-main.svelte-16nwgkl.svelte-16nwgkl{padding:8px 10px;font-size:14px}.save-button.svelte-16nwgkl.svelte-16nwgkl{padding:8px 15px}.delete-button.svelte-16nwgkl.svelte-16nwgkl{width:26px;height:26px;padding:5px;font-size:14px}.page-button.svelte-16nwgkl.svelte-16nwgkl{padding:8px 10px}.add-page-button-main.svelte-16nwgkl.svelte-16nwgkl{padding:8px 15px}}@media screen and (max-width: 480px){.sidebar.svelte-16nwgkl.svelte-16nwgkl{width:220px}.sidebar-content.svelte-16nwgkl.svelte-16nwgkl{padding:65px 8px 15px}.main-content.svelte-16nwgkl.svelte-16nwgkl{padding:65px 10px 15px}.note-header.svelte-16nwgkl.svelte-16nwgkl{gap:10px;margin-bottom:10px}.note-title.svelte-16nwgkl.svelte-16nwgkl{font-size:20px;padding:5px 6px}.page-button.svelte-16nwgkl.svelte-16nwgkl,.delete-button.svelte-16nwgkl.svelte-16nwgkl,.add-page-button.svelte-16nwgkl.svelte-16nwgkl,.save-button.svelte-16nwgkl.svelte-16nwgkl,.add-page-button-main.svelte-16nwgkl.svelte-16nwgkl{padding:6px 8px;font-size:13px}.save-button.svelte-16nwgkl.svelte-16nwgkl{padding:6px 12px}.delete-button.svelte-16nwgkl.svelte-16nwgkl{width:24px;height:24px;padding:4px;font-size:13px}.page-button.svelte-16nwgkl.svelte-16nwgkl{padding:6px 8px}.add-page-button-main.svelte-16nwgkl.svelte-16nwgkl{padding:6px 12px}.note-textarea.svelte-16nwgkl.svelte-16nwgkl{font-size:15px;padding:10px;line-height:1.5;min-height:120px;margin-bottom:15px}}