:root{color-scheme:light;--bg:#eff6f4;--surface:#fff;--surface-2:#f5faf8;--primary:#0b695e;--secondary:#36685d;--info:#176a97;--success:#147044;--warning:#8a5903;--danger:#b33435;--text:#173c35;--muted:#55746b;--border:#ceded7;--disabled:#7c8b85;--shadow:0 12px 36px #234e3a08}
:root[data-theme=dark]{color-scheme:dark;--bg:#0d1b19;--surface:#142622;--surface-2:#1b302a;--primary:#79dbc0;--secondary:#a6c7b8;--info:#89ceef;--success:#7bdbab;--warning:#ebc179;--danger:#ffabab;--text:#e0f2e9;--muted:#9bb8ad;--border:#30483e;--disabled:#84978d;--shadow:0 12px 36px #0002}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{display:inline-flex;gap:.5rem;align-items:center;justify-content:center;min-height:44px;padding:.6rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-weight:650;cursor:pointer}button:hover:enabled{border-color:var(--primary);background:var(--surface-2)}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--primary);border-color:var(--primary);color:var(--surface)}button.primary:hover:enabled{filter:brightness(.94);background:var(--primary)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--info);outline-offset:3px}.wrap{max-width:1050px;margin:auto;padding-inline:24px}.header{display:flex;align-items:center;justify-content:space-between;padding-block:26px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-size:21px;font-weight:750;line-height:1.2}.brand small{display:block;font-size:10px;font-weight:650;letter-spacing:.18em;margin-top:5px;color:var(--muted)}.icon-button{padding:10px;min-width:44px;font-size:22px}.intro{padding:35px 0 30px;max-width:700px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:750;color:var(--secondary);margin:0 0 10px}h1{font-size:clamp(32px,6vw,54px);line-height:1.1;letter-spacing:-.04em;margin:0 0 20px;font-weight:700}h2{font-size:20px;line-height:1.3;letter-spacing:-.02em;margin:0 0 20px}.intro>p:last-child{max-width:560px;color:var(--muted);font-size:17px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:26px;min-width:0;box-shadow:var(--shadow)}.wide{grid-column:1/-1}.connection{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}.connection h2{margin-bottom:12px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.authorization{border-top:1px solid var(--border);padding-top:20px;width:100%}.authorization input{flex:1;min-width:180px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-heading h2{margin-bottom:0}.section-heading button{flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:20px;font-size:12px;font-weight:700;margin:0;background:var(--surface-2)}.badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.neutral{color:var(--muted)}.success{color:var(--success)}.warning{color:var(--warning)}.danger{color:var(--danger)}.info{color:var(--info)}.notice{background:var(--surface);border:1px solid var(--border);border-left:4px solid currentColor;border-radius:12px;margin:20px 0;padding:14px 18px;overflow-wrap:anywhere}.notice.busy::before{content:"";display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-right:10px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dl{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:13px 14px;margin:0;font-size:14px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}fieldset{border:0;margin:0;padding:0;min-width:0}label{display:block;font-size:14px;font-weight:650;margin-bottom:7px}input:not([type=checkbox]),select{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);margin-bottom:17px}input:disabled,select:disabled{color:var(--disabled)}.check{display:flex;align-items:center;gap:9px;margin-bottom:18px}.check input{width:18px;height:18px;accent-color:var(--primary)}.password-row{display:flex;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.password-row input{border:0;background:transparent;margin:0;flex:1}.password-row button{border:0;background:transparent}.help{font-size:12px;color:var(--muted);margin:8px 0 18px}.full{width:100%}.networks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.network{align-items:flex-start;flex-direction:column;text-align:left;padding:15px;background:var(--surface-2);min-width:0}.network strong{font-size:15px;overflow-wrap:anywhere;max-width:100%}.network span{font-size:12px;color:var(--muted);font-weight:400}.network.selected{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.empty{color:var(--muted);font-size:14px}.history{list-style:none;margin:0;padding:0}.history li{padding:13px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.history li:last-child{border:0}.history strong,.history span{display:block}.history span{font-size:12px;color:var(--muted);margin-top:4px}#recovery{margin-top:16px}.offline{padding:36px 4px 16px;max-width:730px;color:var(--muted);font-size:13px}.offline h2{color:var(--text);font-size:17px;margin-bottom:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:24px!important;color:var(--muted);font-size:11px}footer p{margin:0}[hidden]{display:none!important}@media(max-width:650px){.wrap{padding-inline:16px}.header{padding-block:18px}.intro{padding-top:20px}.card{padding:20px;border-radius:16px}.grid,.networks{grid-template-columns:1fr}.grid{gap:14px}.connection>.actions,.connection>.actions button{width:100%}.section-heading{align-items:flex-start}.section-heading button{font-size:13px;padding-inline:12px}.authorization .actions{align-items:stretch}.authorization .actions>*{width:100%}dl{font-size:13px;grid-template-columns:1fr 1.3fr}footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.notice.busy::before{animation:none}}
:root .cache-card,:root .verification-card{margin-top:20px}.cache-actions{margin-top:20px}.verification-card{max-width:650px}.verification-card .primary{margin-top:16px}#cacheVersion,#cacheUpdated,#cacheId{overflow-wrap:anywhere}
