:root{color-scheme:dark;font-family:Inter,"Microsoft YaHei",sans-serif;color:#c9d2df;background:#11151c;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,.upload{cursor:pointer;border:1px solid #303b4d;color:#cbd5e1;background:#202936;border-radius:5px;padding:7px 13px}button:hover,.upload:hover{background:#303e50}button:disabled{opacity:.4;cursor:default}input{color:#e2e8f0;background:#121923;border:1px solid #334155;border-radius:5px;padding:12px}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #63b3a0;outline-offset:2px}[hidden]{display:none!important}.brand{font-size:13px;letter-spacing:2px;color:#dbe8f4;font-weight:700}#login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 20%,#213b40 0,transparent 48%),#11151c}form{width:min(450px,90vw);padding:44px;background:#161e29;border:1px solid #334151;border-radius:12px;box-shadow:0 30px 90px #0004}h1{font-size:27px;font-weight:500;letter-spacing:-1px}p,small,.muted{color:#8594a9;line-height:1.8}form label{display:grid;gap:8px;margin-top:20px}.primary{background:#62b5a0;color:#0a2722;border:0;width:100%;padding:13px;margin-top:26px;font-weight:700}#loginError{color:#f6a3a3;min-height:24px}header{height:52px;border-bottom:1px solid #2b3442;display:flex;align-items:center;padding:0 22px;gap:40px;background:#171e28}.headerHint{color:#6d7c91;font-size:11px;letter-spacing:2px}header button{margin-left:auto;font-size:12px}.layout{display:flex;height:calc(100vh - 80px)}nav{width:56px;flex-shrink:0;background:#151c26;border-right:1px solid #293342;padding-top:12px}nav button{display:block;background:none;border:0;width:100%;border-radius:0;font-size:25px;padding:13px 0;color:#8192a8}nav button.active{color:#7bd1b8;border-left:2px solid #7bd1b8;background:#22342f}aside{width:240px;flex-shrink:0;position:relative;border-right:1px solid #293342;background:#171e28}.asideTitle{padding:18px;font-size:11px;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between}.asideTitle button{border:0;background:none;padding:0 5px;font-size:22px}.folder{font-size:11px;color:#8b9eb5;padding:12px 18px}.noteItem{width:100%;text-align:left;border:0;border-radius:0;background:none;padding:11px 24px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noteItem.selected{background:#263341;color:#82d5be}.asideFoot{position:absolute;bottom:28px;left:23px;font-size:12px;line-height:2;color:#a6b6c8}.asideFoot span{color:#5e7087;font-size:11px}#noteList{max-height:calc(100% - 210px);overflow:auto}article{flex:1;min-width:0;background:#131a24}#notesView{height:100%;display:flex;flex-direction:column}.tab{height:43px;flex-shrink:0;padding:13px 22px;background:#1c2531;border-bottom:1px solid #303a49;color:#9cd6c4;font-size:12px}.tag{float:right;font-size:9px;letter-spacing:1.5px;color:#6d819b}.editorToolbar{display:flex;gap:8px;align-items:center;padding:24px 32px 15px}.editorToolbar input{border:0;background:none;font-size:23px;padding:0;min-width:0;flex:1}.editorToolbar button{font-size:11px}.danger{color:#db9b9b}.editor{display:flex;flex:1;min-height:0;padding:16px 32px;gap:20px}#lineNumbers{color:#45546a;text-align:right;font:14px/1.9 Consolas,monospace;white-space:pre;overflow:hidden;min-width:20px}textarea{resize:none;flex:1;min-width:0;border:0;background:none;color:#b9c8d9;outline:none;font:14px/1.9 Consolas,"Microsoft YaHei",monospace;tab-size:2;padding:0;white-space:pre;overflow:auto}.editorFoot{padding:12px 32px;display:flex;justify-content:space-between;color:#61758e;font-size:11px}footer{height:28px;background:#28483f;display:flex;align-items:center;padding:0 18px;gap:30px;color:#b8dbce;font-size:11px}footer span:last-child{margin-left:auto}#filesView,#remoteView{height:100%;overflow:auto;padding:40px;max-width:1100px}.pageTitle{display:flex;align-items:center;justify-content:space-between;gap:20px}.pageTitle h1{margin:10px 0}.eyebrow{color:#79c7af;font-size:10px;letter-spacing:3px}.fileRow,.connection{border:1px solid #2c394a;background:#1b2532;border-radius:8px;padding:20px;margin-top:12px;display:flex;align-items:center;gap:16px}.fileRow span{flex:1;overflow-wrap:anywhere}.fileRow small{margin-left:12px}.fileRow a,.connection a{color:#8ed2ba;text-decoration:none}.connection{padding:28px;justify-content:space-between}.connection h2{font-size:17px;font-weight:500}.connection p{font-size:12px}.notice{margin-top:30px;padding:20px;border-left:2px solid #47695f;color:#8194a8;line-height:1.9;font-size:12px}#toast{position:fixed;bottom:45px;right:25px;background:#334857;border-radius:7px;padding:12px 20px;display:none;max-width:80vw}@media(max-width:760px){aside{width:160px}.headerHint{display:none}.editorToolbar,.editor{padding:16px}.editorToolbar input{font-size:17px}#filesView,#remoteView{padding:22px}.connection,.fileRow{align-items:flex-start;flex-wrap:wrap}}@media(max-width:500px){aside{width:110px}.asideFoot{display:none}.asideTitle{padding:10px}.noteItem{padding:10px}.folder{padding:10px;font-size:9px}nav{width:40px}.editorToolbar{flex-wrap:wrap}.editorToolbar input{flex-basis:100%}.editor{gap:8px;padding:12px}footer{gap:8px;font-size:9px}}