body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#1e1e1e;color:#e0e0e0;font-family:Arial,sans-serif;min-height:100vh;overflow-x:hidden}.App{margin:0 auto;max-width:800px;padding:2rem}h1{font-size:6rem;text-align:center}.note-input,h1{margin-bottom:2rem}.note-input{background-color:#00000000;display:flex}textarea{border:none;border-radius:8px 0 0 8px;box-shadow:0 4px 6px rgba(0,0,0,.1);flex-grow:1;font-size:1rem;height:100px;padding:.5rem;resize:none}button{border:none;border-radius:8px 8px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .3s ease}button,button:hover{background:linear-gradient(45deg,#8a2be2,#9370db)}button:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.note-list{display:flex;flex-direction:column;gap:1rem}.note-item{background:#3a3a3a90;border:1px solid #96959520;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.512);color:#e0e0e0;margin-left:20px;padding:1.5rem 1rem;position:relative;transition:all .3s ease}.note-item:hover{box-shadow:0 6px 8px rgba(0,0,0,.3);-webkit-transform:translateY(-2.5px);transform:translateY(-2.5px)}.note-content{word-wrap:break-word;cursor:pointer;min-height:1.5rem;padding:.5rem}.note-content.completed{color:#888;text-decoration:line-through}.add-child{align-items:center;border-radius:50%;display:flex;font-size:16px;height:20px;justify-content:center;left:-25px;line-height:1;padding:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px}.note-item .note-item{margin-top:10px}.note-edit{padding-right:20px;width:100%}.note-edit input{background-color:#33333300;border:1px solid #44444400;border-radius:4px;box-sizing:border-box;color:#e0e0e0;font-size:1rem;padding:.5rem;width:calc(100% - 2rem)}.delete-note{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:0;position:absolute;right:5px;top:5px;transition:all .3s ease;width:20px}.delete-note:hover{background-color:#444;color:#fff}.new-page-button{align-items:center;background:#2a2a2a;border:2px solid #8716f0;border-radius:8px;color:#fff;cursor:pointer;display:flex;padding:.5rem 1rem;transition:all .3s ease}.new-page-button:hover{background:#802be2;color:#fff}.new-page-button .icon{font-size:1.5rem;margin-right:.5rem}.new-page-button span{font-size:1rem}.toggle-complete{align-items:center;background:none;border:none;border-radius:50%;bottom:5px;color:#888;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:0;position:absolute;right:5px;transition:all .3s ease;width:20px}.toggle-complete:hover{background-color:#444;color:#fff}.top-buttons{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.load-button,.menu-toggle,.save-button{background:#8716f000;color:#fff}.load-button:hover,.menu-toggle:hover,.save-button:hover{background:#272727}.menu-toggle{background:#8716f09a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;left:50px;padding:.5rem 2rem;position:absolute;top:50px;transition:all .3s ease}.menu-toggle:hover{background:#e32bed00;border:1px solid #8716f0}.collapsible-menu{display:none;flex-direction:column;gap:.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease-out;width:100%}.collapsible-menu.open{display:flex;max-height:200px}.load-button,.save-button{background:#be4ecd;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin:10% 15%;padding:1rem;transition:all .3s ease}.save-button.local{background:linear-gradient(45deg,#8a2be2,#9370db)}.save-button.local:hover{background:linear-gradient(45deg,#9370db,#8a2be2)}.load-button.cloud,.save-button.cloud{background:linear-gradient(45deg,#8a2be2,#9370db)}.load-button.cloud:hover,.save-button.cloud:hover{background:linear-gradient(45deg,#9370db,#8a2be2)}.cloud-save-id{color:#8a2be2;font-weight:700;margin-bottom:1rem;text-align:center}.side-drawer{width:250px;z-index:1000}.main-content{transition:margin-left .3s ease-out}@media (min-width:769px){.side-drawer.open+.main-content{margin-left:250px}}@media (max-width:768px){.side-drawer.open+.main-content{margin-left:0}}.center{text-align:center}.info-button{align-items:center;background:var(--button-gradient);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:50px;top:50px;transition:all .3s ease;width:40px;z-index:1000}.info-button:hover{background:var(--button-hover-gradient);color:#9e3dff;-webkit-transform:scale(1.1);transform:scale(1.1)}.popup-overlay{align-items:center;background-color:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.popup-content{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#e0e0e0;display:flex;flex-direction:column;height:400px;overflow-y:auto;padding:2rem;width:600px}.popup-content h2{color:#8716f0;margin-bottom:1rem}.popup-content p{flex-grow:1;margin-bottom:1rem}.close-popup{align-self:flex-end;background:linear-gradient(45deg,#8a2be2,#9370db);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.close-popup:hover{background:linear-gradient(45deg,#9370db,#8a2be2)}.side-drawer{background-color:#2a2a2a;box-shadow:2px 0 5px rgba(0,0,0,.1);color:#e0e0e0;display:flex;flex-direction:column;gap:10px;height:100vh;left:0;max-width:250px;overflow-y:auto;padding:20px;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;width:70%;z-index:1002}.side-drawer.open{-webkit-transform:translateX(0);transform:translateX(0)}.menu-button{background:transparent;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;text-align:left;transition:all .3s ease}.menu-button:hover{background:#3a3a3a}.submenu,.submenu-container{display:flex;flex-direction:column}.submenu{background-color:#3a3a3a;border-radius:8px;gap:5px;margin-left:10px;margin-top:5px;padding:10px}.submenu-button{background:transparent;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;text-align:left;transition:all .3s ease}.submenu-button:hover{background:#4a4a4a}@media (max-width:768px){.side-drawer{max-width:250px;width:70%}body{overflow-x:hidden}}.side-drawer.open~.main-content .info-button,.side-drawer.open~.main-content .menu-toggle,.side-drawer.open~.main-content .top-buttons{opacity:.5;pointer-events:none;transition:opacity .3s ease-out}.side-drawer.open~.main-content{position:static}.side-drawer.open~.main-content .menu-toggle{opacity:1;pointer-events:auto}.passkey-dialog-overlay{align-items:center;background-color:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1002}.passkey-dialog{align-items:center;background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#e0e0e0;display:flex;flex-direction:column;padding:2rem;width:400px}.passkey-dialog h2{color:#8716f0;font-size:1.5rem;margin-bottom:1rem}.passkey-input{background-color:#3a3a3a;border:1px solid #8716f0;border-radius:4px;color:#e0e0e0;font-size:1rem;margin-bottom:1rem;padding:.5rem;width:100%}.passkey-dialog-buttons{display:flex;justify-content:space-between;width:100%}.cancel-button,.save-button,.verify-button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .3s ease}.cancel-button{background-color:#4a4a4a;color:#e0e0e0}.save-button,.verify-button{background:linear-gradient(45deg,#8a2be2,#9370db);color:#fff}.cancel-button:hover{background-color:#5a5a5a}.save-button:hover,.verify-button:hover{background:linear-gradient(45deg,#9370db,#8a2be2)}*{font-family:Roboto,sans-serif}.install-prompt{align-items:center;background-color:#2a2a2a;border-radius:8px;bottom:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#e0e0e0;display:flex;flex-direction:column;left:50%;padding:15px;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000}.install-prompt p{margin-bottom:10px;text-align:center;width:100%}.install-prompt button{background:linear-gradient(45deg,#8a2be2,#9370db);border:none;border-radius:4px;color:#fff;cursor:pointer;margin:5px;max-width:none;padding:8px 16px;transition:all .3s ease;width:auto}.install-prompt button:hover{background:linear-gradient(45deg,#9370db,#8a2be2)}.button-container{display:flex;justify-content:space-between;margin-top:10px;width:100%}.prompt-button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:16px;margin:0 5px;max-width:200px;overflow:hidden;padding:10px 0;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}
/*# sourceMappingURL=main.364ab2dc.css.map*/