.landing{max-width:1120px;margin:auto;padding:30px 50px}.landing header{justify-content:space-between;align-items:center;display:flex}.pill,.badge{white-space:nowrap;color:#607354;background:#f0f3e8;border:1px solid #d8dece;border-radius:99px;padding:4px 12px;font-size:11px}.landing main{padding-top:65px;position:relative}.landing h1{letter-spacing:.03em;margin:20px 0;font-family:Georgia,Hiragino Mincho ProN,serif;font-size:68px;font-weight:500;line-height:1.4}.lead{color:#6e7c6f;font-size:17px;line-height:2.1}.signin{background:#fffefb;border:1px solid #e3e7da;border-radius:15px;width:340px;padding:30px;position:absolute;top:100px;right:0;box-shadow:0 12px 40px #30412606}.signin .button{width:100%;margin:12px 0;display:flex}.signin h2{margin-top:0;font-size:19px}.intro-grid{border-top:1px solid #e0e5d9;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px;padding-top:28px;display:grid}.intro-grid p{color:#76806f;font-size:13px}.workspace{grid-template-columns:230px minmax(0,1fr);min-height:100vh;display:grid}.workspace aside{background:#f1f3e9;border-right:1px solid #e0e5d8;flex-direction:column;padding:32px 24px;display:flex}.sidebar-caption{letter-spacing:1.5px;color:#96a08e;margin-top:50px;font-size:10px}.workspace nav{gap:5px;display:grid}.workspace nav a{border-radius:8px;padding:11px 15px;font-size:14px;text-decoration:none}.workspace nav a.selected{color:#36593f;background:#e3e9d8;font-weight:600}.sidebar-foot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:50px;font-size:12px;display:flex}.content{width:100%;max-width:1260px;margin:auto;padding:0 52px 50px}.topbar{color:#84907d;border-bottom:1px solid #e5e7de;justify-content:space-between;align-items:center;height:76px;font-size:12px;display:flex}.content section{padding-top:36px}.section-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.section-head h1{margin:6px 0}.section-head p{margin:0}.document-list{border-top:1px solid #dfe5d7}.document-list article{border-bottom:1px solid #e2e7da;align-items:center;gap:16px;padding:20px 10px;display:flex}.document-list article>a{flex:1;min-width:0;text-decoration:none}.document-list h2{margin:0}.document-list p{color:#8b9585;margin:5px 0 0;font-size:12px}.badge.public{color:#3b6c35;background:#e1edda}.empty{text-align:center;color:#7b8975;padding:75px 20px}.empty h2{color:#4b6245;font-weight:500}.empty p{font-size:13px}.empty-leaf{color:#a7b894;font-size:65px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.back{color:#819079;font-size:12px;text-decoration:none}.tabs{border-bottom:1px solid #dce3d3;gap:25px;margin:28px 0;display:flex}.tabs button{color:#839078;background:0 0;border:0;border-radius:0;padding:12px 3px}.tabs button.active{color:#365a3e;border-bottom:2px solid #365a3e}.document-paper{background:#fffefb;border:1px solid #e2e6d9;border-radius:10px;min-height:300px;padding:35px 40px}.alert,.notice{color:#994b35;background:#f8e9e2;border-radius:8px;margin-top:20px;padding:12px 16px;font-size:13px}.notice{color:#547046;background:#edf2e5}.alert button{float:right}.upload-area{background:#f2f5ea;border:1px dashed #b5c4aa;border-radius:10px;flex-direction:column;align-items:center;gap:12px;padding:30px;display:flex}.attachment,.connection,.setting-row{border-bottom:1px solid #e0e6d8;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;display:flex}.attachment p,.setting-row p{color:#8a9580;margin:5px 0;font-size:12px}.history-layout{grid-template-columns:230px minmax(0,1fr);gap:25px;display:grid}.history-item{color:#4c6446;text-align:left;background:#f0f3e8;border:1px solid #e0e5d7;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:10px;font-size:12px;display:flex}.history-item span{color:#86927b;font-size:11px}.setup-card,.setting-block{background:#fffefb;border:1px solid #e1e6d8;border-radius:11px;margin:25px 0;padding:25px 28px}.setup-card code{word-break:break-all;background:#f0f3e9;margin-right:15px;padding:12px;display:inline-block}.setting-block h2{margin-top:0}.setting-block progress{accent-color:#60864f;width:100%;height:8px}.report{border-bottom:1px solid #e1e6d8;padding:16px 0}@media (width<=1000px){.landing{padding:25px}.signin{width:100%;max-width:500px;margin:35px 0;position:static}.landing h1{font-size:50px}.workspace{grid-template-columns:190px minmax(0,1fr)}.content{padding:0 28px 30px}.workspace aside{padding:28px 16px}.history-layout{grid-template-columns:1fr}}@media (width<=640px){.landing header .pill{padding:3px 8px;font-size:9px}.landing main{padding-top:25px}.landing h1{font-size:43px}.intro-grid{grid-template-columns:1fr;gap:5px;margin-top:30px}.workspace{display:block}.workspace aside{border-bottom:1px solid #dfe5d7;border-right:0;gap:12px;padding:15px 18px}.workspace aside .brand{font-size:25px}.sidebar-caption,.sidebar-foot{display:none}.workspace nav{gap:5px;display:flex;overflow-x:auto}.workspace nav a{white-space:nowrap;padding:8px 10px;font-size:11px}.content{padding:0 18px 30px}.topbar{height:55px}.content section{padding-top:25px}.section-head{align-items:flex-start;gap:12px}.section-head .button{padding:8px;font-size:11px}.document-paper{padding:20px 17px}.toolbar{gap:7px}.toolbar button{font-size:12px}.attachment,.connection{flex-direction:column;align-items:flex-start}.setting-block,.setup-card{padding:20px}.setting-row,.document-list article{flex-wrap:wrap}}