:root{--ink:#20302b;--paper:#f9f7f2;--cream:#f1eee5;--sun:#f3c84b;--orange:#ef8144;--teal:#b8ded5;--muted:#75807a;--line:#dddcd4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1200px;margin:auto;padding-left:32px;padding-right:32px}.brand{font-weight:700;font-size:20px;letter-spacing:-.8px;display:inline-flex;align-items:center;gap:8px}.brand span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--ink);color:var(--sun);font-size:14px}.nav{height:88px;justify-content:space-between}.nav,.nav-links{display:flex;align-items:center}.nav-links{gap:28px;font-size:14px}.nav-links a:not(.button){color:#53615b}.button{background:var(--ink);border:1px solid var(--ink);color:#fff;padding:13px 18px;border-radius:8px;font-weight:600;display:inline-flex;gap:16px;align-items:center;justify-content:center;transition:.2s}.button:hover{background:#31473e;transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:wait}.button-quiet{padding:9px 15px;background:transparent;color:var(--ink);border-color:var(--line)}.button.full{width:100%;margin-top:8px}.eyebrow{font:500 11px var(--mono);letter-spacing:1.25px;color:#64716b;margin:0 0 18px}.hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:615px;align-items:center;grid-gap:80px;gap:80px;padding-bottom:70px}.hero h1,.page-header h1,.workspace-header h1{font:600 clamp(47px,6vw,76px)/.98 var(--serif);letter-spacing:-3.3px;margin:0}.hero h1 em,.workspace-header h1 em{font-weight:500;color:#5d8378}.lead{font-size:18px;line-height:1.6;color:#58655f;max-width:450px;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:25px}.text-link{font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:3px}.mini-note{font-size:12px;color:#7a8580;margin-top:20px}.paper-stack{position:relative;height:430px;max-width:380px;margin:auto;width:100%}.paper{position:absolute;width:290px;height:385px;border:1px solid #e5e1d9;background:#fffdf9;box-shadow:0 22px 35px #293e3517}.paper-back{background:#d7ebe3;transform:rotate(8deg);right:30px;top:20px}.paper-front{transform:rotate(-3deg);left:20px;top:0;padding:45px 34px}.paper-kicker{font:10px var(--mono);letter-spacing:1.5px;color:#71817a;margin-bottom:25px}.paper-line{height:5px;border-radius:3px;background:#d7ddd8;margin:10px 0;width:100%}.paper-line.wide{width:80%;height:10px;background:var(--ink)}.paper-line.medium{width:60%;margin-bottom:24px}.paper-line.short{width:45%}.paper-rule{height:1px;background:#ddd;margin:26px 0}.paper-heading{font:600 16px var(--serif);margin-bottom:16px}.paper-chart{height:75px;display:flex;align-items:flex-end;gap:9px;margin-top:30px;border-bottom:1px solid #bbb}.paper-chart span{background:var(--sun);width:25px}.paper-chart span:first-child{height:25px}.paper-chart span:nth-child(2){height:46px}.paper-chart span:nth-child(3){height:35px}.paper-chart span:nth-child(4){height:66px;background:var(--orange)}.how{padding:85px 32px 105px}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:55px;gap:55px}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps b{font:13px var(--mono);color:#e7773f}.steps h2{font:600 25px var(--serif);margin:20px 0 10px}.steps p{color:#68746e;line-height:1.6;max-width:300px}.template-band{background:var(--teal);padding:75px 0}.template-band h2{font:600 clamp(30px,4vw,47px)/1.1 var(--serif);max-width:650px;margin:0}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:35px 20px;background:linear-gradient(135deg,#f8f5ed,#e6f0eb)}.auth-page>.brand{align-self:flex-start;margin-left:max(0px,calc((100% - 980px)/2))}.auth-card{width:min(100%,460px);background:#fffdfa;margin:auto;padding:46px;border:1px solid #e5e0d6;box-shadow:0 18px 50px #2c45351a;border-radius:14px}.auth-card h1{font:600 37px/1.08 var(--serif);letter-spacing:-1.4px;margin:0 0 32px}.auth-card form,.form-panel{display:flex;flex-direction:column;gap:18px}.auth-card label,.form-panel label{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:8px}.auth-card label span{color:var(--muted);font-weight:400}.auth-card input,.form-panel input{border:1px solid #d8d8d1;border-radius:7px;padding:12px 13px;background:#fff;outline:0}.auth-card input:focus,.form-panel input:focus{border-color:#719d90;box-shadow:0 0 0 3px #b8ded560}.form-error{color:#b7442a;background:#fff1ec;border:1px solid #f0d0c4;border-radius:6px;padding:9px 11px;margin:0;font-size:13px}.auth-switch{text-align:center;color:#69736e;font-size:13px;margin:26px 0 0}.auth-switch a{color:#306153;font-weight:600}.sidebar{width:245px;flex-shrink:0;background:#20302b;color:#eff2ed;padding:29px 20px;display:flex;flex-direction:column}.sidebar .brand{padding:0 9px;color:#fff}.sidebar nav{margin-top:16px;display:flex;flex-direction:column;gap:5px}.sidebar nav a{color:#bac4be;padding:11px 12px;border-radius:7px;font-size:14px}.sidebar nav a.active,.sidebar nav a:hover{background:#ffffff15;color:#fff}.sidebar-bottom{margin-top:auto;padding:20px 10px 3px;border-top:1px solid #ffffff1b}.sidebar-bottom p{font:10px var(--mono);letter-spacing:1.2px;color:#91a099}.sidebar-bottom button{background:none;border:0;color:#dce4df;padding:5px 0;font-size:13px}.workspace{flex:1 1;min-width:0;background:var(--paper);padding:46px 58px}.workspace-header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:52px;border-bottom:1px solid var(--line)}.workspace-header h1{font-size:48px;letter-spacing:-2px}.section{padding:37px 0}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title h2{font:600 24px var(--serif);margin:0}.section-title a,.section-title span{color:var(--muted);font-size:13px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.project-card{background:#fffdfa;border:1px solid #e4e1d8;border-radius:10px;padding:18px;display:flex;align-items:center;gap:16px;transition:.2s}.project-card:hover{border-color:#9bb8ae;box-shadow:0 8px 25px #29423512;transform:translateY(-2px)}.document-icon{display:grid;place-items:center;width:42px;height:50px;border-radius:4px;background:#f6deb1;color:#9b5d22;font-size:21px}.document-icon.report{background:#cfe9e1;color:#39756a}.document-icon.thesis{background:#e3ddf2;color:#67509e}.project-card h3,.template-card h3,.template-choice h3{margin:0 0 4px;font-size:15px}.project-card p,.template-card p,.template-choice p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.project-card .arrow{margin-left:auto;color:#809089}.empty-state{border:1px dashed #bfc8c1;border-radius:12px;background:#fcfbf7;text-align:center;padding:62px 25px}.empty-state>div{font-size:30px;color:#d7903a}.empty-state h2{font:600 26px var(--serif);margin:12px 0 6px}.empty-state p{color:var(--muted);margin:0 0 22px}.template-preview{border-top:1px solid var(--line)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.template-card{display:block}.template-sheet{height:150px;background:#fffdfa;border:1px solid #e0ddd3;padding:18px;box-shadow:4px 5px 0 #eeeae1;margin-bottom:12px}.choice-page span,.template-sheet span{font:9px var(--mono);color:#87928d}.choice-page i,.template-sheet i{display:block;height:4px;background:#d7ddd8;margin-top:12px;width:100%}.choice-page i:first-of-type,.template-sheet i:first-of-type{width:70%;height:7px;background:#4f645c}.choice-page i:nth-of-type(3),.template-sheet i:nth-of-type(3){width:55%}.locked-by-other{outline:2px solid #ef4444!important;outline-offset:4px;opacity:.7;pointer-events:none;transition:all .2s ease-in-out}.toast-region{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:9999;pointer-events:none}.toast{padding:12px 18px;border-radius:8px;color:#fff;font-size:14px;font-weight:600;pointer-events:auto;box-shadow:0 10px 25px rgba(0,0,0,.2);animation:toastFadeIn .3s ease forwards;max-width:320px}.toast-success{background:#10b981}.toast-error{background:#ef4444}.toast-info{background:#3b82f6}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#040405}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:5px;border:2px solid #040405}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}.page-header{max-width:650px;margin-bottom:42px}.page-header h1{font-size:50px;letter-spacing:-2px;margin-bottom:17px}.page-header>p:last-child{color:#68746e;line-height:1.6;max-width:440px}.creation-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;grid-gap:65px;gap:65px}.form-panel>label{max-width:480px;margin-bottom:13px}.form-panel .section-title{margin-top:14px}.template-selects{display:grid;grid-gap:10px;gap:10px}.template-choice{text-align:left;display:grid;grid-template-columns:70px 1fr 20px;grid-gap:15px;gap:15px;align-items:center;border:1px solid #deddd4;background:#fffdfa;border-radius:8px;padding:10px;transition:.18s}.template-choice:hover{border-color:#abc7bd}.template-choice.selected{border:2px solid #4e8779;background:#f5fbf8;padding:9px}.choice-page{height:80px;background:#fff;border:1px solid #e3e0d7;padding:10px}.choice-page i{margin-top:7px;height:3px}.choice-page i:first-of-type{height:4px}.template-choice>b{color:#3f7e70}.creation-aside{align-self:start;margin-top:48px;border-left:1px solid var(--line);padding-left:25px}.creation-aside ol{list-style:none;padding:0;margin:22px 0}.creation-aside li{color:#66736d;line-height:1.45;margin:0 0 19px;display:flex;gap:10px}.creation-aside li b{font:11px var(--mono);color:#da7540;border:1px solid #edc2ad;width:19px;height:19px;text-align:center;border-radius:50%;padding-top:2px;flex:0 0 auto}.editor-top{display:flex;justify-content:space-between;align-items:flex-end;padding:0 0 22px;border-bottom:1px solid var(--line)}.back-link{font-size:13px;color:#718078;display:inline-block;margin-bottom:16px}.editor-top h1{font:600 33px/1.1 var(--serif);margin:0}.editor-top p{font-size:13px;color:#77827c;margin:8px 0 0}.editor-top p span{padding:0 5px}.inline-button{border:0;background:0;color:#3a7467;padding:0;font-size:13px}.export-control{display:flex;gap:8px}.icon-button{border:1px solid var(--line);border-radius:8px;background:#fffdfa;padding:0 10px;font:500 11px var(--mono);color:#52615a}.editor-message{position:fixed;bottom:20px;right:25px;z-index:4;background:#20302b;color:#fff;padding:12px 15px;border-radius:8px;box-shadow:0 8px 24px #1f302a33;font-size:13px}.editor-message button{color:#fff;border:0;background:none;font-size:18px;line-height:12px;margin-left:16px}.editor-layout{display:block;max-width:850px;margin:37px auto}.outline{padding-top:22px;position:-webkit-sticky;position:sticky;top:10px;height:max-content}.outline>a,.outline>span{display:block;font-size:12px;line-height:1.3;color:#77837d;border-left:1px solid #d8ddd9;padding:7px 0 7px 11px}.outline>a:hover{color:#2c6659;border-color:#589382}.outline-add{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:18px}.add-row button,.outline-add button{border:0;background:none;padding:4px 0;color:#397567;font-size:12px}.document-canvas{background:#fffefa;border:1px solid #e5e1d8;box-shadow:0 8px 35px #243b3010;padding:68px 75px;min-height:780px}.document-meta{display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.8px;color:#85908b;border-bottom:1px solid #ece9e1;padding-bottom:13px;margin-bottom:42px}.document-canvas>h1{font:600 33px/1.15 var(--serif);margin:0 0 46px}.editable-block{position:relative;padding:2px 31px 2px 0;margin:0 -12px 4px;border-radius:4px}.editable-block:hover{background:#f7faf8}.editable-block textarea{display:block;width:100%;resize:vertical;border:1px solid transparent;outline:0;background:transparent;color:var(--ink);line-height:1.7;padding:7px 10px}.editable-block textarea:focus{border-color:#a9cec2;background:#fff}.heading-area{font:600 24px/1.25 var(--serif)!important;min-height:48px;margin-top:20px}.body-area{font-size:15px;min-height:100px}.block-tools{position:absolute;right:4px;top:8px;display:flex;gap:5px;align-items:center}.block-tools span{font:10px var(--mono);color:#89a097}.block-tools button{opacity:0;border:0;border-radius:3px;background:#f6e3dc;color:#b45333;width:20px;height:20px}.editable-block:hover .block-tools button{opacity:1}.add-row{display:flex;gap:18px;border-top:1px solid #eeeae2;margin-top:30px;padding-top:14px}.editor-empty{text-align:center;padding:90px 10px}.editor-empty h2{font:600 28px var(--serif);margin:0 0 8px}.editor-empty p{color:var(--muted);line-height:1.6;max-width:350px;margin:0 auto 22px}.editor-loading{padding:80px;text-align:center;color:var(--muted)}@media(max-width:820px){.shell{padding-left:22px;padding-right:22px}.nav{height:68px}.nav-links a:not(.button){display:none}.hero{grid-template-columns:1fr;gap:20px;padding-top:55px}.paper-stack{height:320px;transform:scale(.78);transform-origin:top left;width:128%;margin-bottom:-80px}.steps{grid-template-columns:1fr;gap:22px}.app-shell{display:block}.sidebar{width:100%;height:auto;padding:15px 17px;flex-direction:row;align-items:center}.sidebar nav{margin:0 0 0 auto;flex-direction:row}.sidebar nav a{font-size:0;padding:5px 7px}.sidebar nav a:first-letter{font-size:18px}.sidebar-bottom{display:none}.workspace{padding:32px 20px}.workspace-header{align-items:flex-start;gap:20px}.workspace-header h1{font-size:38px}.creation-layout,.project-grid,.template-grid{grid-template-columns:1fr}.creation-aside{display:none}.editor-layout{grid-template-columns:1fr;margin:20px auto}.outline{display:none}.document-canvas{padding:35px 25px}.editor-top{align-items:flex-start;gap:15px;flex-direction:column}.hero h1{font-size:51px}.auth-card{padding:32px 24px}}.toc-option{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;background:#fffdfa;padding:9px 11px;color:#56645e;font-size:12px;white-space:nowrap}.toc-option input{accent-color:#397567}.format-note{margin:-24px 0 28px;padding:10px 12px;border-radius:6px;background:#edf6f2;color:#4c7166;font:11px/1.45 var(--mono)}@media(max-width:820px){.export-control{flex-wrap:wrap}.toc-option{order:3;width:100%}}