:root{color-scheme:dark;--bg:#171923;--panel:#222532;--line:#3a404e;--text:#f4f5f8;--muted:#b8c0cf;--accent:#bce65b;--green:#43c889}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--accent);text-underline-offset:4px}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.wrap{max-width:1120px;margin:auto;padding:0 28px}header{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-bottom:1px solid var(--line);gap:18px}.brand{display:flex;gap:12px;align-items:center;letter-spacing:2px;font-size:18px;font-weight:850}.brand img{width:42px;height:42px;object-fit:cover;border-radius:10px}.tag{font-size:12px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.hero{padding:62px 0 38px;max-width:830px}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:700}h1{font-size:clamp(36px,5.5vw,62px);line-height:1.06;letter-spacing:-2px;margin:14px 0 22px;font-weight:750}h1 span{color:var(--accent)}.lead{font-size:19px;color:var(--muted);max-width:630px;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:12px 20px;text-decoration:none;font-weight:650;background:var(--panel);color:var(--text)}.button.primary{background:var(--accent);color:#142014;border-color:var(--accent)}.button:hover{filter:brightness(1.1)}.tabs{display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:28px}.tabs button{border:1px solid transparent;border-radius:8px;padding:10px 18px;color:var(--muted);background:none}.tabs button[aria-selected=true]{background:#303a30;border-color:#63764b;color:var(--accent)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:34px;align-items:start}.step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:17px;padding:25px 0;border-bottom:1px solid var(--line)}.step:first-child{padding-top:8px}.num{display:grid;place-items:center;width:34px;height:34px;border:1px solid #596348;border-radius:50%;font-size:13px;font-weight:750;color:var(--accent)}h2{font-size:21px;line-height:1.35;margin:2px 0 11px}p{margin:9px 0;color:var(--muted)}strong{color:var(--text);font-weight:650}.step p:last-child{margin-bottom:0}.copybox{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#11141e;border-radius:8px;padding:10px 12px;margin:15px 0;max-width:100%}.copybox code{font:14px/1.5 ui-monospace,Consolas,monospace;flex:1;overflow-wrap:anywhere;min-width:0;color:#e8eaf0}.copybox button{flex:none;color:var(--accent);background:#293527;border:0;border-radius:5px;padding:7px 10px;font-size:13px}.hint{font-size:13px;color:#9eabba}.mock{border:1px solid var(--line);border-radius:9px;margin:17px 0 5px;overflow:hidden;background:#1c1f2a}.mock-top{background:#2c303c;padding:11px 15px;display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:10px}.switch{display:inline-block;vertical-align:middle;width:28px;height:16px;border-radius:12px;background:var(--green);margin-left:6px}.switch:after{content:"";display:block;width:12px;height:12px;background:#172b21;border-radius:50%;margin:2px 0 0 14px}.mock-content{padding:17px 15px}.mock-button{display:inline-block;border:1px solid #8fae62;color:#d4edaa;padding:7px 12px;border-radius:5px;font-size:13px}.tree{font:14px/1.85 ui-monospace,Consolas,monospace;color:var(--muted);background:#1c1f2a;border-radius:8px;padding:14px 18px;margin:14px 0}.tree strong{color:var(--accent)}aside{position:sticky;top:24px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:23px}aside h2{font-size:16px}.checklist{list-style:none;padding:0;margin:15px 0 22px}.checklist li{display:flex;gap:10px;font-size:14px;color:var(--muted);margin:12px 0}.checklist li::before{content:'✓';color:var(--green);font-weight:750}.notice{border-left:3px solid var(--accent);padding:3px 0 3px 14px;font-size:14px;margin-top:20px}.notice p{margin:0}.done{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13px;color:var(--muted);margin-top:17px}.done input{accent-color:var(--accent);width:16px;height:16px}.step:has(.done input:checked) .num{background:var(--accent);color:#142014}.progress{height:5px;border-radius:4px;background:#3a404a;overflow:hidden;margin:12px 0 7px}.progress span{height:100%;display:block;background:var(--accent);width:0;transition:width .2s}.status{font-size:13px;color:var(--muted)}.section-title{margin:42px 0 17px;font-size:25px}details{border-bottom:1px solid var(--line);padding:17px 0}summary{cursor:pointer;font-weight:650;color:var(--text)}details p{max-width:750px;font-size:15px}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px 0 38px;margin-top:40px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}[hidden]{display:none!important}.update-list{padding-left:24px;color:var(--muted)}.update-list li{margin:16px 0}.update-box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:25px}.sr{position:absolute;left:-10000px}#copy-status{min-height:22px;font-size:13px;color:var(--green)}@media(max-width:780px){.layout{grid-template-columns:1fr;gap:24px}aside{position:static;grid-row:1}.hero{padding-top:38px}aside .checklist{display:flex;flex-wrap:wrap;gap:8px 20px;margin:8px 0}.checklist li{margin:4px 0}h1{letter-spacing:-1px}.wrap{padding:0 20px}.step{gap:12px}.tag{display:none}.copybox{flex-wrap:wrap}.mock-top{flex-wrap:wrap}.hero .lead{font-size:17px}}@media print{body{background:white;color:black}p,.lead,.hint{color:#333}aside,.tabs,.actions,.copybox button,.done,header,.mock{display:none}.layout{display:block}.step{break-inside:avoid}h1 span,strong,a{color:black}.wrap{max-width:none}.hero{padding:20px 0}.copybox,.tree{background:white;color:black}.num{color:black;border-color:#999}}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/manrope-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{color-scheme:dark;--bg:#0f171b;--panel:#172328;--panel-high:#1c2b30;--line:#2b3c41;--text:#f2f6f4;--muted:#aab9be;--accent:#d0f577;--action:#d0f577;--green:#d0f577;--radius:8px;font-family:"Manrope","Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 "Manrope","Segoe UI",sans-serif}a{color:var(--accent);text-underline-offset:4px}a:visited{color:#b8dab0}button,input,select{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--action);outline-offset:5px}[hidden]{display:none!important}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text);font-weight:800;letter-spacing:.04em;text-decoration:none}.brand:visited{color:var(--text)}.brand img{width:34px;height:34px;object-fit:contain}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:12px 21px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);font-weight:700;text-decoration:none;cursor:pointer;transition:background .18s,transform .18s}.button:visited{color:var(--text)}.button.primary,.button.primary:visited{background:var(--action);border-color:var(--action);color:#182318}.button:hover{background:var(--panel-high);transform:translateY(-2px)}.button.primary:hover{background:#e0ffa1}button:disabled{cursor:default;opacity:.55}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--accent)}.quiet{color:var(--muted);font-size:14px}h1,h2,h3{color:var(--text);line-height:1.1;letter-spacing:-.045em}p{line-height:1.65}.skip{position:absolute;top:-80px;left:20px;background:var(--panel);padding:12px;z-index:20}.skip:focus{top:10px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}

.wrap{max-width:1240px}.brand{letter-spacing:.04em}.hero h1{font-weight:650;font-size:clamp(34px,4.2vw,52px)}.hero h1 span{color:var(--text)}.hero{padding-top:45px}.copybox,.tree,.mock{background:var(--panel)}.copybox code{color:var(--text)}.copybox button{background:var(--panel-high);color:var(--accent)}.mock-top{background:var(--panel-high)}.mock-button{color:var(--accent);border-color:var(--line)}.hint{color:var(--muted)}.tabs button[aria-selected=true]{background:var(--panel-high);color:var(--accent);border-color:var(--accent)}.num{border-color:var(--line)}.progress{background:var(--line)}.progress-title{font-size:14px}.update-title{margin-top:14px}.brand img{object-fit:contain}.hero .eyebrow{color:var(--muted)}
.done{display:inline-flex;align-items:center;gap:11px;max-width:100%;min-height:40px;padding:8px 14px;margin-top:20px;border:1px solid var(--accent);border-radius:999px;background:#202b24;color:var(--text);font-size:13px;font-weight:650;line-height:1.4;cursor:pointer;transition:background .15s}
.done:hover{background:#2a382c}
.done input{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 32px;width:32px;height:19px;margin:0;border:1px solid #8ca66a;border-radius:999px;background:#40513b;cursor:pointer;transition:background .15s,border-color .15s}
.done input::before{content:"";position:absolute;width:13px;height:13px;top:2px;left:2px;border-radius:50%;background:#d2dbc9;transition:transform .15s,background .15s}
.done input:checked{background:var(--accent);border-color:var(--accent)}
.done input:checked::before{transform:translateX(13px);background:#17231b}
.done:has(input:checked){background:#273628;color:var(--accent)}
.done:focus-within{outline:2px solid var(--accent);outline-offset:4px}
@media print{.done{display:none}}
/* Task 13.7 (11.10.2026) */
.download-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 22px;padding:14px 18px;border:1px solid #6b8550;border-radius:8px;background:#1c2b30;color:#f2f6f4}.download-banner a{color:#d0f577}.step-highlight{outline:2px solid #d0f577;outline-offset:4px;border-radius:8px}

/* Owner 19.10.2026: choose the extension folder */
.pick-folder{border:2px solid #ff6b5e;border-radius:10px;background:#2a1c1f;padding:16px 18px;margin:18px 0}.pick-folder p{margin:8px 0}.pick-title{font-size:20px;font-weight:700;color:#fff;margin-top:0!important}.pick-name{color:#bce65b;font-weight:700;font-family:ui-monospace,Consolas,monospace;font-size:1.05em}.pick-wrong{color:#ffb3ab;font-size:15px}.picker{border:1px solid var(--line);border-radius:8px;background:#1c1f2a;margin:12px 0;overflow:hidden;max-width:520px}.picker-bar{padding:9px 12px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.picker-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;font:15px ui-monospace,Consolas,monospace}.picker-ok{background:#2d4a1f;outline:2px solid #bce65b;outline-offset:-2px;color:#fff}.picker-ok span{font:600 12px Manrope,sans-serif;color:#bce65b}.picker-foot{display:flex;gap:8px;justify-content:flex-end;padding:10px 12px;border-top:1px solid var(--line)}.picker-btn{padding:6px 14px;border-radius:6px;background:#bce65b;color:#111;font-size:13px;font-weight:700}.picker-ghost{background:transparent;color:var(--muted);border:1px solid var(--line);font-weight:400}@media(max-width:560px){.picker-row{flex-direction:column;align-items:flex-start}.pick-title{font-size:18px}}@media print{.pick-folder{background:#fff;color:#000}.pick-title,.picker-ok{color:#000}}
/* 19.10.2026: no inline styles under the site CSP */
.update-download{margin-top:10px}
/* Owner 20.10.2026: Mac install video in the macOS tab */
.os-video{margin:0 0 28px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.os-video-title{margin:0 0 10px;font-weight:700;font-size:18px;color:var(--text)}.os-video video{display:block;width:100%;max-width:880px;aspect-ratio:16/9;height:auto;border-radius:8px;background:#000}@media print{.os-video{display:none}}