:root{color:#182b3a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f9fb;font-family:Inter,Segoe UI,sans-serif;font-size:15px;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #15a9b6}button{color:inherit}h1,h2,p{margin:0}h1,h2{font-family:Georgia,Times New Roman,serif;font-weight:500}h1{letter-spacing:-1.1px;font-size:42px;line-height:1.2}h2{letter-spacing:-.4px;font-size:23px}textarea{resize:vertical}button:disabled{cursor:default}a{color:inherit}.app{min-height:100dvh;display:flex}.sidebar{color:#e8eef1;background:#192b39;flex-direction:column;flex-shrink:0;width:240px;height:100dvh;padding:27px 12px;display:flex;position:sticky;top:0}.brand{flex-direction:column;align-items:center;gap:4px;padding-bottom:40px;text-decoration:none;display:flex}.brand svg{fill:none;stroke:#7cd2d6;stroke-width:1px;width:56px;height:56px;margin-bottom:12px}.brand span{letter-spacing:4px;font-family:Georgia,serif;font-size:18px}.brand small{letter-spacing:4px;font-size:11px}nav{gap:8px;display:grid}.nav-item{text-align:left;color:#e8eef1;background:0 0;border:0;border-left:4px solid #0000;border-radius:5px;align-items:center;gap:18px;width:100%;padding:16px 17px;font-size:15px;display:flex}.nav-item:hover{background:#233e4d}.nav-item.active{background:#203f50;border-left-color:#28c1c8}.profile{letter-spacing:1px;border-top:1px solid #38505e;align-items:center;gap:13px;margin:auto 10px 0;padding-top:22px;font-size:14px;display:flex}.profile small{color:#a5bac6;letter-spacing:0;font-size:12px;display:block}.avatar{border:1px solid #718e9d;border-radius:50%;place-items:center;width:34px;height:34px;font-family:Georgia,serif;display:grid}main{flex:1;min-width:0}.topbar{color:#65788b;border-bottom:1px solid #dce3e9;justify-content:space-between;align-items:center;gap:16px;height:70px;padding:0 30px;font-size:14px;display:flex}.topbar b{margin:0 14px;font-weight:400}.topbar strong{color:#233a4a;font-weight:500}.button{white-space:nowrap;background:#fff;border:1px solid #d1dfe5;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:10px 17px;font-size:14px;text-decoration:none;display:inline-flex}.button:hover{filter:brightness(.96)}.primary{color:#fff;background:#087586;border-color:#087586}.secondary{color:#255464;border-color:#8bbec5}.workspace{padding:29px 26px 18px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.page-heading p{color:#65788b;margin-top:6px;font-family:Georgia,serif;font-size:19px}.writing-layout{grid-template-columns:210px minmax(260px,1fr) 245px;gap:12px;min-height:calc(100dvh - 245px);display:grid}.panel{background:#fff;border:1px solid #dce3e9;border-radius:5px}.panel-heading{justify-content:space-between;align-items:center;gap:10px;padding:18px;display:flex}.icon-button{color:#668092;background:0 0;border:0;padding:4px;display:flex}.scene-items{max-height:65dvh;overflow:auto}.scene{text-align:left;overflow-wrap:anywhere;background:0 0;border:0;border-left:4px solid #0000;width:100%;padding:14px;display:block}.scene strong{font-weight:500;display:block}.scene small{color:#6a8092;margin-top:4px;font-size:12px;display:block}.scene:hover{background:#f4f8fa}.scene.selected{background:#eaf2f6;border-left-color:#0f9da7}.scene-list .scene{border-radius:4px;width:calc(100% - 12px);margin:0 6px 6px}.editor{flex-direction:column;min-width:0;display:flex}.editor-header{padding:22px 24px 15px}.title-input{color:#182b3a;background:0 0;border:0;border-radius:0;width:100%;min-width:0;padding:0 0 7px;font-family:Georgia,serif;font-size:29px}.editor-tools{border-bottom:1px solid #e2e8ec;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.draft{background:#edf4f7;border-radius:20px;align-items:center;gap:7px;padding:3px 10px;font-size:12px;display:inline-flex}.draft i{background:#12a6ad;border-radius:50%;width:8px;height:8px}.text-button{color:#087586;background:0 0;border:0;padding:5px;font-size:12px}.text-button:hover{text-decoration:underline}.manuscript{resize:vertical;color:#23394a;background:0 0;border:0;flex:1;width:100%;min-height:430px;padding:8px 24px 25px;font:19px/1.85 Georgia,serif}.manuscript::placeholder{color:#8d9bac}.editor-footer{color:#6b8192;border-top:1px solid #e2e8ec;justify-content:space-between;gap:12px;padding:15px 22px;font-size:12px;display:flex}.notes{flex-direction:column;padding:22px 20px;display:flex}.notes p{color:#718498;margin-top:10px;font-size:13px}.notes textarea{color:#334e60;border:1px solid #d7e1e8;border-radius:5px;flex:1;width:100%;min-height:220px;margin-top:22px;padding:12px;line-height:1.7}.notes .canon-note{border-top:1px solid #dce3e9;margin-top:24px;padding-top:16px;line-height:1.8}.save-status{color:#697e8e;text-align:right;margin-top:14px;font-size:12px}.overview{max-width:820px;padding:35px}.overview>p{color:#6a8092;margin:10px 0 25px}.overview-row{text-align:left;background:0 0;border:0;border-top:1px solid #e0e7eb;align-items:center;gap:20px;width:100%;padding:24px 0;display:flex}.overview-row>span:nth-child(2){flex:1}.overview-row strong{font-weight:500;display:block}.overview-row small{color:#6a8092;margin-top:5px;font-size:13px;display:block}.notice{color:#657a8b;max-width:900px;margin:0 0 20px;font-size:13px;line-height:1.8}.overview .notice{margin-bottom:0;font-size:13px}.workshop{max-width:960px;padding:24px}.workshop .panel-heading{padding:0 0 16px}.workshop>p{color:#718498;margin-bottom:15px;font-size:13px}.workshop textarea{border:1px solid #dce3e9;border-radius:5px;width:100%;min-height:420px;padding:20px;font:18px/1.8 Georgia,serif}.library-layout{grid-template-columns:260px 1fr;gap:16px;min-height:60dvh;display:grid}.search-label{color:#60768a;padding:18px;font-size:12px;display:block}.search-label input{border:1px solid #d7e1e8;border-radius:4px;width:100%;margin-top:8px;padding:10px;font-size:14px}.document{min-width:0;padding:28px}.document pre{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:20px;font:16px/1.9 Georgia,serif}.document>p,.empty{color:#6a8092;padding-top:20px;font-size:14px}.empty{padding:18px}.upload{cursor:pointer;position:relative;overflow:hidden}.upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}@media (width>=1600px){.workspace{padding:35px 40px}.writing-layout{grid-template-columns:240px minmax(260px,1fr) 290px}}@media (width<=1180px){.sidebar{width:200px}.brand span{letter-spacing:3px;font-size:15px}.writing-layout{grid-template-columns:170px minmax(240px,1fr)}.notes{grid-column:1/-1;min-height:230px}.notes textarea{min-height:100px}.page-heading p{font-size:17px}.topbar{padding:0 24px}.writing-layout{min-height:0}}@media (width<=700px){.app{display:block}.sidebar{width:100%;height:auto;padding:14px 12px 7px;position:static}.brand{flex-direction:row;justify-content:center;gap:10px;padding-bottom:12px}.brand svg{width:28px;height:28px;margin:0}.brand span{letter-spacing:3px;font-size:14px}.brand small{letter-spacing:2px;font-size:9px}nav{justify-content:space-around;gap:0;display:flex}.nav-item{border-bottom:3px solid #0000;border-left:0;border-radius:3px;flex-direction:column;flex:1;gap:5px;width:auto;padding:9px 2px;font-size:11px}.nav-item.active{border-bottom-color:#28c1c8;border-left:0}.nav-item svg{width:18px;height:18px}.profile{display:none}.topbar{height:62px;padding:0 16px;font-size:12px}.topbar b{margin:0 6px}.topbar .button{gap:6px;min-height:35px;padding:7px 9px;font-size:11px}.topbar .button svg{width:16px}.workspace{padding:24px 15px 15px}h1{font-size:33px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:22px}.page-heading p{max-width:220px;font-size:15px;line-height:1.6}.page-heading .button{gap:4px;padding:9px;font-size:12px}.writing-layout{flex-direction:column;display:flex}.scene-items{max-height:140px;display:flex;overflow:auto}.scene-list .scene{width:auto;min-width:155px;margin:0 6px 10px}.scene-list .panel-heading{padding:12px 14px}.scene-list h2{font-size:19px}.editor-header{padding:20px 18px 12px}.title-input{font-size:27px}.manuscript{min-height:380px;padding:8px 18px 20px;font-size:18px}.notes{padding:20px}.library-layout{flex-direction:column;display:flex}.library-list{max-height:300px;overflow:auto}.document{padding:20px}.overview{padding:23px}.workshop{padding:20px}.save-status{text-align:left}.document h2{overflow-wrap:anywhere}}@media (prefers-reduced-motion:no-preference){button{transition:background .15s,filter .15s}}