.discovery{margin:34px 0 42px;padding:30px;background:#eef2f7;border-top:4px solid #9e3ce8;color:#082133}.discovery .discovery-label,.system-builder .discovery-label{font:600 10px/1.5 Saira,monospace;letter-spacing:.1em;color:#674087;margin:0 0 12px!important}.discovery h3{font:500 clamp(25px,3vw,36px)/1.18 Aspekta,sans-serif!important;letter-spacing:-.04em;margin:0 0 16px!important}.discovery>p:not(.discovery-label),.system-builder>p{font:15px/1.75 Aspekta,sans-serif!important;color:#405667!important;margin:12px 0 22px!important}.discovery .discovery-limit,.system-builder .discovery-limit{font-size:12px!important;line-height:1.7!important;border-top:1px solid #c6d2dd;padding-top:16px;margin:20px 0 0!important}.evolution-switches{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.evolution-switches button{border:1px solid #9bafbe;padding:10px 14px;min-height:44px;font-size:13px;background:white;border-radius:5px}.evolution-switches button[aria-pressed=true]{background:#082133;color:#adee0c;border-color:#082133}.evolution-result{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:evolution-enter .25s ease}.evolution-capacity{grid-column:1/-1;padding:24px 0;border-top:1px solid #b8c9d6}.evolution-result span{font:600 10px Saira,sans-serif;letter-spacing:.09em;color:#526270}.evolution-capacity h4{font:500 28px/1.3 Aspekta,sans-serif;letter-spacing:-.035em;margin:10px 0 0}.evolution-gain,.evolution-dependency{padding:22px;border-left:3px solid #6a8d00;background:#e7efd9}.evolution-dependency{background:#eae1f5;border-color:#9e3ce8}.evolution-result p{font:16px/1.8 Aspekta,sans-serif!important;margin:12px 0 0!important;color:#082133!important}.evolution-result a{font-size:12px;grid-column:1/-1}.system-parts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.system-parts button{display:grid;grid-template-columns:38px 1fr;gap:4px 10px;text-align:left;border:1px solid #b5c5d1;background:white;padding:16px;min-height:100px;border-radius:8px}.system-parts button>span{grid-row:1/3;font:38px/1 Saira,sans-serif;color:#725298}.system-parts strong{font:500 16px/1.3 Aspekta,sans-serif}.system-parts small{font:12px/1.6 Aspekta,sans-serif;color:#526270}.system-parts button[aria-pressed=true]{background:#e8f3d1;border-color:#698800;box-shadow:inset 0 0 0 1px #698800}.system-map{display:grid;grid-template-columns:1fr 120px 1fr;gap:16px;align-items:center;margin:30px 0;background:#082133;padding:24px;border-radius:10px;color:#fff}.system-map>div{opacity:.28;transition:opacity .25s}.system-map span{display:block;font:9px Saira,sans-serif;letter-spacing:.08em;color:#c6d8e4;line-height:1.6}.system-map b{font:500 16px/1.5 Aspekta,sans-serif;display:block;margin:10px 0}.system-device{border:3px solid #9e3ce8;border-bottom-width:12px;border-radius:9px;padding:14px;min-height:145px}.system-service{border-left:4px solid #adee0c;padding:14px;background:#193d53;min-height:145px}.system-map i{display:block;font:13px/1.5 Saira,sans-serif;font-style:normal;color:#adee0c}.system-link svg{width:100%;height:40px}.system-link path{fill:none;stroke:#adee0c;stroke-width:3}.system-link circle{fill:#adee0c}.system-link b{font-size:11px;text-align:center}.system-mobility{grid-column:1/-1;border-top:1px solid #416377;padding-top:14px;font:14px/1.5 Aspekta,sans-serif!important;color:#c8dae6!important;margin:0!important;opacity:.3}.has-local .system-device,.has-network .system-link,.has-remote .system-service,.has-mobile .system-mobility{opacity:1}.is-offline .system-link{opacity:.35}.is-offline .system-link path{stroke:#c3a9dd;stroke-dasharray:4 7}.system-test-controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between}.system-test-controls label{font-size:14px;display:flex;align-items:center;gap:9px;min-height:44px}.system-test-controls input{width:20px;height:20px;accent-color:#6e9300}.system-test{background:#082133;color:#fff;border-radius:5px;min-height:44px;padding:12px 18px}.system-result{border-left:3px solid #9e3ce8;padding:16px 20px;background:#e9e0f3;font:16px/1.8 Aspekta,sans-serif!important;color:#082133!important;margin-top:22px!important}.is-tested.has-local .system-record{animation:evolution-enter .5s ease}.is-tested.has-local.has-network.has-remote:not(.is-offline) .system-link circle{animation:system-copy 1.2s ease 1 both}.is-tested.has-local.has-network.has-remote:not(.is-offline) .system-service i{animation:evolution-enter 1.3s ease}.figure-tools{margin:-20px 0 36px}.figure-tools>button{font-size:12px;min-height:44px;border:1px solid #c4d1db;padding:10px 14px}.figure-dialog{border:0;padding:24px;max-width:95vw;max-height:95svh;overflow:auto;background:#fff}.figure-dialog::backdrop{background:#082133d9}.figure-dialog>button{display:block;margin-left:auto;border:1px solid #91a8b7;min-height:44px;margin-bottom:16px}.figure-dialog img{max-width:100%;height:auto;display:block}.figure-dialog p{font-size:12px;color:#526270}.discovery button:focus-visible,.figure-tools button:focus-visible,.system-builder button:focus-visible{outline:3px solid #9e3ce8;outline-offset:4px}@keyframes evolution-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes system-copy{from{cx:22}to{cx:158}}
@media(max-width:1000px){.system-map{grid-template-columns:1fr;padding:20px}.system-device,.system-service{min-height:0}.system-link{max-width:180px;margin:auto;transform:rotate(90deg);height:70px;width:100%}.system-link span,.system-link b{display:none}.system-mobility{grid-column:auto}.system-parts{grid-template-columns:1fr}.system-parts button{min-height:90px}}
@media(max-width:760px){.discovery{padding:24px 18px;margin:28px 0 36px}.evolution-result{grid-template-columns:1fr}.evolution-capacity h4{font-size:25px}.evolution-capacity,.evolution-result a{grid-column:auto}.evolution-switches{gap:8px}.evolution-switches button{flex:1 1 135px;font-size:13px}.system-map{padding:20px;gap:12px}.figure-dialog{padding:14px}.system-test-controls{align-items:stretch;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.evolution-result,.is-tested .system-record,.is-tested .system-link circle,.is-tested .system-service i{animation:none!important}.system-map>div{transition:none}}
