body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}footer{background-color:inherit}:root{--font-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-mono: "Courier New", Courier, monospace;--color-background-main: #0D1117;--color-text-main: #C9D1D9;--color-text-muted: #4c7ba5;--color-text-sidebar: #010409;--color-background-sidebar: rgba(201, 209, 217, .7);--color-background-sidebar-fallback: #B0B8C0;--color-accent-primary-cta: #8957E5;--color-accent-highlight: #388BFD;--color-accent-secondary: #33ff33;--color-accent-danger: #F85149;--color-border: rgba(140, 148, 158, .3);--color-border-inset: #555}html{font-size:100%}.noteManagerContainer{display:flex;height:100vh;background-color:var(--color-background-main);font-family:var(--font-system);font-size:1rem;line-height:1.5;position:relative;overflow-x:hidden}.noteListSidebar{width:16.25rem;flex-shrink:0;border-right:1px solid var(--color-border);padding:.75rem;overflow-y:auto;color:var(--color-text-sidebar);transition:transform .3s ease-in-out;background-color:var(--color-background-sidebar-fallback);background-color:var(--color-background-sidebar)}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.noteListSidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.mainContent{flex-grow:1;padding:1.5rem;overflow-y:auto}.content-pane{max-width:45rem;margin:0 auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-system);font-weight:600;line-height:1.2;margin:0 0 .75em;color:var(--color-text-main)}h2{font-size:1.5rem}h4{font-size:1.1rem}label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:var(--color-text-muted)}.note-meta{font-style:italic;color:var(--color-text-muted);margin-bottom:1.5em;font-size:.9rem}.note-content{color:var(--color-text-main)}.retro-button{background-color:#8b949e33;border:1px solid var(--color-border);border-radius:6px;padding:.6rem 1.2rem;font-family:var(--font-system);font-size:1rem;cursor:pointer;color:var(--color-text-main);transition:background-color .2s}.retro-button:hover{background-color:#8b949e4d}.retro-button:active{background-color:#8b949e1a}.retro-button.danger{color:var(--color-accent-danger);border-color:#f851494d}.retro-button.danger:hover{background-color:#f851491a}.retro-button:disabled{color:var(--color-text-muted);cursor:not-allowed;background-color:#8b949e1a}.new-note-btn{background-color:#8957e533;border-color:#8957e580;color:var(--color-accent-primary-cta)}.new-note-btn:hover{background-color:#8957e54d}.retro-input,.retro-textarea{display:block;width:100%;margin-bottom:1rem;padding:.6rem;background-color:#010409;border:1px solid var(--color-border);border-radius:6px;font-family:var(--font-mono);font-size:1rem;line-height:1.4;color:var(--color-text-main)}.retro-input:focus,.retro-textarea:focus{border-color:var(--color-accent-highlight);outline:2px solid var(--color-accent-highlight);outline-offset:-1px}.noteListSidebar ul{list-style:none;padding:0;margin:0}.noteListItem{padding:.75rem .6rem;cursor:pointer;border:1px solid transparent;border-radius:6px;color:var(--color-text-sidebar);font-weight:500}.noteListItem:hover{background-color:#00000014}.noteListItem.selected{background-color:var(--color-accent-highlight);color:#fff}.dynamic-renderer{margin-top:1.5rem;border:1px solid var(--color-border);border-radius:6px;padding:.75rem;background-color:#010409}.renderer-header{font-family:var(--font-mono);color:var(--color-accent-secondary)}.renderer-code-preview{background-color:#010409;color:var(--color-accent-secondary);padding:.75rem;white-space:pre-wrap;word-wrap:break-word;font-family:var(--font-mono)}.error-message{color:#ffa099;background-color:#f8514926;border:1px solid rgba(248,81,73,.3);border-radius:6px;padding:.75rem;margin-top:1em}.retro-hr{border:0;height:1px;background-color:var(--color-border);margin:.75rem 0}.note-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);margin-bottom:.75rem;padding-bottom:.5rem}.alert-overlay{background-color:#0009;position:fixed;inset:0;z-index:110}.alert-content{color:var(--color-text-sidebar);border-radius:8px;box-shadow:0 4px 20px #0006;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:30rem;padding:1.5rem;z-index:120;background-color:var(--color-background-sidebar-fallback);background-color:var(--color-background-sidebar)}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.alert-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.sidebar-toggle-button{display:none;position:absolute;top:.75rem;left:.75rem;z-index:50}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:99}@media(max-width:50em){.noteListSidebar{position:absolute;top:0;left:0;height:100%;z-index:100;transform:translate(-100%);border-right:1px solid var(--color-border)}.noteListSidebar.open{transform:translate(0)}.sidebar-toggle-button{display:block}.sidebar-overlay{display:block;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.noteListSidebar.open~.mainContent .sidebar-overlay,.noteListSidebar.open+.sidebar-overlay{opacity:1;visibility:visible}}