:root{font-family:Segoe UI,Arial,sans-serif;color:#1e302d;background:#f4f5f0;font-size:16px}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:240px;background:#183c35;color:#e7eee8;padding:36px 22px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{font-size:28px;font-weight:700;color:white;text-decoration:none;letter-spacing:-1px}aside .muted{color:#a3bab0;font-size:12px;letter-spacing:2px;margin:12px 0 42px}nav{display:grid;gap:8px;margin-bottom:30px}nav a{color:#cedcd5;text-decoration:none;padding:14px 12px;border-radius:8px;font-size:15px}nav a.active,nav a:hover{background:#31594d;color:#fff}.aside-note{margin-top:auto;font-size:24px;line-height:1.5;color:#afc7b8}main{margin-left:240px;padding:40px 48px;width:calc(100% - 240px);max-width:1700px}h1{font-size:34px;letter-spacing:-1px;margin:6px 0 26px}h2{font-size:22px;margin:0 0 20px}h3{font-size:14px;color:#61716b;font-weight:500}.eyebrow{color:#77877c;font-size:12px;font-weight:700;letter-spacing:2px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.badge{font-size:13px;background:#e4ece3;color:#365741;border-radius:30px;padding:8px 13px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:8px 0 30px}.stats section{border:1px solid #dfe5db;border-radius:12px;background:#fff;padding:24px}.stats strong{display:block;font-size:30px;letter-spacing:-1px;margin-bottom:8px}.stats span,.muted{font-size:14px;color:#758078}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.filters a{padding:9px 14px;border:1px solid #dce1d7;border-radius:7px;font-size:14px;text-decoration:none;color:#65746b}.filters .selected{background:#294f40;color:white;border-color:#294f40}.post,.card{padding:26px;background:#fff;border:1px solid #dce1d7;border-radius:12px;margin:18px 0}.post-head{display:flex;align-items:center;justify-content:space-between;font-weight:600;gap:12px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:26px}.original{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;max-height:330px;overflow:auto;font-size:15px}.reason{padding:12px 15px;border-left:3px solid #c1ae75;background:#faf8ef;font-size:14px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0 4px}button,.button{background:#285840;color:white;border:0;border-radius:7px;padding:12px 19px;font:inherit;font-size:14px;cursor:pointer;display:inline-block;text-decoration:none}button:hover,.button:hover{background:#367952}button.secondary{background:#eef1ea;color:#415749}button:disabled{opacity:.4;cursor:default}label{display:block;font-size:14px;margin:0 0 20px}input,select,textarea{font:inherit;color:#22372e;width:100%;padding:12px;border:1px solid #cfd8cc;border-radius:6px;margin-top:8px;background:#fcfdf9}textarea{resize:vertical;line-height:1.6}input:focus,select:focus,textarea:focus{outline:2px solid #71a083;outline-offset:2px}.check{display:flex;gap:10px;align-items:center}.check input{width:18px;height:18px;margin:0;accent-color:#285840}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.intro{max-width:900px;line-height:1.7;color:#65746b}.notice{padding:16px 20px;background:#e4efdf;border-radius:7px;margin-bottom:20px}.error{background:#ffeae2;color:#86442f}.empty{padding:65px 25px;text-align:center;background:#fff;border:1px dashed #cdd6c6;border-radius:12px}.empty>div{font-size:48px;color:#89a184}.empty p{max-width:490px;margin:0 auto 24px;line-height:1.7;color:#6b7970}.empty h2{margin:20px 0 12px}a{color:#37694d}.settings{max-width:920px}.settings h2:not(:first-child){margin-top:35px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f4ee;padding:15px;font-size:14px}.attachments{display:flex;gap:12px;flex-wrap:wrap;font-size:14px}footer{font-size:12px;color:#879186;margin-top:40px}.login{max-width:500px;margin:10vh auto}.login h1{font-size:46px;line-height:1.15}.login form{margin-top:36px}.login button{width:100%}@media(max-width:1000px){aside{width:200px}main{margin-left:200px;width:calc(100% - 200px);padding:28px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.compare{gap:16px}}@media(max-width:680px){body{display:block}aside{position:static;width:100%;padding:20px}aside .muted,aside .aside-note{display:none}nav{display:flex;flex-wrap:wrap;margin:15px 0}nav a{font-size:14px;padding:8px}aside form{align-self:flex-end}main{margin:0;width:100%;padding:22px 16px}header{display:block}header .badge{display:inline-block;margin-bottom:15px}h1{font-size:28px}.compare{grid-template-columns:1fr}.post,.card{padding:18px}.stats{gap:10px}.stats section{padding:18px}.post-head{align-items:flex-start;flex-direction:column}.login h1{font-size:36px}}
