
:root{font-family:system-ui,-apple-system,sans-serif;color:#223d37;background:#f7f7ef;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:1400px;margin:auto;padding:28px 48px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9dfd2;padding-bottom:22px;font-size:13px;color:#607269}.brand{font-size:28px;font-weight:750;letter-spacing:2px}.brand span{font-size:11px;letter-spacing:1px;margin-left:14px}.intro{display:flex;justify-content:space-between;align-items:center;padding:55px 0 35px}.eyebrow{font-size:13px;letter-spacing:3px;color:#6c7f5a}h1{font-size:46px;font-weight:650;line-height:1.3;letter-spacing:-1px}p{line-height:1.8;color:#63746c}.sun{width:185px;height:185px;background:#e9edbf;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:65px;color:#6d7b3c}.sun span{font-size:12px;letter-spacing:5px}.stats{display:flex;gap:40px;padding:17px 0;border-top:1px solid #d9dfd2;border-bottom:1px solid #d9dfd2;font-size:13px}.notice{font-size:12px}.message{color:#91602c;white-space:pre-wrap;min-height:24px}.workspace{display:grid;grid-template-columns:235px 1fr;gap:42px}aside{padding-right:18px;border-right:1px solid #d9dfd2}h2{font-size:20px;font-weight:650;margin:12px 0 20px}h3{font-size:17px;font-weight:600}button,a.file{font:inherit;cursor:pointer;border:0;border-radius:10px;background:#27634f;color:white;padding:11px 17px;margin:5px 5px 5px 0}button:disabled{opacity:.5;cursor:wait}aside button.nav,aside button.selected{display:flex;width:100%;justify-content:space-between;margin:6px 0;text-align:left;background:transparent;color:#52665d}aside button.selected{background:#e6ead9;color:#284e3e}small{font-size:11px;color:#758575}aside h3{margin-top:34px}aside p{font-size:12px}.secondary{background:#e7ebdf;color:#3b5b4e}a{color:#27634f;text-decoration:underline;font-size:13px}.file{display:block;margin-top:16px;font-size:13px}.file input{font-size:11px}.section-head,.filters{display:flex;justify-content:space-between;align-items:center;gap:10px}input,select,textarea{width:100%;display:block;border:1px solid #ccd6c6;background:#fffef8;color:#223d37;border-radius:8px;padding:11px;font:inherit;margin:7px 0 15px}input:focus,textarea:focus{outline:2px solid #8caa70}select{max-width:100%}.filters input{flex:1}.filters select{width:135px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.card{padding:22px;background:#fffef8;color:#223d37;border:1px solid #e0e4d6;text-align:left;min-height:200px;width:100%;margin:0}.card div{display:flex;justify-content:space-between;font-size:11px;color:#7a8d69}.card p{white-space:pre-wrap;font-size:13px;overflow-wrap:anywhere}.card footer{font-size:10px;color:#859083}.empty{padding:35px;border:1px dashed #ccd6c6;border-radius:10px;grid-column:1/-1;color:#7c8b77}.editor{background:#fffef8;border:1px solid #e0e4d6;border-radius:16px;padding:28px;margin:30px 0}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}label{font-size:13px}form p{font-size:12px}.pre{white-space:pre-wrap}.bottom{text-align:center;color:#8b9786;font-size:12px;padding:40px}.import{border:1px solid #d5dfcc;border-radius:8px;padding:12px;max-height:400px;overflow:auto}.import p{font-size:11px}.editor article{padding:18px;border-bottom:1px solid #e4e9dc}@media(max-width:850px){main{padding:20px}.workspace{grid-template-columns:1fr;gap:15px}aside{border:0;padding:0}.intro{padding:30px 0}.sun{width:90px;height:90px;font-size:35px}.sun span{font-size:9px}h1{font-size:30px}.stats{gap:15px;flex-wrap:wrap}.cards{grid-template-columns:1fr}.twocol{grid-template-columns:1fr}.brand span{display:none}header{gap:16px}.editor{padding:18px}}

.editor-dialog{border:0;border-radius:18px;padding:0;max-width:900px;width:calc(100% - 32px);max-height:90dvh;background:#fffef8;color:#223d37;overflow:auto;margin:auto;box-shadow:0 20px 80px #18382b40}.editor-dialog::backdrop{background:#15332788}.editor-dialog .editor{border:0;margin:0}.editor-dialog h2{margin:0}.editor-dialog .section-head{position:sticky;top:-28px;background:#fffef8;padding:8px 0;z-index:1}

body{line-height:1.5}h1,h2,h3,p{margin-top:0}.editor-dialog{margin:auto}.pre{white-space:pre-wrap}
