*{box-sizing:border-box}body{margin:0;background:#fff;color:#202124;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #3972bd;outline-offset:3px}[hidden]{display:none!important}button{background:#fff;border:1px solid #ddd;border-radius:4px;padding:7px 15px;color:inherit}.primary{background:#202124;border-color:#202124;color:#fff}.primary:hover{background:#3c4043}#workspace{max-width:920px;margin:auto;padding:0 24px}.tabbar{display:flex;align-items:center;gap:6px;position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid #ddd;min-height:62px}#categories{display:flex;align-items:center;gap:4px;overflow-x:auto;min-width:0}.category{border:0;border-radius:0;background:none;padding:18px 13px;border-bottom:2px solid transparent;color:#666;white-space:nowrap}.category.active{border-bottom-color:#202124;color:#202124}.new-category{border:0;color:#777;font-size:22px;padding:4px 10px}.tabbar>.primary{margin-left:auto;padding:6px 18px}.history{padding:26px 0 0}.entry{position:relative;margin:0 0 28px;padding:0 0 6px 24px;border-left:1px solid #ddd}.entry:before{position:absolute;content:"";width:7px;height:7px;border-radius:50%;background:#888;left:-4px;top:8px}.entry time{display:block;color:#666;font-size:12px;margin-bottom:8px}.entry-title{font-size:15px;font-weight:600;line-height:1.6;margin:0 0 8px}.entry-content{color:#202124;overflow-wrap:anywhere;margin:0}.entry-date{display:block;border:0;border-radius:0;text-align:left;background:none;padding:0;cursor:pointer}.entry-date:hover time{color:#202124}.empty,.loading{color:#777;margin:26px 0;font-size:14px}.loading{padding:0 24px}.load-more{margin:0 0 24px 24px;font-size:13px;border:0;padding:4px 0;color:#666}.login{padding:40px 24px;max-width:920px;margin:auto}.notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#202124;color:white;padding:10px 16px;border-radius:4px;font-size:13px;max-width:90%;z-index:5}.notice.error{background:#92382e}dialog{width:calc(100% - 32px);max-width:560px;max-height:90vh;overflow:auto;border:1px solid #ddd;border-radius:6px;padding:24px;color:#202124}dialog::backdrop{background:#0005}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-heading h2{font-size:18px;font-weight:600;margin:0}.plain{border:0;background:none;padding:0 6px;font-size:24px;color:#666}dialog label{display:block;margin-bottom:18px;font-size:13px;color:#555}dialog input,dialog textarea{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:15px;color:#202124;background:#fff}dialog textarea{resize:vertical;line-height:1.6}.form-footer{display:flex;gap:20px;align-items:center;justify-content:flex-end}.form-footer span{font-size:12px;color:#92382e;margin-right:auto}@media(max-width:600px){#workspace{padding:0 16px}.tabbar{min-height:56px}.category{padding:15px 10px}.entry{padding-left:18px;margin-bottom:24px}.history{padding-top:22px}dialog{padding:20px}.form-footer{gap:12px}.tabbar>.primary{padding:5px 15px}}

.entry-content>:first-child{margin-top:0}.entry-content>:last-child{margin-bottom:0}.entry-content p{margin:0 0 12px}.entry-content h1,.entry-content h2,.entry-content h3{font-size:17px;margin:18px 0 8px}.entry-content h4,.entry-content h5,.entry-content h6{font-size:15px;margin:16px 0 8px}.entry-content ul,.entry-content ol{padding-left:22px;margin:8px 0 12px}.entry-content a{color:#245fa5}.entry-content code{font-family:ui-monospace,monospace;font-size:.9em;background:#f5f5f5;padding:2px 4px}.entry-content pre{overflow-x:auto;background:#f5f5f5;padding:12px}.entry-content pre code{padding:0}.entry-content blockquote{border-left:2px solid #ccc;margin:12px 0;padding-left:14px;color:#666}.entry-content img{max-width:100%}.entry-content table{display:block;overflow-x:auto;border-collapse:collapse;margin:12px 0;font-size:14px}.entry-content th,.entry-content td{border:1px solid #ddd;padding:6px 10px;text-align:left}
