:root{--bg:#f5f4f0;--surface:#fff;--text:#252821;--muted:#6e726a;--primary:#315c48;--primary2:#244737;--border:#dddcd5;--danger:#a33b35;--shadow:0 6px 25px rgba(32,43,35,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;line-height:1.55;overflow-wrap:anywhere}.wrap{width:min(100% - 28px,760px);margin-inline:auto}.top{background:rgba(255,255,255,.94);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;backdrop-filter:blur(8px)}.nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-weight:800;font-size:1.15rem;color:var(--text);text-decoration:none}.nav-actions{display:flex;gap:7px;align-items:center}.nav-actions form,.card-actions form,.mini-actions form{margin:0}.user-name{display:none}main{padding-block:24px 90px}h1{font-size:clamp(1.65rem,7vw,2.15rem);line-height:1.15;margin:.2em 0}h2{font-size:1.25rem;line-height:1.3}.muted,.optional,time{color:var(--muted);font-size:.9rem}.page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.page-head p{margin:4px 0}.feed,.list{display:grid;gap:16px}.card,.panel,.empty{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.narrow{max-width:480px;margin:5vh auto}.empty{text-align:center;padding:50px 20px}.empty>span,.admin-link>span{font-size:2.2rem}.meta{display:flex;justify-content:space-between;gap:12px;font-size:.9rem}.card h2{margin:13px 0 8px}.post-body{white-space:normal;margin:10px 0}.post-body.clamped{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden}.post-body.expanded{display:block}.text-btn,.mini-actions button,.mini-actions a{background:none;border:0;color:var(--primary);padding:3px 0;text-decoration:underline;cursor:pointer;font:inherit}.image-link{display:block;margin:14px -18px}.image-link img{display:block;width:100%;max-height:680px;object-fit:cover}.link-box{background:#f0f4f1;border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.card-actions,.actions,.mini-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-actions{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:11px;padding:8px 13px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;background:none;color:var(--text)}.primary{background:var(--primary);color:#fff}.primary:hover{background:var(--primary2)}.secondary{border-color:var(--border);background:#f7f7f4}.ghost{border-color:transparent}.danger{color:var(--danger);border-color:#ead3d1}.stack{display:grid;gap:17px;margin-top:20px}.stack label,label{font-weight:700;display:grid;gap:6px}input,textarea,select{width:100%;font:inherit;font-size:16px;color:var(--text);border:1px solid #bbbdb6;border-radius:11px;padding:12px;background:#fff}textarea{resize:vertical}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;font-weight:500}.check input{width:22px;height:22px}.alert{border-radius:12px;padding:13px 15px;margin-bottom:15px}.alert.error{background:#f9e6e4;color:#7f2925}.alert.success{background:#dfefe5;color:#23523a}.form-image{max-width:100%;max-height:350px;border-radius:12px}.hidden{display:none}.comments{margin-top:12px;display:grid;gap:11px}.comment-form{display:grid;grid-template-columns:1fr auto;gap:8px}.comment{background:#f5f6f2;border-radius:12px;padding:12px}.comment p{margin:6px 0}.mini-actions{font-size:.85rem}.fab{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:var(--primary);color:#fff;text-decoration:none;font-size:2rem;display:grid;place-items:center;box-shadow:0 8px 24px #315c4866}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}details>summary{list-style:none}dialog{border:0;padding:0;background:transparent;max-width:96vw;max-height:96vh}dialog::backdrop{background:#000c}dialog img{max-width:94vw;max-height:90vh;display:block;border-radius:10px}dialog button{position:absolute;right:8px;top:8px;border:0;border-radius:50%;font-size:1.6rem;width:42px;height:42px}.admin-grid{display:grid;gap:16px}.admin-link{text-decoration:none;color:inherit}.user-row{display:flex;align-items:center;justify-content:space-between;gap:14px}hr{border:0;border-top:1px solid var(--border);margin:28px 0}
.info-grid{display:grid;gap:16px}.info-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px}.info-icon{width:46px;height:46px;border-radius:14px;background:#e3eee8;color:var(--primary);display:grid;place-items:center;font-size:1.35rem;font-weight:800}.info-content h2{margin:2px 0 7px}.info-content p{margin:0 0 10px}.info-domain{color:var(--muted);font-size:.88rem;margin-bottom:14px}.info-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:8px}.info-actions form{margin:0}
@media(min-width:600px){.wrap{width:min(100% - 48px,760px)}.user-name{display:inline}.card,.panel{padding:22px}.image-link{margin-inline:-22px}.fab{display:none}.admin-grid{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.page-head>.primary{display:none}.nav .btn{padding:7px 8px;font-size:.86rem}.nav-info span{display:none}.comment-form{grid-template-columns:1fr}.link-box{align-items:flex-start;flex-direction:column}.info-card{grid-template-columns:38px minmax(0,1fr);gap:11px}.info-icon{width:38px;height:38px;border-radius:11px}}