/* Изолированный слой прототипа: исходные style.css/style-v2.css не изменены. */
body{background:radial-gradient(900px 480px at 50% -130px,rgba(108,82,220,.17),transparent 68%),#08090c}
main .wrap.page{max-width:1160px;padding-bottom:70px}
.v2hero{padding-top:48px}.v2hero h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.055em}.v2hero .lead{max-width:730px;font-size:17px}
.keycard{border-color:rgba(151,125,255,.3);background:linear-gradient(135deg,rgba(29,25,60,.95),rgba(14,16,23,.96));box-shadow:0 18px 60px rgba(28,15,74,.22)}
.keycard .note{font-size:13px}.keycard .note:before{content:'🔒 ';font-size:11px}
.pick{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pick a{min-height:76px;align-items:center;transition:transform .18s,border-color .18s,background .18s}.pick a:hover{transform:translateY(-2px)}
.v2sechead{margin-top:42px}.osbar{position:sticky;top:0;z-index:4;background:rgba(8,9,12,.9);backdrop-filter:blur(14px);padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.tabs{position:sticky;top:55px;z-index:3;background:rgba(8,9,12,.88);backdrop-filter:blur(14px);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);max-height:150px;overflow:auto}
.tab{transition:background .16s,border-color .16s}.tab.on{box-shadow:0 0 0 1px rgba(155,135,255,.12),0 7px 22px rgba(88,63,190,.14)}
.pane>.card{border-color:rgba(255,255,255,.1);box-shadow:0 18px 55px rgba(0,0,0,.27)}
.mh{margin-top:22px}.mh h3{font-size:18px}.mh .mn{background:rgba(155,135,255,.14);border-color:rgba(155,135,255,.38)}
pre{border-color:rgba(155,135,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.uninst{border:1px solid rgba(248,109,130,.44)!important;background:linear-gradient(135deg,rgba(79,27,43,.31),rgba(42,20,30,.2))!important;margin-top:24px!important;box-shadow:0 9px 30px rgba(82,22,41,.14)!important}
.uninst summary{padding:16px 17px;color:#ffb2bf;font-weight:800;font-size:15px}.uninst summary small{display:block;margin:3px 0 0 21px;color:#d79aa7;font-size:12px;font-weight:500}.uninst[open] summary{border-bottom:1px solid rgba(248,109,130,.2)}
.uninst .a{padding:4px 17px 17px}.uninst .warn{border-left-color:#ef6682;background:rgba(239,102,130,.08);border-color:rgba(239,102,130,.22)}
@media(max-width:720px){.pick{grid-template-columns:1fr}.v2hero{padding-top:30px}.v2hero .lead{font-size:15px}.osbar{top:0}.tabs{top:57px;max-height:190px}.uninst summary{font-size:14px}}

.cc-original-picker,.cc-original-tabs{display:none!important}
.connect-chooser{margin:24px 0;padding:25px 27px;border:1px solid rgba(151,125,255,.3);border-radius:20px;background:linear-gradient(145deg,#171526,#0e1018)}
.cc-heading{display:flex;justify-content:space-between;gap:18px}.cc-kicker{font-size:10px;letter-spacing:.14em;font-weight:800;color:#b5a2ff}.cc-heading h2{font-size:23px;margin:7px 0 3px}.cc-heading p{font-size:13px;color:var(--dim);margin:0}.cc-count{font-size:12px;color:var(--dim2)}
.cc-controls{display:flex;gap:10px;margin:19px 0 15px}.cc-search{display:flex;align-items:center;gap:8px;flex:1;min-width:230px;background:var(--bg2);border:1px solid var(--border2);border-radius:10px;padding:0 12px}.cc-search span{font-size:20px;color:var(--dim2)}.cc-search input{background:none;border:0;outline:0;color:var(--txt);width:100%;padding:10px 0}.cc-filters{display:flex;gap:5px;flex-wrap:wrap}.cc-filter{border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--dim);padding:7px 10px;font-size:11px}.cc-filter.on,.cc-filter:hover{color:white;background:rgba(var(--accSoft),.14);border-color:rgba(var(--accSoft),.45)}
.cc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cc-app{display:flex;gap:9px;align-items:center;min-width:0;padding:11px;text-align:left;color:var(--dim);background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:12px}.cc-app:hover,.cc-app.on{color:#fff;border-color:rgba(var(--accSoft),.5);background:rgba(var(--accSoft),.11)}.cc-app[hidden]{display:none}.cc-icon{display:grid;place-items:center;flex:0 0 30px;height:30px;background:var(--bg2);border:1px solid var(--border);border-radius:9px}.cc-icon img{width:18px;height:18px}.cc-app-body{min-width:0;flex:1}.cc-app strong,.cc-app small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cc-app strong{font-size:12px}.cc-app small{font-size:10px;color:var(--dim2)}.cc-arrow{color:var(--dim2)}.cc-empty{font-size:13px;color:var(--dim)}
.cc-selected{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;margin:26px 0 14px;border:1px solid rgba(151,125,255,.32);border-radius:18px;background:rgba(39,29,77,.44)}.cc-selected h2{margin:5px 0 2px;font-size:24px}.cc-selected p{margin:0;font-size:13px;color:var(--dim)}.cc-disconnect{border:1px solid rgba(248,109,130,.5);border-radius:10px;background:rgba(125,35,57,.22);color:#ffb6c2;padding:10px 14px;font-size:12px;font-weight:750;white-space:nowrap}.cc-disconnect:hover{background:rgba(145,35,58,.4)}.cc-keyhelp{font-size:12px;color:var(--dim);background:rgba(var(--accSoft),.06);border-left:2px solid var(--acc);padding:10px 13px;margin:12px 0 0}.cc-clear-note{font-size:11px;color:var(--dim2);margin:8px 0 0}.cc-modes{display:flex;gap:5px;margin:0 0 16px;padding:4px;width:max-content;border:1px solid var(--border);border-radius:11px}.cc-modes button{border:0;border-radius:8px;background:transparent;color:var(--dim);padding:8px 10px;font-size:12px}.cc-modes button.on{background:rgba(var(--accSoft),.14);color:#fff}.cc-removal-manual{margin:15px 0;padding:15px;border:1px solid rgba(248,109,130,.4);border-radius:12px;background:rgba(125,35,57,.14)}.cc-removal-manual h3{margin:0;color:#ffb7c3}.cc-removal-manual p{margin:7px 0 0;color:#e4c0c8;font-size:13px}
@media(max-width:800px){.cc-controls{display:block}.cc-search{margin-bottom:10px}.cc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.connect-chooser{padding:18px 15px}.cc-heading{display:block}.cc-count{display:block;margin-top:6px}.cc-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.cc-filter{white-space:nowrap}.cc-grid{grid-template-columns:1fr}.cc-selected{display:block;padding:16px}.cc-disconnect{margin-top:13px;width:100%}.cc-modes{width:100%}.cc-modes button{flex:1}}

/* Доступность и узкие экраны: не прячем переполнение всей страницы. */
:where(.cc-app,.cc-filter,.cc-disconnect,.cc-modes button,.osbtn,.copy,.btn):focus-visible{outline:2px solid var(--acc2);outline-offset:3px}
.cc-search:focus-within{outline:2px solid var(--acc2);outline-offset:3px}
.cc-selected-main{min-width:0}.cc-selected p,.cc-keyhelp,.cc-clear-note,.cc-removal-manual p{overflow-wrap:anywhere}
.cc-modes{max-width:100%;box-sizing:border-box}.cc-modes button{min-width:0;white-space:normal}
button:disabled{cursor:not-allowed;opacity:.5}.apist.preview .sdot{background:var(--acc);box-shadow:none;animation:none}
.cc-disconnect{white-space:normal}.cc-search{min-width:0}.cc-search input{min-width:0}.cc-quick,.cc-manual,[data-inst]{min-width:0}
@media(max-width:360px){.cc-filters{flex-wrap:wrap;overflow:visible}.cc-filter{white-space:normal}.cc-app small{white-space:normal}.cc-selected h2{font-size:21px}.keyrow{flex-wrap:wrap}.keyrow input{min-width:0;width:100%;flex:1 1 100%}.dlrow{flex-wrap:wrap}.cc-modes{flex-direction:column}.osbar{flex-wrap:wrap}.chip{min-width:0}.chip code{min-width:0;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.pick a:hover{transform:none}}

/* Шаг 2 — выбор ОС: крупные заметные кнопки с логотипами (замена мелких пилюль style-v2). */
.osbar{gap:10px;padding:14px 0}
.osbar .lab{font-size:13.5px;font-weight:700;color:var(--txt)}
.osbtn{display:inline-flex;align-items:center;gap:9px;padding:12px 22px;font-size:14.5px;font-weight:650;border-radius:13px;background:rgba(255,255,255,.03);border:1px solid var(--border);color:var(--dim);box-shadow:none}
.osbtn .osic{width:19px;height:19px;flex:0 0 auto;opacity:.92}
.osbtn:hover{color:var(--txt);border-color:var(--border2);background:rgba(255,255,255,.055)}
.osbtn.on{background:rgba(var(--accSoft),.14);border-color:rgba(var(--accSoft),.55);color:#fff;box-shadow:0 0 18px rgba(var(--accSoft),.14)}
.osbtn.on .osic{opacity:1}
.onote{font-size:12.5px;color:var(--dim2)}
@media(max-width:640px){
  .osbar .lab{flex:1 1 100%}
  .osbtn{flex:1 1 0;justify-content:center;padding:13px 8px;font-size:13.5px;min-height:48px}
  .osbtn .osic{width:17px;height:17px}
  .onote{flex:1 1 100%;text-align:center}
}
/* Иконка Hermes — PNG с чёрным рисунком: подложка, чтобы читалась на тёмной теме. */
img[src$="hermes.png"]{background:#fff;border-radius:6px;padding:1px}
/* Мелкая официальная иконка Cline в заголовке способа. */
.clino{width:15px;height:15px;vertical-align:-2px;margin-right:6px;opacity:.9}