:root{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color:#222;background:#fff}*{box-sizing:border-box}body{margin:0;font-size:13px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:wait}a{color:inherit;text-underline-offset:3px}.topbar{height:58px;border-bottom:1px solid #e5e5e5;background:#fff}.topbar-inner{height:100%;max-width:1480px;margin:auto;padding:0 22px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:17px;font-weight:750;letter-spacing:-.04em;text-decoration:none}.topbar nav{display:flex;gap:21px}.topbar nav a{font-size:12px;color:#777;text-decoration:none}.topbar nav a:hover{color:#111}main{max-width:1480px;padding:0 22px;margin:auto;min-height:calc(100dvh - 111px)}.login-panel{max-width:445px;margin:92px auto;padding:30px;border:1px solid #e4e4e4;border-radius:6px}.login-panel h1{font-size:24px;letter-spacing:-.045em;margin:0 0 11px}.login-panel>p{color:#777;font-size:13px;line-height:1.7}.login-panel form{margin:28px 0 12px}.login-panel label{display:block;font-weight:600;margin-bottom:9px}.login-panel input{display:block;width:100%;padding:11px 12px;border:1px solid #ccc;border-radius:4px}.login-panel .primary{margin-top:15px;width:100%}.login-panel .help{font-size:11px;color:#999;line-height:1.9}.primary{border:1px solid #2b2b2b;background:#2b2b2b;color:#fff;padding:9px 15px;font-size:12px;font-weight:650;border-radius:4px;white-space:nowrap}.primary:hover{background:#444}.plain-button{border:1px solid #d9d9d9;background:#fff;color:#555;padding:9px 12px;font-size:12px;border-radius:4px;white-space:nowrap}.plain-button:hover{border-color:#aaa;color:#222}.danger{border:1px solid #d8baba;color:#a24646;background:#fff;padding:9px 12px;border-radius:4px;font-size:12px}.danger:hover{background:#fff4f4}.workspace-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:30px 0 23px}.workspace-heading h1{font-size:23px;letter-spacing:-.055em;margin:0 0 7px}.workspace-heading p{margin:0;color:#999;font-size:12px}.head-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.workspace-grid{display:grid;grid-template-columns:236px minmax(0,1fr);border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;min-height:610px}.post-sidebar{border-right:1px solid #ececec;padding:22px 16px 30px 0;min-width:0}.sidebar-heading{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.sidebar-heading h2{font-size:15px;margin:0 0 16px}.muted{font-size:11px;color:#999}.sidebar-heading .muted{margin:0}.post-sidebar input{width:100%;padding:10px 11px;border:1px solid #ddd;border-radius:4px;background:#fff;outline-offset:2px;font-size:12px}.post-filters{display:flex;border-bottom:1px solid #eee;margin:15px 0 8px}.post-filters button{flex:1;border:0;border-bottom:2px solid transparent;background:none;padding:8px 0;color:#888;font-size:12px}.post-filters button[aria-pressed=true]{border-color:#333;color:#222;font-weight:700}.posts{display:grid;gap:0}.post-item{display:block;width:100%;border:0;border-bottom:1px solid #f0f0f0;background:#fff;text-align:left;padding:13px 6px}.post-item:hover{background:#f7f7f7}.post-item[aria-current=true]{background:#f0f1ef}.post-item strong{display:block;font-size:13px;color:#333;font-weight:620;line-height:1.5}.post-item small{display:block;font-size:11px;color:#999;margin-top:6px}.empty{padding:145px 24px;text-align:center;color:#aaa}.empty h2{font-size:18px;color:#666;letter-spacing:-.03em}.empty p{line-height:1.7}.editor-container{min-width:0}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;border-bottom:1px solid #ededed;background:#fafafa}.editor-context{display:flex;align-items:center;gap:13px}.editor-context>span:first-child{font-weight:700;color:#555;font-size:13px}.unsaved{color:#b26a30;font-size:11px}.editor-actions{display:flex;gap:8px;align-items:center}.editor-actions a{color:#606060;font-size:12px}.writing-area{min-width:0;padding:22px 25px 23px}.title-input{width:100%;border:0;border-bottom:1px solid #dedede;outline:0;font-size:25px;font-weight:600;letter-spacing:-.04em;padding:12px 0 17px;color:#222;background:#fff;margin-bottom:21px}.title-input:focus{border-bottom-color:#444}.title-input::placeholder{color:#aaa;font-weight:450}.body-label{font-size:12px;color:#888;margin-bottom:10px}.settings{border-top:1px solid #e8e8e8;padding:26px 25px 12px;background:#fafafa}.settings h2{font-size:16px;letter-spacing:-.025em;margin:0 0 6px}.setting-field{margin-bottom:0}.setting-field label{display:block;font-size:12px;color:#555;font-weight:650;margin-bottom:9px}.setting-field input,.setting-field select,.setting-field textarea{display:block;width:100%;border:1px solid #dadada;border-radius:4px;background:#fff;padding:10px 9px;color:#333;font-size:12px;line-height:1.6;resize:vertical}.setting-field input:focus,.setting-field textarea:focus,.setting-field select:focus{outline:2px solid #ccc}.field-help{font-size:11px;line-height:1.65;color:#999;margin:6px 0 0}.vditor{border-color:#ddd!important;border-radius:3px!important}.vditor-toolbar{background:#fafafa!important}.vditor-content{min-height:400px}.status{font-size:12px;color:#888;line-height:1.7;margin:13px 0 0}.error{font-size:12px;color:#af3f3f;line-height:1.6}.bottom-actions{display:flex;gap:10px;border-top:1px solid #ededed;padding:15px 20px}.grow{flex:1}.footnote{font-size:11px;color:#999;margin:24px 0 40px}.footer{border-top:1px solid #eee;padding:19px 22px;color:#aaa;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}@media(max-width:1120px){.workspace-grid{grid-template-columns:205px minmax(0,1fr)}.writing-area{padding:16px}.settings{padding:21px 18px 11px}}@media(max-width:620px){.topbar-inner,main{padding-left:16px;padding-right:16px}.workspace-heading{padding:23px 0 17px;flex-wrap:wrap}.workspace-heading h1{font-size:21px}.head-actions{width:100%;justify-content:flex-start}.workspace-grid{display:block}.post-sidebar{border-right:0;border-bottom:1px solid #e9e9e9;padding:16px 0}.posts{max-height:230px;overflow:auto}.post-item{padding:10px 6px}.editor-toolbar{padding:13px 11px;flex-wrap:wrap}.editor-actions{width:100%;justify-content:flex-end}.writing-area{padding:12px}.title-input{font-size:22px}.settings{padding:20px 12px 12px}.settings-grid{grid-template-columns:1fr}.settings-grid .wide{grid-column:1}.login-panel{margin-top:45px;padding:20px}.empty{padding:48px 12px}}
.publish-description{font-size:12px;color:#888;margin:0 0 21px;line-height:1.6}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 28px}
.settings-grid .wide{grid-column:1/-1}
.settings .setting-field input,.settings .setting-field select,.settings .setting-field textarea{max-width:100%;font-size:13px}
.settings .setting-field textarea{min-height:75px}
.publish-note{font-size:11px;color:#999;line-height:1.75;margin:18px 0 0}
.editor-container .status,.editor-container #save-error{margin:15px 25px}
@media(max-width:620px){.settings-grid{grid-template-columns:1fr}.settings-grid .wide{grid-column:1}.editor-container .status,.editor-container #save-error{margin:15px 12px}}

.login-panel .remember-choice{display:flex;align-items:center;gap:9px;margin-top:14px;font-size:12px;font-weight:500}
.login-panel .remember-choice input{width:16px;height:16px;margin:0;flex:0 0 auto}
.workspace-heading #auth-status{margin-top:7px;font-size:11px}

