@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;300&display=swap";:root{font-family:Roboto Mono,Courier New,monospace;line-height:1.5;font-weight:100;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,[data-theme=dark]{color-scheme:dark;color:#fffffff2;background-color:#121212}[data-theme=light]{color-scheme:light;color:#000000f2;background-color:#f0f0f0;font-size:1.15em;font-weight:200}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;height:100vh;overflow:hidden}h1{font-size:1.5rem;line-height:1.8;font-weight:100}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}.toast{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;min-width:300px;max-width:500px;font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.85rem;letter-spacing:.05em;border:1px solid;border-radius:4px;box-shadow:0 4px 12px #0000004d;cursor:pointer;transition:all .3s ease;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast:hover{transform:translate(-5px)}.toast-success{background-color:#32c86426;border-color:#32c86480;color:#32c864e6}[data-theme=light] .toast-success{background-color:#32c8641a;border-color:#32c86466;color:#1e9646e6}.toast-error{background-color:#ff646426;border-color:#ff646480;color:#ff6464e6}[data-theme=light] .toast-error{background-color:#ff64641a;border-color:#ff646466;color:#c83232e6}.toast-info{background-color:#6496ff26;border-color:#6496ff80;color:#6496ffe6}[data-theme=light] .toast-info{background-color:#6496ff1a;border-color:#6496ff66;color:#3264c8e6}.toast-warning{background-color:#ffc83226;border-color:#ffc83280;color:#ffc832e6}[data-theme=light] .toast-warning{background-color:#ffc8321a;border-color:#ffc83266;color:#c8961ee6}.toast-message{flex:1}.toast-close{background:none;border:none;color:inherit;font-size:1.5rem;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;line-height:1;opacity:.7;transition:opacity .2s;font-family:Roboto Mono,Courier New,monospace;font-weight:100}.toast-close:hover{opacity:1}.toast-container{position:fixed;top:100px;right:2rem;z-index:99999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast-container>*{pointer-events:auto}@media(max-width:768px){.toast-container{right:1rem;left:1rem;top:80px}.toast-container .toast{min-width:auto;max-width:100%}}[data-theme=light] .form-submit:hover:not(:disabled){border-color:#00000080;color:#000;background-color:#fff;box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.modal-content{background-color:#1a1a1a;border:1px solid rgba(255,255,255,.2);padding:3rem;max-width:400px;width:90%;position:relative}[data-theme=light] .modal-content{background-color:#fff;border:1px solid rgba(0,0,0,.25);box-shadow:0 8px 32px #00000026}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff9;font-size:2rem;cursor:pointer;font-family:Roboto Mono,Courier New,monospace;font-weight:100;line-height:1;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#ffffffe6}[data-theme=light] .modal-close{color:#0009}[data-theme=light] .modal-close:hover{color:#000000e6}.modal-title{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:1rem;letter-spacing:.3em;color:#ffffffe6;text-transform:uppercase;margin:0 0 2rem;text-align:center}[data-theme=light] .modal-title{color:#000000e6}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-input{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.75rem;letter-spacing:.1em;background-color:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffffe6;padding:.75rem 1rem;outline:none;transition:border-color .2s}.form-input:focus{border-color:#ffffff4d}[data-theme=light] .form-input{border-color:#00000040;color:#000000f2;background-color:#fff}.form-submit{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;background-color:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s;margin-top:.5rem}.form-submit:hover:not(:disabled){border-color:#fff6;background-color:#ffffff0d}.form-submit:disabled{opacity:.5;cursor:not-allowed}.form-error{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.7rem;color:#ff6464cc;text-align:center;padding:.5rem}.modal-switch{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.7rem;color:#ffffff80;text-align:center;margin-top:1.5rem}.link-button{background:none;border:none;color:#ffffffb3;font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.7rem;cursor:pointer;text-decoration:underline;padding:0;transition:color .2s}.link-button:hover{color:#ffffffe6}[data-theme=light] .form-submit,[data-theme=light] .link-button{border-color:#0003;color:#000000b3}[data-theme=light] .form-submit:hover:not(:disabled),[data-theme=light] .link-button:hover{border-color:#000c;color:#000;background-color:#0000001a}[data-theme=light] .form-input{font-weight:200}[data-theme=light] .form-submit{border-color:#00000080;color:#000000f2;font-weight:200}[data-theme=light] .modal-title{font-weight:200}[data-theme=light] .modal-switch{color:#00000080}@media(max-width:768px){.modal-overlay{padding:1rem}.modal-content{max-width:100%;padding:2rem 1.5rem}.modal-title{font-size:.85rem;margin-bottom:1.5rem}.form-input{font-size:.7rem;padding:.6rem .85rem}.form-submit,.link-button{font-size:.7rem;padding:.6rem 1rem}}@media(max-width:480px){.modal-overlay{padding:.5rem}.modal-content{padding:1.5rem 1rem}.modal-title{font-size:.75rem;margin-bottom:1.25rem}.form-input{font-size:.65rem;padding:.5rem .75rem}.form-submit,.link-button{font-size:.65rem;padding:.5rem .85rem}}.header{width:100%;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.2);flex-shrink:0;box-sizing:border-box;position:relative;background-color:#121212f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000004d}[data-theme=light] .header{border-bottom:1px solid rgba(0,0,0,.15);background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000014}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-title-link{text-decoration:none}.header-title{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.75rem;letter-spacing:.3em;color:#fffc;text-transform:uppercase;transition:color .2s}.header-title-link:hover .header-title{color:#fff}[data-theme=light] .header-title{color:#000c;font-size:.85rem;font-weight:200}[data-theme=light] .header-title-link:hover .header-title{color:#000000e6}.header-button-link{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;background:none;border:1px solid rgba(255,255,255,.4);color:#ffffffe6;padding:.5rem 1rem;text-decoration:none;display:inline-block;transition:all .2s;box-shadow:0 2px 4px #0003}.header-button-link:hover{border-color:#ffffffb3;color:#fff;background-color:#ffffff26;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.theme-toggle-button{background:none;border:none;color:#ffffff80;padding:0;cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;position:absolute;right:2rem;top:50%;transform:translateY(-50%);line-height:1}.theme-toggle-button:hover{color:#ffffffe6}.theme-toggle-button svg{width:14px;height:14px;margin:0;display:block;flex-shrink:0}[data-theme=light] .theme-toggle-button{color:#0000004d}[data-theme=light] .theme-toggle-button:hover{color:#0009}.header-actions{display:flex;align-items:center;gap:1.5rem}.header-button{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;background:none;border:1px solid rgba(255,255,255,.4);color:#ffffffe6;padding:.5rem 1rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0003}.header-button:hover{border-color:#ffffffb3;color:#fff;background-color:#ffffff26;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.header-profile-button{background:none;border:1px solid rgba(255,255,255,.4);color:#ffffffe6;padding:0;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:4px;box-shadow:0 2px 4px #0003;text-decoration:none}.header-profile-button:hover{border-color:#ffffffb3;color:#fff;background-color:#ffffff26;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.header-profile-button svg{width:16px;height:16px;margin:0;display:block;flex-shrink:0}[data-theme=light] .header-profile-button{border-color:#0006;color:#000000e6}[data-theme=light] .header-profile-button:hover{border-color:#000000b3;color:#000;background-color:#0000001a}.header-logout-button{background:none;border:1px solid rgba(255,255,255,.4);color:#ffffffe6;padding:0;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:4px;box-shadow:0 2px 4px #0003}.header-logout-button:hover{border-color:#ffffffb3;color:#fff;background-color:#ffffff26;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.header-logout-button svg{width:16px;height:16px;margin:0;display:block;flex-shrink:0}[data-theme=light] .header-logout-button{border-color:#0006;color:#000000e6}[data-theme=light] .header-logout-button:hover{border-color:#000000b3;color:#000;background-color:#0000001a}[data-theme=light] .header-button,[data-theme=light] .header-button-link{border-color:#0006;color:#000000e6;font-weight:200}[data-theme=light] .header-button:hover,[data-theme=light] .header-button-link:hover{border-color:#000000b3;color:#000;background-color:#0000001a}@media(max-width:768px){.header{padding:1rem 3.5rem 1rem 1rem}.header-content{padding-right:0}.header-title{font-size:.65rem;letter-spacing:.2em}[data-theme=light] .header-title{font-size:.7rem}.header-actions{gap:.75rem}.header-button,.header-button-link{font-size:.6rem;padding:.4rem .75rem;letter-spacing:.15em}.header-profile-button,.header-logout-button{width:2rem;height:2rem}.header-profile-button svg,.header-logout-button svg{width:14px;height:14px}.theme-toggle-button{right:1rem;width:1.5rem;height:1.5rem;top:50%;transform:translateY(-50%)}.theme-toggle-button svg{width:12px;height:12px}}@media(max-width:480px){.header{padding:.75rem 3rem .75rem .75rem}.header-content{padding-right:0}.header-title{font-size:.6rem;letter-spacing:.1em}[data-theme=light] .header-title{font-size:.65rem}.header-button,.header-button-link{font-size:.55rem;padding:.35rem .6rem}.header-actions{gap:.5rem}.header-profile-button,.header-logout-button{width:1.75rem;height:1.75rem}.header-profile-button svg,.header-logout-button svg{width:12px;height:12px}.theme-toggle-button{right:.75rem;width:1.25rem;height:1.25rem;top:50%;transform:translateY(-50%)}.theme-toggle-button svg{width:11px;height:11px}}.home{display:flex;align-items:center;justify-content:center;height:calc(100vh - 80px);padding:2rem;overflow:hidden}.home-content{max-width:800px;text-align:center}.home-title{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:1.5rem;line-height:1.8;letter-spacing:.1em;color:#fffffff2;margin:0 auto;white-space:nowrap;text-align:center;width:100%}[data-theme=light] .home-title{color:#000000f2;font-size:1.7rem;font-weight:200;text-align:center;margin:0 auto}.cursor{display:inline-block;margin-left:2px;color:#fffffff2;animation:blink 1s infinite}[data-theme=light] .cursor{color:#000000e6}.cursor.visible{opacity:1}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(max-width:768px){.home{padding:1rem}.home-title{font-size:1.2rem;letter-spacing:.05em;white-space:normal;word-wrap:break-word}[data-theme=light] .home-title{font-size:1.3rem}}@media(max-width:480px){.home{padding:.75rem}.home-title{font-size:1rem;letter-spacing:.03em}[data-theme=light] .home-title{font-size:1.1rem}}.delete-modal-content{background-color:#1a1a1a;border:1px solid rgba(255,100,100,.5);padding:3rem;max-width:450px;width:90%;position:relative;box-shadow:0 8px 32px #ff64644d;border-radius:8px}[data-theme=light] .delete-modal-content{background-color:#fff;border-color:#c8323280;box-shadow:0 8px 32px #c8323233}.delete-modal-title{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:1rem;letter-spacing:.3em;color:#ff6464e6;text-transform:uppercase;margin:0 0 1.5rem;text-align:center}[data-theme=light] .delete-modal-title{color:#c83232e6;font-weight:200}.delete-modal-message{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.9rem;line-height:1.6;color:#fffc;text-align:center;margin:0 0 1rem}[data-theme=light] .delete-modal-message{color:#000c;font-weight:200}.delete-modal-item-name{color:#ff6464e6;font-weight:200}[data-theme=light] .delete-modal-item-name{color:#c83232e6}.delete-modal-warning{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.75rem;color:#ffffff80;text-align:center;margin:0 0 2rem;text-transform:uppercase;letter-spacing:.1em}[data-theme=light] .delete-modal-warning{color:#00000080;font-weight:200}.delete-modal-actions{display:flex;gap:1rem;justify-content:center}.delete-modal-cancel,.delete-modal-confirm{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;padding:.75rem 2rem;cursor:pointer;transition:all .2s;border:1px solid}.delete-modal-cancel{background:none;border-color:#fff3;color:#ffffffb3}.delete-modal-cancel:hover{border-color:#fff6;color:#ffffffe6;background-color:#ffffff0d}.delete-modal-confirm{background:none;border-color:#ff646480;color:#ff6464e6}.delete-modal-confirm:hover{border-color:#ff6464cc;color:#ff6464;background-color:#ff64641a}[data-theme=light] .delete-modal-cancel{border-color:#0000004d;color:#000000b3;font-weight:200}[data-theme=light] .delete-modal-cancel:hover{border-color:#00000080;color:#000000e6;background-color:#0000000d}[data-theme=light] .delete-modal-confirm{border-color:#c8323299;color:#c83232e6;font-weight:200}[data-theme=light] .delete-modal-confirm:hover{border-color:#c83232e6;color:#c83232;background-color:#c832321a}@media(max-width:768px){.delete-modal-content{max-width:90%;padding:2rem 1.5rem}.delete-modal-title{font-size:.85rem;margin-bottom:1rem}.delete-modal-message{font-size:.75rem;margin-bottom:1.5rem}.delete-modal-actions{flex-direction:column;gap:.75rem}.delete-modal-cancel,.delete-modal-confirm{width:100%;font-size:.7rem}}@media(max-width:480px){.delete-modal-content{padding:1.5rem 1rem}.delete-modal-title{font-size:.75rem}.delete-modal-message{font-size:.7rem}}.unsaved-modal-overlay{z-index:3000!important}.unsaved-modal-content{background-color:#1a1a1a;border:1px solid rgba(255,200,50,.5);padding:3rem;max-width:450px;width:90%;position:relative;box-shadow:0 8px 32px #ffc8324d;border-radius:8px}[data-theme=light] .unsaved-modal-content{background-color:#fff;border-color:#c8961e80;box-shadow:0 8px 32px #c8961e33}.unsaved-modal-title{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:1rem;letter-spacing:.3em;color:#ffc832e6;text-transform:uppercase;margin:0 0 1.5rem;text-align:center}[data-theme=light] .unsaved-modal-title{color:#c8961ee6;font-weight:200}.unsaved-modal-message{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.9rem;line-height:1.6;color:#fffc;text-align:center;margin:0 0 1rem}[data-theme=light] .unsaved-modal-message{color:#000c;font-weight:200}.unsaved-modal-warning{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.75rem;color:#ffffff80;text-align:center;margin:0 0 2rem;text-transform:uppercase;letter-spacing:.1em}[data-theme=light] .unsaved-modal-warning{color:#00000080;font-weight:200}.unsaved-modal-actions{display:flex;gap:1rem;justify-content:center}.unsaved-modal-cancel,.unsaved-modal-confirm{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;padding:.75rem 2rem;cursor:pointer;transition:all .2s;border:1px solid}.unsaved-modal-cancel{background:none;border-color:#ffffff4d;color:#ffffffd9}.unsaved-modal-cancel:hover{border-color:#fff9;color:#fff;background-color:#ffffff14}.unsaved-modal-confirm{background:none;border-color:#ffc83280;color:#ffc832e6}.unsaved-modal-confirm:hover{border-color:#ffc832cc;color:#ffc832;background-color:#ffc8321a}[data-theme=light] .unsaved-modal-cancel{border-color:#0006;color:#000000e6;font-weight:200}[data-theme=light] .unsaved-modal-cancel:hover{border-color:#000000b3;color:#000;background-color:#0000001a}[data-theme=light] .unsaved-modal-confirm{border-color:#c8961e99;color:#c8961ee6;font-weight:200}[data-theme=light] .unsaved-modal-confirm:hover{border-color:#c8961ee6;color:#c8961e;background-color:#c8961e1a}@media(max-width:768px){.unsaved-modal-content{max-width:90%;padding:2rem 1.5rem}.unsaved-modal-title{font-size:.85rem;margin-bottom:1rem}.unsaved-modal-message{font-size:.75rem;margin-bottom:1.5rem}.unsaved-modal-actions{flex-direction:column;gap:.75rem}.unsaved-modal-cancel,.unsaved-modal-confirm{width:100%;font-size:.7rem}}@media(max-width:480px){.unsaved-modal-content{padding:1.5rem 1rem}.unsaved-modal-title{font-size:.75rem}.unsaved-modal-message{font-size:.7rem}}.page-editor-overlay{position:fixed;inset:0;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem}.page-editor-container{background-color:#1a1a1a;border:1px solid rgba(255,255,255,.3);width:100%;max-width:900px;height:90vh;display:flex;flex-direction:column;position:relative;box-shadow:0 8px 32px #00000080;border-radius:8px;overflow:hidden}.page-editor-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.2);background-color:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-editor-title-wrapper{display:flex;flex-direction:column;flex:1;gap:.25rem}.page-editor-title{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:1rem;letter-spacing:.1em;background-color:transparent;border:none;color:#fffffff2;flex:1;outline:none}.page-editor-title::placeholder{color:#ffffff80}.page-editor-status{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.65rem;letter-spacing:.05em;color:#ffffff80;white-space:nowrap}[data-theme=light] .page-editor-status{color:#00000080;font-weight:200}.status-saving{color:#6496ffcc;animation:pulse 1.5s ease-in-out infinite}[data-theme=light] .status-saving{color:#3264c8cc}.status-unsaved{color:#ffc832cc}[data-theme=light] .status-unsaved{color:#c8961ecc}.status-saved{color:#32c864b3}[data-theme=light] .status-saved{color:#1e9646b3}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.page-editor-close{background:none;border:none;color:#fffc;font-size:2rem;cursor:pointer;font-family:Roboto Mono,Courier New,monospace;font-weight:100;line-height:1;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.page-editor-close:hover{color:#fff}.page-editor-toolbar{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.15);flex-wrap:wrap}.toolbar-button{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.75rem;background:none;border:1px solid rgba(255,255,255,.3);color:#ffffffe6;padding:.5rem .75rem;cursor:pointer;transition:all .2s;min-width:2rem;text-align:center;box-shadow:0 2px 4px #0003;border-radius:4px}.toolbar-button:hover{border-color:#fff9;color:#fff;background-color:#ffffff26;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.toolbar-separator{width:1px;height:1.5rem;background-color:#fff3;margin:0 .25rem}.page-editor-content{flex:1;padding:2rem;overflow-y:auto;font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.9rem;line-height:1.8;letter-spacing:.05em;color:#fffffff2;outline:none;min-height:0}.page-editor-content:focus{outline:none}.page-editor-content.read-only{cursor:default;-webkit-user-select:text;user-select:text}.page-editor-title:disabled{opacity:.6;cursor:not-allowed}.page-editor-content h1,.page-editor-content h2,.page-editor-content h3{font-family:Roboto Mono,Courier New,monospace;font-weight:100;letter-spacing:.1em;margin:1.5rem 0 1rem}.page-editor-content h1{font-size:1.5rem}.page-editor-content h2{font-size:1.2rem}.page-editor-content p{margin:1rem 0}.page-editor-content ul,.page-editor-content ol{margin:1rem 0;padding-left:2rem}.page-editor-content li{margin:.5rem 0}.page-editor-content strong{font-weight:300}.page-editor-content em{font-style:italic}.page-editor-content u{text-decoration:underline}.page-editor-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;align-items:center}.page-editor-save{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;background:none;border:1px solid rgba(255,255,255,.4);color:#fffffff2;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #0003;border-radius:4px}.page-editor-save:hover:not(:disabled){border-color:#ffffffb3;background-color:#ffffff26;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.page-editor-save:disabled{opacity:.5;cursor:not-allowed}.page-editor-delete{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;background:none;border:1px solid rgba(255,100,100,.4);color:#ff6464e6;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #ff646433;border-radius:4px}.page-editor-delete:hover:not(:disabled){border-color:#ff6464b3;color:#ff6464;background-color:#ff646426;box-shadow:0 4px 12px #ff64644d;transform:translateY(-1px)}.page-editor-delete:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .page-editor-delete{border-color:#c8323266;color:#c83232e6}[data-theme=light] .page-editor-delete:hover:not(:disabled){border-color:#c83232b3;color:#c83232;background-color:#c832321a}[data-theme=light] .page-editor-overlay{background-color:#fafafaf2}[data-theme=light] .page-editor-container{background-color:#fff;border-color:#0003;box-shadow:0 8px 32px #00000026}[data-theme=light] .page-editor-header{border-bottom-color:#00000026;background-color:#fff}[data-theme=light] .page-editor-title{color:#000000f2;font-weight:200}[data-theme=light] .page-editor-title::placeholder{color:#00000080}[data-theme=light] .page-editor-close{color:#000000b3}[data-theme=light] .page-editor-close:hover{color:#000}[data-theme=light] .page-editor-toolbar{border-bottom-color:#00000026}[data-theme=light] .toolbar-button{border-color:#00000040;color:#000000d9;font-weight:200;background-color:#fff;box-shadow:0 2px 4px #0000000f}[data-theme=light] .toolbar-button:hover{border-color:#0006;color:#000;background-color:#fff;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}[data-theme=light] .toolbar-separator{background-color:#00000026}[data-theme=light] .page-editor-content{color:#000000f2;font-weight:200}[data-theme=light] .page-editor-footer{border-top-color:#00000026}[data-theme=light] .page-editor-save{border-color:#0000004d;color:#000000f2;font-weight:200;background-color:#fff;box-shadow:0 2px 6px #00000014}[data-theme=light] .page-editor-save:hover:not(:disabled){border-color:#00000080;background-color:#fff;box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}@media(max-width:768px){.page-editor-overlay{padding:1rem}.page-editor-container{max-width:100%;height:95vh;border-radius:4px}.page-editor-header{padding:1rem;gap:.75rem}.page-editor-title{font-size:.85rem}.page-editor-close{font-size:1.5rem;width:1.5rem;height:1.5rem}.page-editor-toolbar{padding:.75rem 1rem;gap:.5rem}.toolbar-button{font-size:.7rem;padding:.4rem .75rem}.page-editor-content{padding:1rem;font-size:.9rem}.page-editor-footer{padding:1rem;gap:.75rem}.page-editor-save{font-size:.7rem;padding:.5rem 1rem}.page-editor-status{font-size:.65rem}}@media(max-width:480px){.page-editor-overlay{padding:.5rem}.page-editor-container{height:100vh;border-radius:0}.page-editor-header{padding:.75rem}.page-editor-title{font-size:.75rem}.page-editor-toolbar{padding:.5rem .75rem;flex-wrap:wrap}.toolbar-button{font-size:.65rem;padding:.35rem .6rem}.page-editor-content{padding:.75rem;font-size:.85rem}.page-editor-footer{padding:.75rem}}.page-viewer-overlay{position:fixed;inset:0;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem}[data-theme=light] .page-viewer-overlay{background-color:#fafafaf2}.page-viewer-container{background-color:#1a1a1a;border:1px solid rgba(255,255,255,.3);width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;position:relative;box-shadow:0 8px 32px #00000080;border-radius:8px;overflow:hidden}[data-theme=light] .page-viewer-container{background-color:#fff;border-color:#0003;box-shadow:0 8px 32px #00000026}.page-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem 2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.2);flex-shrink:0;background-color:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .page-viewer-header{border-bottom-color:#00000026;background-color:#fff}.page-viewer-title{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:1.2rem;letter-spacing:.1em;color:#fffffff2;margin:0;flex:1}[data-theme=light] .page-viewer-title{color:#000000e6;font-weight:200}.page-viewer-close{background:none;border:none;color:#fffc;font-size:2rem;cursor:pointer;font-family:Roboto Mono,Courier New,monospace;font-weight:100;line-height:1;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.page-viewer-close:hover{color:#fff}[data-theme=light] .page-viewer-close{color:#0009}[data-theme=light] .page-viewer-close:hover{color:#000000e6}.page-viewer-content{flex:1;padding:2rem;overflow-y:auto;font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.95rem;line-height:1.8;letter-spacing:.05em;color:#fffffff2;min-height:0}[data-theme=light] .page-viewer-content{color:#000000e6;font-weight:200}.page-viewer-content h1,.page-viewer-content h2,.page-viewer-content h3{font-family:Roboto Mono,Courier New,monospace;font-weight:200;letter-spacing:.1em;margin:2rem 0 1rem}[data-theme=light] .page-viewer-content h1,[data-theme=light] .page-viewer-content h2,[data-theme=light] .page-viewer-content h3{font-weight:200}.page-viewer-content h1{font-size:1.8rem}.page-viewer-content h2{font-size:1.4rem}.page-viewer-content h3{font-size:1.2rem}.page-viewer-content p{margin:1.2rem 0}.page-viewer-content ul,.page-viewer-content ol{margin:1.2rem 0;padding-left:2.5rem}.page-viewer-content li{margin:.6rem 0}.page-viewer-content strong{font-weight:200}[data-theme=light] .page-viewer-content strong{font-weight:300}.page-viewer-content em{font-style:italic}.page-viewer-content u{text-decoration:underline}.page-viewer-content a{color:#6496ffe6;text-decoration:underline}[data-theme=light] .page-viewer-content a{color:#3264c8e6}.page-viewer-content a:hover{color:#6496ff}[data-theme=light] .page-viewer-content a:hover{color:#3264c8}@media(max-width:768px){.page-viewer-overlay{padding:1rem}.page-viewer-container{max-width:100%;height:95vh;border-radius:4px}.page-viewer-header{padding:1rem}.page-viewer-title{font-size:.85rem}.page-viewer-close{font-size:1.5rem;width:1.5rem;height:1.5rem}.page-viewer-content{padding:1rem;font-size:.9rem}}@media(max-width:480px){.page-viewer-overlay{padding:.5rem}.page-viewer-container{height:100vh;border-radius:0}.page-viewer-header{padding:.75rem}.page-viewer-title{font-size:.75rem}.page-viewer-content{padding:.75rem;font-size:.85rem}}.share-modal-content{background-color:#1a1a1a;border:1px solid rgba(255,255,255,.3);padding:3rem;max-width:500px;width:90%;position:relative;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080;border-radius:8px}.share-project-name{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.9rem;color:#ffffffd9;margin:1rem 0 2rem;text-align:center}.share-form{margin-bottom:2rem}.permission-select{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.permission-label{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.75rem;color:#ffffffd9;display:flex;align-items:center;gap:.75rem;cursor:pointer}.permission-label input[type=radio]{cursor:pointer}.shares-list{border-top:1px solid rgba(255,255,255,.15);padding-top:2rem}.shares-list-title{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.8rem;letter-spacing:.2em;color:#fffffff2;text-transform:uppercase;margin:0 0 1.5rem}.shares-loading,.shares-empty{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.7rem;color:#ffffffb3;text-align:center;padding:1rem}.share-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid rgba(255,255,255,.15);margin-bottom:.5rem;background-color:#ffffff08}.share-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.share-user-name{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.8rem;color:#fffffff2}.share-user-email{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.7rem;color:#ffffffb3}.share-permission{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.65rem;color:#fff9;text-transform:uppercase;letter-spacing:.1em}.share-remove-button{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;background:none;border:1px solid rgba(255,100,100,.4);color:#ff6464e6;padding:.5rem 1rem;cursor:pointer;transition:all .2s}.share-remove-button:hover{border-color:#ff6464b3;color:#ff6464;background-color:#ff64641a}[data-theme=light] .share-modal-content{background-color:#fff;border-color:#00000040;box-shadow:0 8px 32px #00000026}[data-theme=light] .share-project-name{color:#000000e6;font-weight:200}[data-theme=light] .permission-label{color:#000000d9;font-weight:200}[data-theme=light] .shares-list{border-top-color:#00000026}[data-theme=light] .shares-list-title{color:#000000f2;font-weight:200}[data-theme=light] .shares-loading,[data-theme=light] .shares-empty{color:#000000b3;font-weight:200}[data-theme=light] .share-item{border-color:#00000026;background-color:#fff;box-shadow:0 2px 4px #0000000d}[data-theme=light] .share-user-name{color:#000000f2;font-weight:200}[data-theme=light] .share-user-email{color:#000000b3;font-weight:200}[data-theme=light] .share-permission{color:#0009;font-weight:200}[data-theme=light] .share-remove-button{border-color:#c8323280;color:#c83232e6;font-weight:200;background-color:#fff;box-shadow:0 2px 4px #c832321a}[data-theme=light] .share-remove-button:hover{border-color:#c83232cc;color:#c83232;background-color:#fff;box-shadow:0 4px 8px #c8323226;transform:translateY(-1px)}@media(max-width:768px){.share-modal-content{max-width:90%;padding:2rem 1.5rem}.share-project-name{font-size:.8rem;margin:.75rem 0 1.5rem}.permission-label{font-size:.7rem}.shares-list-title{font-size:.75rem;margin-bottom:1.25rem}.share-item{padding:.75rem}.share-user-name{font-size:.75rem}.share-user-email{font-size:.65rem}.share-remove-button{font-size:.6rem;padding:.4rem .85rem}}@media(max-width:480px){.share-modal-content{padding:1.5rem 1rem}.share-project-name{font-size:.75rem}.share-item{flex-direction:column;align-items:flex-start;gap:.5rem}.share-remove-button{width:100%}}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1500}[data-theme=light] .sidebar-overlay{background-color:#0000004d}.project-edit-sidebar{position:fixed;top:0;right:0;width:350px;height:100vh;background-color:#1a1a1a;border-left:1px solid rgba(255,255,255,.3);z-index:1501;display:flex;flex-direction:column;box-shadow:-8px 0 32px #0009}[data-theme=light] .project-edit-sidebar{background-color:#fff;border-left-color:#0003;box-shadow:-8px 0 32px #0000001f}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:2rem;border-bottom:1px solid rgba(255,255,255,.15);flex-shrink:0}[data-theme=light] .sidebar-header{border-bottom-color:#0000001a}.sidebar-title{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.9rem;letter-spacing:.3em;color:#fffffff2;text-transform:uppercase;margin:0}[data-theme=light] .sidebar-title{color:#000000e6;font-weight:200}.sidebar-close{background:none;border:none;color:#fffc;font-size:2rem;cursor:pointer;font-family:Roboto Mono,Courier New,monospace;font-weight:100;line-height:1;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.sidebar-close:hover{color:#fff}[data-theme=light] .sidebar-close{color:#0009}[data-theme=light] .sidebar-close:hover{color:#000000e6}.sidebar-content{flex:1;padding:2rem;overflow-y:auto}.sidebar-section{margin-bottom:2rem}.sidebar-label{display:block;font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.7rem;letter-spacing:.2em;color:#fffc;text-transform:uppercase;margin-bottom:.75rem}[data-theme=light] .sidebar-label{color:#000000b3;font-weight:200}.sidebar-input,.sidebar-textarea{width:100%;font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.85rem;letter-spacing:.05em;background-color:transparent;border:1px solid rgba(255,255,255,.2);color:#fffffff2;padding:.75rem 1rem;outline:none;transition:border-color .2s;box-sizing:border-box}[data-theme=light] .sidebar-input,[data-theme=light] .sidebar-textarea{border-color:#0003;color:#000000e6;font-weight:200}.sidebar-input:focus,.sidebar-textarea:focus{border-color:#ffffff80}[data-theme=light] .sidebar-input:focus,[data-theme=light] .sidebar-textarea:focus{border-color:#0006}.sidebar-input::placeholder,.sidebar-textarea::placeholder{color:#fff6}[data-theme=light] .sidebar-input::placeholder,[data-theme=light] .sidebar-textarea::placeholder{color:#0006}.sidebar-textarea{resize:vertical;min-height:100px;font-family:Roboto Mono,Courier New,monospace}.sidebar-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.sidebar-checkbox{width:1.2rem;height:1.2rem;cursor:pointer;accent-color:rgba(100,150,255,.8)}[data-theme=light] .sidebar-checkbox{accent-color:rgba(50,100,200,.8)}.sidebar-checkbox-text{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.85rem;letter-spacing:.05em;color:#fffc}[data-theme=light] .sidebar-checkbox-text{color:#000c;font-weight:200}.sidebar-actions{padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}[data-theme=light] .sidebar-actions{border-top-color:#0000001a}.sidebar-save-button{width:100%;font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;background:none;border:1px solid rgba(255,255,255,.4);color:#ffffffe6;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #0003;border-radius:4px}[data-theme=light] .sidebar-save-button{border-color:#0000004d;color:#000000f2;font-weight:200;background-color:#fff;box-shadow:0 2px 6px #00000014}.sidebar-save-button:hover{border-color:#fff9;background-color:#ffffff26;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}[data-theme=light] .sidebar-save-button:hover{border-color:#00000080;color:#000;background-color:#fff;box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}@media(max-width:768px){.project-edit-sidebar{width:100%;max-width:100%}.sidebar-header{padding:1.5rem}.sidebar-title{font-size:.85rem}.sidebar-close{font-size:1.5rem;width:1.5rem;height:1.5rem}.sidebar-content{padding:1.5rem}.sidebar-section{margin-bottom:1.5rem}.sidebar-label{font-size:.7rem}.sidebar-input,.sidebar-textarea{font-size:.75rem;padding:.6rem}.sidebar-checkbox-label{font-size:.7rem}.sidebar-save-button{font-size:.7rem;padding:.6rem 1.2rem}}@media(max-width:480px){.sidebar-header,.sidebar-content{padding:1rem}.sidebar-section{margin-bottom:1.25rem}}.move-modal-content{background-color:#1a1a1a;border:1px solid rgba(255,255,255,.3);padding:3rem;max-width:500px;width:90%;max-height:80vh;position:relative;box-shadow:0 8px 32px #00000080;border-radius:8px;display:flex;flex-direction:column}[data-theme=light] .move-modal-content{background-color:#fff;border-color:#00000040;box-shadow:0 8px 32px #00000026}.move-modal-title{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:1rem;letter-spacing:.3em;color:#fffffff2;text-transform:uppercase;margin:0 0 1.5rem;text-align:center}[data-theme=light] .move-modal-title{color:#000000e6;font-weight:200}.move-modal-message{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.9rem;line-height:1.6;color:#fffc;text-align:center;margin:0 0 1.5rem}[data-theme=light] .move-modal-message{color:#000c;font-weight:200}.move-modal-folder-list{flex:1;overflow-y:auto;margin-bottom:2rem;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:.5rem;max-height:300px}[data-theme=light] .move-modal-folder-list{border-color:#00000026}.move-modal-folder-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:1px solid transparent;color:#fffc;cursor:pointer;transition:all .2s;text-align:left;font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.85rem;border-radius:4px;margin-bottom:.25rem}.move-modal-folder-item:hover{background-color:#ffffff0d;border-color:#fff3}.move-modal-folder-item.selected{background-color:#6496ff26;border-color:#6496ff66;color:#fffffff2}.move-modal-folder-item.current{opacity:.6;cursor:not-allowed}.move-modal-folder-item.current:hover{background-color:transparent;border-color:transparent}[data-theme=light] .move-modal-folder-item{color:#000000d9;font-weight:200;background-color:#fff}[data-theme=light] .move-modal-folder-item.selected{background-color:#3264c826;border-color:#3264c880;color:#000000f2}[data-theme=light] .move-modal-folder-item:hover{background-color:#0000000d;border-color:#0003}[data-theme=light] .move-modal-folder-item.selected{background-color:#3264c826;border-color:#3264c866;color:#000000e6}.move-modal-folder-item .folder-icon{font-size:1rem;flex-shrink:0}.move-modal-folder-item .folder-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-modal-folder-item .current-badge{font-size:.7rem;color:#ffffff80;font-style:italic}[data-theme=light] .move-modal-folder-item .current-badge{color:#00000080}.move-modal-actions{display:flex;gap:1rem;justify-content:center}.move-modal-cancel,.move-modal-confirm{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;padding:.75rem 2rem;cursor:pointer;transition:all .2s;border:1px solid;border-radius:4px;box-shadow:0 2px 6px #0003}.move-modal-cancel{background:none;border-color:#ffffff4d;color:#ffffffd9}.move-modal-cancel:hover:not(:disabled){border-color:#fff9;color:#fff;background-color:#ffffff14;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.move-modal-confirm{background:none;border-color:#6496ff80;color:#6496ffe6}.move-modal-confirm:hover:not(:disabled){border-color:#6496ffcc;color:#6496ff;background-color:#6496ff26;box-shadow:0 4px 12px #6496ff4d;transform:translateY(-1px)}.move-modal-confirm:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .move-modal-cancel{border-color:#0006;color:#000000e6;font-weight:200}[data-theme=light] .move-modal-cancel:hover:not(:disabled){border-color:#000000b3;color:#000;background-color:#0000001a}[data-theme=light] .move-modal-confirm{border-color:#3264c899;color:#3264c8e6;font-weight:200}[data-theme=light] .move-modal-confirm:hover:not(:disabled){border-color:#3264c8e6;color:#3264c8;background-color:#3264c81a}@media(max-width:768px){.move-modal-content{max-width:90%;padding:2rem 1.5rem}.move-modal-title{font-size:.85rem;margin-bottom:1rem}.move-modal-message{font-size:.75rem;margin-bottom:1.5rem}.move-modal-folder-list{max-height:300px;margin-bottom:1.5rem}.move-modal-folder-item{font-size:.75rem;padding:.6rem .85rem}.move-modal-actions{flex-direction:column;gap:.75rem}.move-modal-cancel,.move-modal-confirm{width:100%;font-size:.7rem}}@media(max-width:480px){.move-modal-content{padding:1.5rem 1rem}.move-modal-title{font-size:.75rem}.move-modal-message{font-size:.7rem}.move-modal-folder-list{max-height:250px}}.projects-container{min-height:calc(100vh - 80px);padding:2rem;overflow-y:auto}.projects-message{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:1rem;color:#fffc;text-align:center;margin-top:4rem}.projects-list{max-width:1200px;margin:0 auto}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.projects-title{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:1.2rem;letter-spacing:.3em;color:#fffffff2;text-transform:uppercase;margin:0}.projects-new-button{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;background:none;border:1px solid rgba(255,255,255,.4);color:#ffffffe6;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #0003;border-radius:4px}.projects-new-button:hover{border-color:#ffffffb3;color:#fff;background-color:#ffffff26;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.project-card{border:1px solid rgba(255,255,255,.2);padding:1.5rem;cursor:pointer;transition:all .2s;background-color:#ffffff0d;box-shadow:0 2px 8px #0003;border-radius:4px}.project-card:hover{border-color:#ffffff80;background-color:#ffffff1a;box-shadow:0 4px 16px #0006;transform:translateY(-2px)}.project-card-name{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.9rem;letter-spacing:.1em;color:#fffffff2;margin-bottom:.5rem}.project-card-description{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.7rem;color:#ffffffb3}.project-shared-badge{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.6rem;letter-spacing:.1em;color:#64c8ffcc;margin-left:.5rem;text-transform:uppercase}.project-card-shared-by{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.65rem;color:#fff6;margin-top:.5rem}.project-view{max-width:1200px;margin:0 auto}.project-view-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.project-back-button{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.7rem;letter-spacing:.1em;background:none;border:none;color:#fff9;cursor:pointer;transition:color .2s;padding:.5rem 0}.project-back-button:hover{color:#ffffffe6}.project-view-title{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:1rem;letter-spacing:.2em;color:#fffffff2;text-transform:uppercase;margin:0;flex:1}.breadcrumb{display:flex;align-items:center;flex:1;font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.85rem;letter-spacing:.1em;color:#fffc;flex-wrap:wrap;gap:.25rem}[data-theme=light] .breadcrumb{color:#0009;font-weight:200}.breadcrumb-separator{color:#ffffff80;margin:0 .25rem}[data-theme=light] .breadcrumb-separator{color:#0000004d}.breadcrumb-item{background:none;border:none;font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.85rem;letter-spacing:.1em;color:#fffc;cursor:pointer;padding:.25rem .5rem;transition:all .2s;text-transform:none}[data-theme=light] .breadcrumb-item{color:#0009;font-weight:200}.breadcrumb-item:hover:not(:disabled){color:#fff;background-color:#ffffff1a;border-radius:4px}[data-theme=light] .breadcrumb-item:hover:not(:disabled){color:#000000e6;background-color:#0000000d}.breadcrumb-item.active{color:#fff;font-weight:200;cursor:default}[data-theme=light] .breadcrumb-item.active{color:#000000e6;font-weight:300}.breadcrumb-item:disabled{cursor:default;opacity:1}.breadcrumb-item.drop-target{background-color:#6496ff1a;border:1px dashed rgba(100,150,255,.4);border-radius:4px}.breadcrumb-item.drop-target:hover{background-color:#6496ff26;border-color:#6496ff99}[data-theme=light] .breadcrumb-item.drop-target{background-color:#3264c81a;border-color:#3264c866}[data-theme=light] .breadcrumb-item.drop-target:hover{background-color:#3264c826;border-color:#3264c899}.project-view-actions{display:flex;gap:1rem}.project-description{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.85rem;line-height:1.6;color:#fff9;margin-bottom:2rem;padding:0 .5rem}[data-theme=light] .project-description{color:#000000b3;font-weight:200}.project-horizontal-nav{display:flex;gap:.75rem;padding:1.5rem 0;margin-bottom:2rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=light] .project-horizontal-nav{border-bottom-color:#0000001a}.project-horizontal-nav::-webkit-scrollbar{height:6px}.project-horizontal-nav::-webkit-scrollbar-track{background:transparent}.project-horizontal-nav::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}[data-theme=light] .project-horizontal-nav::-webkit-scrollbar-thumb{background-color:#0003}.nav-folder-button{display:flex;align-items:center;gap:.5rem;font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.75rem;letter-spacing:.05em;background:none;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:.75rem 1.25rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #00000026;border-radius:4px;white-space:nowrap;flex-shrink:0;min-width:fit-content}[data-theme=light] .nav-folder-button{border-color:#0003;color:#000000b3;font-weight:200}.nav-folder-button:hover{border-color:#fff9;color:#fff;background-color:#ffffff26;box-shadow:0 4px 8px #00000040;transform:translateY(-1px)}[data-theme=light] .nav-folder-button:hover{border-color:#0006;color:#000000e6;background-color:#0000000d}.nav-folder-icon{font-size:1rem;line-height:1}.nav-folder-name{font-family:Roboto Mono,Courier New,monospace}.project-action-button{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;background:none;border:1px solid rgba(255,255,255,.4);color:#ffffffe6;padding:.5rem 1rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0003;border-radius:4px}.project-action-button:hover{border-color:#ffffffb3;color:#fff;background-color:#ffffff26;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.project-content{display:flex;flex-direction:column;gap:2rem}.project-folders,.project-pages{display:flex;flex-direction:column;gap:.5rem;min-height:2rem}.parent-folder-item{border-style:dashed!important;border-color:#6496ff66!important;background-color:#6496ff0d!important;cursor:default}.parent-folder-item:hover{border-color:#6496ff99!important;background-color:#6496ff1a!important}.parent-folder-item.drag-over{border-color:#6496ffcc!important;background-color:#6496ff26!important}[data-theme=light] .parent-folder-item{border-color:#3264c866!important;background-color:#3264c80d!important}[data-theme=light] .parent-folder-item:hover{border-color:#3264c899!important;background-color:#3264c81a!important}[data-theme=light] .parent-folder-item.drag-over{border-color:#3264c8cc!important;background-color:#3264c826!important}.root-folder-item{border-style:dashed!important;border-color:#96c86466!important;background-color:#96c8640d!important;cursor:default}.root-folder-item:hover{border-color:#96c86499!important;background-color:#96c8641a!important}.root-folder-item.drag-over{border-color:#96c864cc!important;background-color:#96c86426!important}[data-theme=light] .root-folder-item{border-color:#64963266!important;background-color:#6496320d!important}[data-theme=light] .root-folder-item:hover{border-color:#64963299!important;background-color:#6496321a!important}[data-theme=light] .root-folder-item.drag-over{border-color:#649632cc!important;background-color:#64963226!important}.project-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s;background-color:#ffffff0d;position:relative;box-shadow:0 2px 6px #00000026;border-radius:4px}.project-item:hover{border-color:#ffffff80;background-color:#ffffff1a;box-shadow:0 4px 12px #00000040;transform:translateY(-1px)}.project-item.dragging{opacity:.5;cursor:grabbing}.project-item.drag-over{border-color:#6496ff99;background-color:#6496ff1a}.project-folders.drag-over,.project-pages.drag-over{border:2px dashed rgba(100,150,255,.5);border-radius:4px;padding:.5rem;margin:-.5rem;background-color:#6496ff0d}.project-item[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.project-item[draggable=true]:active{cursor:grabbing}.project-item[draggable=true] .item-name,.project-item[draggable=true] .page-icon,.project-item[draggable=true] .folder-icon{pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=light] .project-item.drag-over{border-color:#3264c899;background-color:#3264c81a}[data-theme=light] .project-folders.drag-over,[data-theme=light] .project-pages.drag-over{border-color:#3264c880;background-color:#3264c80d}.folder-item,.page-item{cursor:pointer}.folder-icon,.page-icon{font-size:1.2rem}.item-name{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.8rem;letter-spacing:.1em;color:#ffffffe6;flex:1}.item-actions{pointer-events:auto;display:flex;align-items:center;gap:.5rem;flex-shrink:0}.item-view-button{background:none;border:1px solid rgba(100,150,255,.4);color:#6496ffd9;font-size:1.2rem;cursor:pointer;padding:0;width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1;border-radius:2px}.item-view-button:hover{color:#6496ff;border-color:#6496ffb3;background-color:#6496ff1a}[data-theme=light] .item-view-button{color:#3264c8b3;border-color:#3264c866}[data-theme=light] .item-view-button:hover{color:#3264c8;border-color:#3264c8b3;background-color:#3264c80d}.item-move-button{background:none;border:1px solid rgba(255,200,50,.4);color:#ffc832d9;font-size:1.2rem;cursor:pointer;padding:0;width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1;border-radius:2px;text-align:center;font-family:inherit}.item-move-button svg{width:14px;height:14px;margin:0;display:block;flex-shrink:0}.item-move-button:hover{color:#ffc832;border-color:#ffc832b3;background-color:#ffc8321a}[data-theme=light] .item-move-button{color:#c8961eb3;border-color:#c8961e66}[data-theme=light] .item-move-button:hover{color:#c8961e;border-color:#c8961eb3;background-color:#c8961e0d}.project-card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.project-delete-button,.item-delete-button{background:none;border:1px solid rgba(255,100,100,.3);color:#ff6464b3;font-size:1.2rem;cursor:pointer;padding:0;width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;line-height:1;border-radius:2px}.project-delete-button:hover,.item-delete-button:hover{color:#ff6464;border-color:#ff646499;background-color:#ff64640d}[data-theme=light] .project-delete-button,[data-theme=light] .item-delete-button{color:#c83232b3;border-color:#c8323266}[data-theme=light] .project-delete-button:hover,[data-theme=light] .item-delete-button:hover{color:#c83232;border-color:#c83232b3;background-color:#c832320d}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#1a1a1a;border:1px solid rgba(255,255,255,.3);padding:3rem;max-width:400px;width:90%;position:relative;box-shadow:0 8px 32px #00000080;border-radius:8px}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fffc;font-size:2rem;cursor:pointer;font-family:Roboto Mono,Courier New,monospace;font-weight:100;line-height:1;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#fff}.modal-title{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:1rem;letter-spacing:.3em;color:#fffffff2;text-transform:uppercase;margin:0 0 2rem;text-align:center}.form-input{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.75rem;letter-spacing:.1em;background-color:transparent;border:1px solid rgba(255,255,255,.2);color:#fffffff2;padding:.75rem 1rem;outline:none;transition:border-color .2s;width:100%;box-sizing:border-box;margin-bottom:1.5rem}.form-input:focus{border-color:#ffffff80}.form-input::placeholder{color:#fff6;text-transform:uppercase}.form-submit{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;background-color:transparent;border:1px solid rgba(255,255,255,.3);color:#fffffff2;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s;width:100%}.form-submit:hover{border-color:#fff9;background-color:#ffffff1a}[data-theme=light] .projects-message{color:#000c;font-weight:200}[data-theme=light] .projects-title{color:#000000f2;font-size:1.35rem;font-weight:200}[data-theme=light] .projects-new-button{border-color:#0000004d;color:#000000f2;font-weight:200;background-color:#fff;box-shadow:0 2px 6px #00000014}[data-theme=light] .projects-new-button:hover{border-color:#00000080;color:#000;background-color:#fff;box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}[data-theme=light] .project-card{border-color:#0003;background-color:#fff;box-shadow:0 2px 8px #00000014}[data-theme=light] .project-card:hover{border-color:#0000004d;background-color:#fff;box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}[data-theme=light] .project-card-name{color:#000000f2;font-weight:200}[data-theme=light] .project-card-description{color:#0009;font-weight:200}[data-theme=light] .project-card-shared-by{color:#00000080;font-weight:200}[data-theme=light] .project-back-button{color:#000c;font-weight:200}[data-theme=light] .project-back-button:hover{color:#000}[data-theme=light] .project-view-title{color:#000000f2;font-size:1.15rem;font-weight:200}[data-theme=light] .project-action-button{border-color:#0000004d;color:#000000f2;font-weight:200;background-color:#fff;box-shadow:0 2px 4px #00000014}[data-theme=light] .project-action-button:hover{border-color:#00000080;color:#000;background-color:#fff;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}[data-theme=light] .project-item{border-color:#0003;background-color:#fff;box-shadow:0 2px 6px #0000000f}[data-theme=light] .project-item:hover{border-color:#0000004d;background-color:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}[data-theme=light] .item-name{color:#000000e6;font-weight:200}[data-theme=light] .modal-content{background-color:#fff;border-color:#00000040;box-shadow:0 8px 32px #00000026}[data-theme=light] .modal-close{color:#000000b3}[data-theme=light] .modal-close:hover{color:#000}[data-theme=light] .modal-title{color:#000000f2;font-weight:200}[data-theme=light] .form-input{border-color:#00000040;color:#000000f2;font-weight:200;background-color:#fff}[data-theme=light] .form-input:focus{border-color:#00000080;box-shadow:0 0 0 3px #0000000d}[data-theme=light] .form-input::placeholder{color:#00000080}[data-theme=light] .form-submit{border-color:#0000004d;color:#000000f2;font-weight:200;background-color:#fff;box-shadow:0 2px 6px #00000014}[data-theme=light] .form-submit:hover{border-color:#00000080;color:#000;background-color:#fff;box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}@media(max-width:768px){.projects-container{padding:1rem}.projects-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem}.projects-title{font-size:1rem;letter-spacing:.2em}.projects-new-button{font-size:.65rem;padding:.6rem 1.2rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.project-card{padding:1rem}.project-view-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem}.project-view-title{font-size:.85rem}.project-view-actions{flex-wrap:wrap;gap:.75rem}.project-action-button{font-size:.65rem;padding:.5rem 1rem}.breadcrumb{font-size:.75rem}.breadcrumb-item{font-size:.75rem;padding:.2rem .4rem}.project-horizontal-nav{padding:1rem 0;margin-bottom:1.5rem}.nav-folder-button{font-size:.65rem;padding:.5rem 1rem}.project-item{padding:.75rem 1rem}.item-name{font-size:.75rem}.item-view-button,.item-move-button,.item-delete-button{width:1.6rem;height:1.6rem;font-size:1rem}.item-view-button svg,.item-move-button svg{width:12px;height:12px}}@media(max-width:480px){.projects-container{padding:.75rem}.projects-grid{grid-template-columns:1fr;gap:.75rem}.project-card{padding:.75rem}.project-view-header{margin-bottom:1.5rem}.project-description{font-size:.75rem;margin-bottom:1.5rem}.project-horizontal-nav{padding:.75rem 0}.nav-folder-button{font-size:.6rem;padding:.4rem .75rem}.project-item{padding:.6rem .75rem}.item-actions{gap:.4rem}}.profile-container{min-height:calc(100vh - 80px);padding:2rem;display:flex;align-items:center;justify-content:center}.profile-content{max-width:600px;width:100%}.profile-title{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:1.2rem;letter-spacing:.3em;color:#fffffff2;text-transform:uppercase;margin:0 0 3rem;text-align:center}[data-theme=light] .profile-title{color:#000000f2;font-size:1.35rem;font-weight:200}.profile-message{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.9rem;color:#fffc;text-align:center}[data-theme=light] .profile-message{color:#000c;font-weight:200}.profile-info{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.profile-field{display:flex;flex-direction:column;gap:.5rem}.profile-label{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.7rem;letter-spacing:.2em;color:#fff9;text-transform:uppercase}[data-theme=light] .profile-label{color:#0009;font-weight:200}.profile-value{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.9rem;color:#fffffff2;padding:1rem;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:4px;box-shadow:0 2px 8px #0003}[data-theme=light] .profile-value{color:#000000f2;background-color:#fff;border-color:#0003;font-weight:200;box-shadow:0 2px 8px #00000014}.profile-actions{display:flex;justify-content:center;gap:1rem}.profile-logout-button{font-family:Roboto Mono,Courier New,monospace;font-weight:100;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;background:none;border:1px solid rgba(255,100,100,.4);color:#ff6464e6;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #0003;border-radius:4px}.profile-logout-button:hover{border-color:#ff6464b3;color:#ff6464;background-color:#ff64641a;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}[data-theme=light] .profile-logout-button{border-color:#c8323280;color:#c83232e6;font-weight:200;background-color:#fff;box-shadow:0 2px 6px #c832321a}[data-theme=light] .profile-logout-button:hover{border-color:#c83232cc;color:#c83232;background-color:#fff;box-shadow:0 4px 12px #c8323226;transform:translateY(-1px)}@media(max-width:768px){.profile-container{padding:1rem}.profile-title{font-size:1rem;margin-bottom:2rem}[data-theme=light] .profile-title{font-size:1.15rem}.profile-info{gap:1.5rem;margin-bottom:2rem}.profile-value{font-size:.85rem;padding:.75rem}}@media(max-width:480px){.profile-container{padding:.75rem}.profile-title{font-size:.9rem;margin-bottom:1.5rem}.profile-info{gap:1.25rem;margin-bottom:1.5rem}.profile-logout-button{font-size:.65rem;padding:.6rem 1.2rem}}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}