@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Mono:wght@300;400;500&display=swap";:root{--greyish: #80A1BA;--ltgrn: #4A9782;--drkgrn: #004030;--pink: #F5D2D2;--black: #0e0e0e;--white: #f0ede6}body{font-family:DM Mono,monospace;color:var(--white)}.landing{display:flex;height:100vh}.landing-left{flex:1;display:flex;flex-direction:column;justify-content:center;padding:80px;background:var(--ltgrn);border-right:1px solid #222}.landing-brand{display:flex;align-items:center;gap:16px;color:var(--white);margin-bottom:32px}.landing-brand .brand-icon{font-size:48px;color:var(--drkgrn);font-family:"DM Serif Display",serif;line-height:1}.landing-brand h1{font-family:"DM Serif Display",serif;font-size:48px;font-weight:400;color:var(--white)}.landing-tagline{font-size:17px;line-height:1.8;color:var(--white);margin-bottom:48px;font-weight:400}.guest-link{color:var(--pink);text-decoration:none;font-size:16px;letter-spacing:.02em;transition:opacity .2s}.guest-link:hover{opacity:.7}.landing-right{width:420px;display:flex;align-items:center;justify-content:center;background:var(--drkgrn)}.auth-box{width:320px;display:flex;flex-direction:column;gap:16px}.auth-welcome{color:var(--white);display:flex;gap:16px;justify-content:space-between;align-items:center}.auth-box h2{font-family:"DM Serif Display",serif;font-size:28px;font-weight:400;margin-bottom:8px}.auth-box input{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;padding:12px 16px;color:var(--white);font-family:DM Mono,monospace;font-size:14px;outline:none;transition:border-color .2s}.auth-box input:focus{border-color:var(--pink)}.auth-btn{background:var(--pink);color:var(--black);border:none;border-radius:6px;padding:12px;font-family:DM Mono,monospace;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s;margin-top:4px}.auth-btn:hover{opacity:.85}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-error{color:#ff6b6b;font-size:13px}.auth-toggle{font-size:13px;color:var(--ltgrn);text-align:center}.auth-toggle span,.auth-welcome span{position:relative;color:var(--pink);cursor:pointer}body{font-family:DM Mono,monospace;background:#0e0e0e;color:#f0ede6}.dashboard{min-height:100vh}.dash-header{display:flex;justify-content:space-between;align-items:center;padding:20px 48px;border-bottom:1px solid #1e1e1e;background:var(--drkgrn)}.dash-brand{display:flex;align-items:center;gap:10px}.dash-brand .brand-icon{position:relative;top:4px;left:-10px;font-size:24px;color:var(--ltgrn);font-family:"DM Serif Display",serif}.brand-name{font-family:"DM Serif Display",serif;font-size:22px;font-weight:400}.dash-user{display:flex;align-items:center;gap:20px;font-size:13px;color:#999}.signout-btn{background:none;border:1px solid #2a2a2a;color:#888;padding:6px 14px;border-radius:4px;font-family:DM Mono,monospace;font-size:12px;cursor:pointer;transition:all .2s}.signout-btn:hover{border-color:var(--pink);color:var(--pink)}.dash-main{max-width:960px;margin:0 auto;padding:56px 48px}.dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.dash-top h2{font-family:"DM Serif Display",serif;font-size:32px;font-weight:400}.new-doc-btn{background:var(--pink);color:#0e0e0e;border:none;padding:10px 20px;border-radius:6px;font-family:DM Mono,monospace;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .2s}.new-doc-btn:hover{opacity:.85}.dash-empty{text-align:center;color:#444;font-size:14px;margin-top:80px;display:flex;flex-direction:column;align-items:center;gap:20px}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.doc-card{background:var(--drkgrn);border:1px solid #1e1e1e;border-radius:8px;padding:20px;cursor:pointer;display:flex;align-items:flex-start;gap:14px;transition:border-color .2s,background .2s;position:relative}.doc-card:hover{border-color:var(--pink)}.doc-card-icon{font-size:28px;color:var(--ltgrn);font-family:"DM Serif Display",serif;line-height:1;flex-shrink:0}.doc-card-body{flex:1;min-width:0}.doc-title{font-size:14px;font-weight:500;color:#f0ede6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.doc-date{font-size:12px;color:#555}.doc-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s}.doc-card:hover .doc-actions{opacity:1}.doc-actions button{background:none;border:none;color:#666;cursor:pointer;font-size:14px;padding:2px 4px;transition:color .2s}.doc-actions button:hover{color:var(--pink)}.rename-input{background:#1a1a1a;border:1px solid var(--pink);border-radius:4px;padding:4px 8px;color:#f0ede6;font-family:DM Mono,monospace;font-size:13px;width:100%;outline:none}*{box-sizing:border-box;margin:0;padding:0}:root{--greyish: #80A1BA;--ltgrn: #4A9782;--drkgrn: #004030;--pink: #F5D2D2}body{font-family:DM Mono,monospace;background:var(--ltgrn);color:#f0ede6;overflow:auto;height:100vh}body ::-webkit-scrollbar{display:none}.editor-page{display:flex;flex-direction:column;height:100vh;min-width:0}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:52px;border-bottom:1px solid #1e1e1e;background:var(--drkgrn);flex-shrink:0}.editor-header-left{display:flex;align-items:center;gap:14px}.brand-icon{font-size:22px;color:var(--ltgrn);font-family:"DM Serif Display",serif;cursor:pointer;line-height:1;padding-bottom:10px}.doc-title-display{font-size:14px;color:#ccc;cursor:pointer;padding:4px 8px;border-radius:4px;border:1px solid transparent;transition:border-color .2s}.doc-title-display:hover{border-color:#2a2a2a}.title-input{font-family:DM Mono,monospace;font-size:14px;background:#1a1a1a;border:1px solid var(--pink);color:#f0ede6;padding:4px 8px;border-radius:4px;outline:none;width:220px}.save-status{font-size:12px}.save-status.saved{color:#5a7a3a}.save-status.saving{color:#888}.save-status.unsaved{color:#666}.guest-badge{font-size:11px;color:#888;background:#1a1a1a;border:1px solid #2a2a2a;padding:3px 8px;border-radius:4px}.editor-header-right{display:flex;align-items:center;gap:8px}.toolbar-btn{background:#80a1ba;border:2px solid transparent;color:#0e0e0e;padding:7px 14px;border-radius:5px;font-family:DM Mono,monospace;font-size:12.5px;cursor:pointer;transition:all .15s}.toolbar-btn:hover{border-color:var(--pink);color:var(--pink)}.compile-btn{background:var(--pink);color:#0e0e0e;font-weight:500}.compile-btn:hover{border-color:var(--ltgrn);color:var(--ltgrn)}.signup-btn{border-color:#fff;color:#fff}.error-bar{background:#1a0a0a;border-bottom:1px solid #3a1a1a;color:#ff8080;padding:10px 20px;font-size:13px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.error-bar button{background:none;border:none;color:#ff8080;cursor:pointer;font-size:16px;padding:0 4px}.editor-body{position:relative;padding-top:15px;background-color:var(--ltgrn);display:flex;max-height:calc(100vh - 52px);min-height:calc(100vh - 52px);overflow:hidden;width:100%;justify-content:space-evenly}.editor-pane,.pdf-pane{position:relative;display:flex;flex-direction:column;overflow-y:auto;width:49%;padding:18px;max-height:calc(100vh - 82px);min-height:calc(100vh - 82px)}.editor-shadow{padding:18px}.divider{width:1px;background:#1e1e1e;flex-shrink:0}.pane-label{font-size:11px;color:#444;padding:8px;display:flex;align-items:center;justify-content:space-between;letter-spacing:.06em;text-transform:uppercase;flex-shrink:0}.compile-status{font-size:11px;text-transform:none;letter-spacing:0}.compile-status.compiling{color:#888}.compile-status.success{color:var(--pink)}.compile-status.error{color:#ff6b6b}.latex-editor{flex:1 1 auto;color:#000;border:none;outline:none;font-family:DM Mono,monospace;font-size:13px;line-height:1.7;resize:none;overflow-y:auto;min-height:0;box-shadow:0 8px 25px #00000080;border-radius:4px}.pdf-container{box-shadow:0 8px 25px #00000080;border-radius:4px;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;min-height:0;height:fit-content}.pdf-container canvas{display:block;height:auto}.pdf-container canvas:not(:last-child){margin-bottom:12px}.pdf-placeholder{display:flex;flex-direction:column;align-items:center;width:100%;justify-content:center;height:100%;gap:16px;color:#2a2a2a}.pdf-placeholder span{font-family:"DM Serif Display",serif;font-size:72px;line-height:1}.pdf-placeholder p{font-size:13px}.reset-landing{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--drkgrn)}.reset-box{display:flex;flex-direction:column;gap:16px;width:320px}.reset-box h2{font-family:"DM Serif Display",serif;color:var(--white);font-weight:400;font-size:28px}.reset-box input{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;padding:12px 16px;color:var(--white);font-family:DM Mono,monospace;font-size:14px;outline:none;transition:border-color .2s}.reset-box input:focus{border-color:var(--pink)}.reset-error{color:#ff6b6b;font-size:13px}.reset-btn{background:var(--pink);color:var(--black);border:none;border-radius:6px;padding:12px;font-family:DM Mono,monospace;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.reset-btn:hover{opacity:.85}.reset-btn:disabled{opacity:.5;cursor:not-allowed}