.timestamp-separator{margin-top:1em;margin-bottom:.2em;font-style:italic;display:flex;flex-direction:column}.docs-header{padding:.75rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000001a;position:relative;z-index:10}.docs-header .header-content{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;gap:.5rem;height:2.5rem}.docs-header .logo{width:36px;height:36px;transition:transform .3s ease}.docs-header .logo:hover{transform:scale(1.05)}.docs-header .button-accent,.docs-header .button{height:2rem;font-size:.85rem;padding:0 .85rem}.docs-header .docs-home-button{margin-left:auto}.docs-main{flex:1;max-width:var(--max-width);margin:2.5rem auto;width:100%;animation:fadeIn .5s ease-out}body{background-image:linear-gradient(rgba(30,30,46,.97) 1px,transparent 1px),linear-gradient(90deg,rgba(30,30,46,.97) 1px,transparent 1px);background-size:40px 40px;background-position:center;background-attachment:fixed}.docs-actions{margin-bottom:2rem;display:flex;justify-content:flex-start;align-items:center}.button-accent{background-color:var(--color-accent);color:var(--color-secondary);border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;height:2.2rem;box-shadow:0 2px 4px #0000001a;line-height:1}.button-accent:hover{background-color:color-mix(in srgb,var(--color-accent) 90%,white 10%);transform:translateY(-1px);box-shadow:0 3px 6px #00000026}.button-accent:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a;background-color:color-mix(in srgb,var(--color-accent) 80%,black 20%)}.button-accent:focus{outline:2px solid rgba(255,215,0,.5);outline-offset:2px}.new-doc-button{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;position:relative;overflow:hidden}.new-doc-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#fff0,#ffffff1a,#fff0);transform:translate(-100%);transition:transform .6s}.new-doc-button:hover:after{transform:translate(100%)}.new-doc-button span{font-size:1.4rem;line-height:1;margin-right:.25rem}.docs-list{display:grid;gap:1.25rem;padding:.5rem}.doc-card{background-color:var(--color-input-bg);border-radius:8px;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.05);box-shadow:0 2px 6px #0000001a;position:relative}.doc-card:hover{background-color:#2a2d3e99;transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#ffd70026}.doc-main{flex:1;display:flex;flex-direction:column;gap:.25rem}.doc-title{font-weight:500;color:var(--color-text);font-size:1rem}.doc-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.doc-action-archive,.doc-action-delete,.doc-arrow{background-color:#25253899;border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;color:#ffffffb3;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:.9rem}.doc-action-archive:hover{color:var(--color-accent);border-color:var(--color-accent);background-color:#ffd7001a}.doc-action-delete:hover{color:#ff6b6b;border-color:#ff6b6b;background-color:#ff6b6b1a}.doc-arrow{color:var(--color-accent);display:flex;align-items:center;justify-content:center}.doc-arrow:hover{color:var(--color-accent);border-color:var(--color-accent);background-color:#ffd7001a;transform:translate(2px)}.empty-state{text-align:center;color:#fff9;padding:3rem;background-color:#2a2d3e4d;border-radius:12px;border:1px dashed rgba(255,255,255,.1);margin-top:1rem}.editor-container{max-width:800px;margin:2rem auto;padding:2rem;background:#1e1e2eb3;border-radius:12px;box-shadow:0 8px 24px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);animation:fadeIn .5s ease-out}.editor-header{display:flex;margin-bottom:2rem;gap:1rem;align-items:center}#doc-title{flex:1;padding:1rem 1.25rem;font-size:1.4rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:var(--color-input-bg);color:var(--color-text);outline:none;transition:all .3s ease;box-shadow:0 4px 12px #0000001a inset;font-weight:500}#doc-title:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #9683ec40,0 4px 12px #0000001a inset}#save-btn{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}#save-btn:hover{background:#8673dc}.autosave-status{margin-left:1rem;font-size:.85rem;color:#fff9;font-style:italic}#editor .ProseMirror{width:100%;min-height:60vh;padding:1.5rem;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:1.05rem;line-height:1.7;background:var(--color-input-bg);color:var(--color-text);font-family:inherit;outline:none;transition:all .3s ease;box-shadow:0 4px 12px #0000001a inset}#editor .ProseMirror:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #9683ec33,0 4px 12px #0000001a inset}#editor-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.15);border-radius:8px;background-color:#1e1e2ef2;position:sticky;top:10px;z-index:1000;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}#editor-toolbar.floating{border-color:#ffd70033;box-shadow:0 8px 20px #0000004d}.toolbar-button{background:none;border:1px solid transparent;color:var(--color-text);padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.9rem;line-height:1;transition:all .2s ease;position:relative;overflow:hidden}.toolbar-button:hover{background-color:#ffffff1a}.toolbar-button:active,.toolbar-button.button-clicked{transform:translateY(1px)}.button-ripple{position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;border-radius:50%;transform:translate(-50%,-50%);animation:ripple .5s linear}@keyframes ripple{to{width:100px;height:100px;opacity:0}}.toolbar-button.is-active{background-color:var(--color-primary);color:#fff;box-shadow:0 2px 6px #9683ec4d}.toolbar-button:disabled{color:#ffffff4d;cursor:not-allowed;background-color:transparent}.toolbar-button svg{width:20px;height:20px;fill:currentColor;vertical-align:middle;display:block;transition:transform .2s ease}.toolbar-button:hover svg{transform:scale(1.1)}.ProseMirror *{margin-top:0}#editor .ProseMirror p{line-height:1.5;margin-bottom:12px}#editor .ProseMirror h1,#editor .ProseMirror h2,#editor .ProseMirror h3,#editor .ProseMirror h4,#editor .ProseMirror h5,#editor .ProseMirror h6{margin-top:1.5em;margin-bottom:12px;line-height:1.3;color:var(--color-text)}#editor .ProseMirror h1{font-size:1.8em;color:var(--color-accent);border-bottom:1px solid rgba(255,215,0,.15);padding-bottom:.25em}#editor .ProseMirror h2{font-size:1.5em;color:var(--color-primary)}#editor .ProseMirror h3{font-size:1.25em}#editor .ProseMirror ul,#editor .ProseMirror ol{padding-left:1.75rem;margin-bottom:1.25em}#editor .ProseMirror li{line-height:1.5;margin-bottom:6px}#editor .ProseMirror blockquote{border-left:4px solid var(--color-primary);margin-left:1rem;padding:.5rem 0 .5rem 1.5rem;color:#ffffffe6;background-color:#9683ec0d;border-radius:0 4px 4px 0;margin-bottom:1.25em}#editor .ProseMirror pre{background:#0000004d;color:#f1f1f1;font-family:JetBrainsMono,monospace;padding:1rem 1.25rem;border-radius:.5rem;margin-bottom:1.25em;white-space:pre-wrap;box-shadow:0 2px 8px #0003 inset;border:1px solid rgba(255,255,255,.05)}#editor .ProseMirror code{background-color:#ffffff1a;border-radius:.25em;padding:.2em .4em;font-size:.9em;font-family:JetBrainsMono,monospace;color:var(--color-accent)}#loading-message{padding:2rem;background:var(--color-input-bg);margin:1.5rem 0;border-radius:8px;text-align:center;color:#fff9;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden}#loading-message:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:30%;background:linear-gradient(90deg,var(--color-accent),var(--color-primary),var(--color-accent));animation:loadingBar 2s infinite;background-size:200% 100%}@keyframes loadingBar{0%{width:0%;left:0}50%{width:30%;left:35%}to{width:0%;left:100%}}#error-message{padding:1.25rem;background:#ff44441a;color:#ff6b6b;margin:1.5rem 0;border-radius:8px;border-left:4px solid #ff6b6b;box-shadow:0 4px 12px #ff44441a;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){#doc-search-input{position:absolute;top:calc(var(--header-height) + 6px);left:50%;transform:translate(-50%);width:0;max-width:none;padding:0;opacity:0;visibility:hidden;transition:all .25s ease;z-index:980}#doc-search-input.search-active{width:calc(100% - 2rem);padding:.45rem .75rem;opacity:1;visibility:visible}.docs-header .header-content{flex-wrap:wrap;justify-content:center}.docs-header .logo{margin-right:0;margin-bottom:.5rem}.docs-actions{flex-direction:column;align-items:stretch}.new-doc-button{width:100%;justify-content:center}.new-doc-button .header-content{flex-wrap:wrap;justify-content:space-between;gap:.5rem}.new-doc-button .gorlea-button,.new-doc-button .docs-home-button,.new-doc-button .button-accent{width:100%;margin-bottom:.5rem;min-width:0;box-sizing:border-box}.new-doc-button .user-email-indicator{font-size:.95rem;word-break:break-all;margin-bottom:.5rem}.new-doc-button .docs-header{padding:.5rem .5rem 0}.new-doc-button .docs-app,.new-doc-button .docs-main,.new-doc-button .editor-container{padding:.5rem .25rem 5.5rem;min-height:100vh;box-sizing:border-box}.new-doc-button .doc-card{padding:1rem;margin-bottom:1rem}.new-doc-button #editor,.new-doc-button .ProseMirror{font-size:1rem;padding:.5rem;min-height:300px;box-sizing:border-box;overflow-y:auto;max-height:calc(100vh - 12rem)}.new-doc-button .editor-toolbar{flex-wrap:wrap;overflow-x:auto;gap:.5rem}#editor-toolbar{justify-content:center}.editor-toolbar{flex-wrap:wrap;overflow-x:auto}.editor-toolbar button{width:100%;margin-bottom:.5rem}}.hidden{display:none}@media (max-width:768px){header.docs-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--color-background);z-index:950;border-bottom:1px solid rgba(255,255,255,.1);padding:.5rem .5rem 0}.docs-header .header-content{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 .75rem}#hamburger-menu.mobile-only{display:flex;width:44px;height:44px;border-radius:50%;font-size:1.6rem;background:var(--color-accent);color:var(--color-secondary)}.docs-header .logo{margin-left:0}.desktop-nav.desktop-only,.desktop-only{display:none!important}#mobile-nav.mobile-nav{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100%;background:var(--color-secondary);padding:70px 1rem 1rem;transition:right .3s ease;z-index:1000;overflow-y:auto}body.mobile-menu-open #mobile-nav{right:0}.docs-main,.editor-container{padding-top:70px}}