:root{--blue:#1769d2;--blue2:#0f4fa8;--pale:#eaf3ff;--ink:#18324f;--muted:#71839a;--line:#dce7f4;--bg:#f5f9ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,textarea,select{font:inherit}button,.button-link{border:1px solid var(--line);background:#fff;color:var(--blue);border-radius:11px;padding:10px 14px;cursor:pointer;font-weight:650;transition:.15s}button:hover,.button-link:hover{transform:translateY(-1px);border-color:#9bbce9}button.primary{background:var(--blue);border-color:var(--blue);color:white}button.primary:hover{background:var(--blue2)}.hero{background:linear-gradient(120deg,#1459b8,#2b8be8);color:white;padding:27px 20px}.hero-inner{max-width:1100px;margin:auto;display:flex;align-items:center;gap:16px}.mark{width:58px;height:58px;border-radius:18px;background:#ffffff22;border:1px solid #ffffff55;display:grid;place-items:center;font-weight:900;font-size:22px}.eyebrow{margin:0;font-size:11px;letter-spacing:2px;opacity:.8}.hero h1{margin:1px 0;font-size:clamp(24px,4vw,36px);line-height:1.15}.sub{margin:5px 0 0;opacity:.85}.notice{max-width:1100px;margin:12px auto 0;background:#dcecff;border:1px solid #c4ddff;color:#174c8c;padding:12px 16px;border-radius:12px}.nav{max-width:1100px;margin:14px auto 0;padding:0 16px;display:flex;gap:9px}.admin-nav{margin-left:auto}main{max-width:1100px;margin:26px auto;padding:0 16px}.toolbar{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:17px}.toolbar h2{margin:0;font-size:23px}.muted,small{color:var(--muted)}.toolbar p{margin:3px 0 0}.tools{display:flex;gap:8px;min-width:0}.tools input{width:min(300px,40vw)}input,textarea,select{border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:white;color:var(--ink);width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:#6aa5ec;box-shadow:0 0 0 3px #dcecff}textarea{resize:vertical}.posts{display:grid;grid-template-columns:1fr;gap:13px}.post{background:white;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 3px 12px #173b6508}.post-top{display:flex;justify-content:space-between;gap:12px}.post h3{margin:0 0 3px;font-size:19px;overflow-wrap:anywhere}.meta{font-size:12px;color:var(--muted)}.admin-label{color:#1769d2;font-weight:750}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:13px 0}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.tag{font-size:12px;background:var(--pale);color:#2565ad;border-radius:99px;padding:4px 9px}.post-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px);gap:16px;align-items:start}.media-grid{display:grid;gap:8px}.media-grid img,.media-grid video{max-width:100%;width:100%;max-height:260px;object-fit:contain;background:#f2f6fb;border-radius:10px}.link-preview{display:block;border:1px solid var(--line);border-radius:10px;padding:12px;color:#1d63b5;text-decoration:none;overflow-wrap:anywhere;background:#f8fbff}.post-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;border-top:1px solid #edf2f8;padding-top:12px;margin-top:12px}.vote{display:inline-flex;gap:6px;align-items:center}.vote.active{background:#e3f0ff;border-color:#9fc7f5}.comment-btn{margin-left:auto}.empty{text-align:center;padding:45px;color:var(--muted)}footer{text-align:center;padding:28px;color:#8292a5;font-size:13px}footer span{color:#e14d72}.hidden{display:none!important}dialog{border:0;border-radius:18px;padding:0;width:min(620px,calc(100% - 24px));max-height:90vh;box-shadow:0 20px 80px #102b4a35}dialog::backdrop{background:#10243b88;backdrop-filter:blur(3px)}.dialog-form{padding:22px;display:flex;flex-direction:column;gap:14px;max-height:90vh;overflow:auto}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{margin:0;font-size:22px}.x{font-size:25px;padding:3px 10px;border:0;background:transparent;color:var(--muted)}label{display:flex;flex-direction:column;gap:6px;font-weight:650}label small{font-weight:400}.extra-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.extra-add{display:flex;gap:7px}.extra-add select{max-width:130px}.extras-list{display:flex;flex-direction:column;gap:6px}.extra-item{display:flex;align-items:center;justify-content:space-between;background:#f2f7fd;border-radius:9px;padding:8px 10px;gap:8px;font-size:13px;overflow-wrap:anywhere}.extra-item button{padding:3px 8px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.secondary{color:#53677f}.full{width:100%}ol{padding-left:22px}ol li{margin:9px 0}.admin-tabs{display:flex;gap:6px;flex-wrap:wrap}.admin-tabs button{padding:7px 10px}.admin-panel section{margin-top:14px}#adminPanel section{display:flex;flex-direction:column;gap:9px}#adminPanel h3{margin:10px 0 0}.admin-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:9px 0}.admin-row span{overflow-wrap:anywhere}.admin-row button{padding:6px 9px;color:#b22}.check{display:flex;flex-direction:row;align-items:center}.check input{width:auto}.button-link{display:inline-block;text-decoration:none;text-align:center}.comment{border-left:2px solid #d7e7fa;padding:8px 0 8px 12px;margin:10px 0}.comment.reply{margin-left:24px}.comment p{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}.comment-actions{display:flex;gap:6px;flex-wrap:wrap}.comment-actions button{font-size:12px;padding:4px 8px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#17324f;color:white;padding:11px 16px;border-radius:12px;box-shadow:0 6px 30px #0002;z-index:10}.toast.error{background:#a72c38}#commentForm{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:8px}#commentSort{margin-bottom:8px}@media(max-width:680px){.hero{padding:22px 16px}.mark{width:48px;height:48px;border-radius:14px}.nav button{padding:10px 11px}.nav button span{font-size:13px}.toolbar{align-items:stretch;flex-direction:column}.tools input{width:100%}.post-content{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.post{padding:14px}.comment-btn{margin-left:0}.extra-add{flex-wrap:wrap}.extra-add select{max-width:none;flex:1}.extra-add input{min-width:0;flex:2}}