:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0 auto;min-height:100vh;min-width:100vw;text-align:center;background:linear-gradient(135deg,#23243a,#2d3250,#3a3f5c 40%,#6c3483)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{max-width:400px;width:90vw;margin:2em auto;padding:1.5em 2em;background:linear-gradient(135deg,#f8fafc 60%,#e0e7ff);border-radius:12px;box-shadow:0 4px 24px #3c48581a,0 1.5px 4px #3c485814;transition:box-shadow .3s,transform .3s}.card h1,.card p{word-break:break-word}@media (max-width: 500px){.card{padding:1em .5em}.card h1{font-size:1.5em}}.read-the-docs{color:#888}.btn{display:inline-flex;align-items:center;padding:.5em 1.2em;margin:.5em;border:none;border-radius:4px;font-size:1em;text-decoration:none;color:#fff;cursor:pointer;transition:background .2s}.btn:visited,.btn:hover,.btn:active{color:#fff;background:inherit;text-decoration:none}.btn.linkedin{background:#0077b5}.btn.linkedin:hover,.btn.linkedin:active{background:#005983;box-shadow:0 2px 8px #0000001f}.btn.github{background:#181717}.btn.github:hover,.btn.github:active{background:#000;box-shadow:0 2px 8px #0000001f}.btn.pressed{box-shadow:0 2px 8px #6c34832e;outline:2px solid #6c3483;background:#3a3f5c!important;color:#fff!important}.notes-sidebar{width:260px;background:#181825;color:#fff;display:flex;flex-direction:column;padding:0;height:100vh;overflow:hidden}.notes-sidebar-top{padding:1em 1em .5em;flex-shrink:0}.notes-sidebar-list{flex:1;overflow-y:auto;padding:0 .5em 1em}.notes-folder{margin-bottom:4px}.notes-folder-btn,.notes-file-btn,.notes-sidebar-top .btn{background:#23243a!important;color:#fff!important}.notes-folder-btn,.notes-file-btn{border:none;border-radius:4px;width:100%;text-align:left;padding:.5em .75em;margin-bottom:2px;cursor:pointer;display:flex;align-items:center;transition:background .15s}.notes-file-btn{width:95%;margin-left:1.5em;font-weight:400;padding:.4em .7em}.notes-folder-btn.pressed,.notes-file-btn.pressed{background:#6c3483!important;color:#fff!important;font-weight:700}.notes-sidebar-top .btn{padding:.35em .7em!important;font-size:1.6em!important;background:#23243a;color:#fff;border-radius:4px;border:none;transition:background .15s}.notes-sidebar-top .btn:hover,.notes-folder-btn:hover,.notes-file-btn:hover{background:#3a3f5c;color:#fff}.notes-main{flex:1;display:flex;flex-direction:column;background:#f8fafc;min-width:0;height:100vh;overflow:hidden}.notes-topbar{height:56px;background:#3a3f5c;color:#fff;display:flex;align-items:center;padding:0 1.5em;font-weight:700;font-size:1.1em;flex-shrink:0}.notes-preview-container{flex:1;overflow-y:auto;min-width:0;min-height:0;display:flex;flex-direction:column;padding:0}.notes-preview{text-align:left;background:#fff;border-radius:6px;border:1px solid #e0e7ff;box-shadow:0 1px 4px #3c48580f;width:100%;height:100%;overflow:auto;flex:1;min-width:0;min-height:0;box-sizing:border-box;padding:2em}