*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:#e6e8ee;line-height:1.65}a{color:inherit;text-decoration:none}.layout{display:grid;grid-template-columns:290px 1fr;min-height:100vh}.side{background:var(--card);border-right:1px solid #ffffff12;padding:20px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px;margin-bottom:18px}.brand img{width:40px;height:40px;object-fit:cover}.brand img,.nav a{border-radius:10px}.nav a{display:block;padding:10px 12px;color:#aab0c0;transition:.2s;margin-bottom:2px}.nav a:hover{background:#ffffff0a;color:#fff;transform:translateX(3px)}.nav a.on{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-weight:600}.main{padding:28px clamp(16px,4vw,56px);max-width:960px;width:100%}.top{display:flex;gap:12px;align-items:center;margin-bottom:28px}.search{position:relative;flex:1 1}.inp,.search input{width:100%;background:var(--card);border:1px solid #ffffff1a;color:#fff;border-radius:12px;padding:12px 14px;font:inherit}.inp:focus,.search input:focus{outline:2px solid var(--accent);border-color:transparent}.results{position:absolute;top:110%;left:0;right:0;background:var(--card);border:1px solid #ffffff1a;border-radius:12px;max-height:60vh;overflow:auto;z-index:20;box-shadow:0 20px 50px #0008}.results a{display:block;padding:12px 14px;border-bottom:1px solid #ffffff0d}.results a:hover{background:#ffffff0a}.results small{color:var(--accent);display:block}.results mark{border-radius:3px;padding:0 2px}.btn,.results mark{background:var(--accent);color:#000}.btn{border:0;border-radius:10px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer;transition:.2s;display:inline-block}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn.ghost{background:#ffffff12;color:#fff}.btn.red{background:#ef4444;color:#fff}h1{font-size:clamp(26px,4vw,38px);margin:0 0 8px}h2{margin:36px 0 12px;padding-bottom:8px;border-bottom:2px solid var(--accent);scroll-margin-top:20px}.intro{color:#aab0c0;font-size:17px}.txt{margin:10px 0}.box,.txt{white-space:pre-wrap}.box{border-left:4px solid;border-radius:10px;padding:14px 16px;margin:14px 0}.box.info{border-color:#3b82f6;background:#3b82f61a}.box.warning{border-color:#f59e0b;background:#f59e0b1a}.box.important{border-color:#ef4444;background:#ef44441a}.box b{display:block;margin-bottom:4px}.media{width:100%;border-radius:14px;margin:14px 0;display:block}iframe.media{aspect-ratio:16/9;border:0}.banner{position:relative;margin:14px 0}.banner span{position:absolute;left:20px;bottom:16px;font-size:24px;font-weight:800;text-shadow:0 2px 10px #000}.pn{display:flex;justify-content:space-between;gap:12px;margin-top:48px}.fade{animation:f .35s ease}@keyframes f{0%{opacity:0;transform:translateY(8px)}}#nav,.burger{display:none}@media(max-width:820px){.layout{grid-template-columns:1fr}.side{position:fixed;inset:0 25% 0 0;z-index:30;transform:translateX(-105%);transition:.25s;height:100%}#nav:checked~.side{transform:none}.burger{display:block;background:var(--card);padding:10px 14px;border-radius:10px;cursor:pointer}}.card{background:var(--card);border:1px solid #ffffff12;border-radius:14px;padding:16px;margin-bottom:14px}.drag{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px}.drag>:last-child{flex:1 1;min-width:0}.grip{cursor:-webkit-grab;cursor:grab;color:#777;padding:8px 4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.row{align-items:center;margin:6px 0}.row,.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs{margin-bottom:20px}.admgrid{display:grid;grid-template-columns:280px 1fr;grid-gap:20px;gap:20px}@media(max-width:820px){.admgrid{grid-template-columns:1fr}}textarea.inp{min-height:90px;resize:vertical}.sel{cursor:pointer;padding:10px;border-radius:10px;background:#ffffff08}.sel.on{outline:2px solid var(--accent)}