.sy-root { max-width: 1120px; }
.sy-notice { padding:16px 20px; border:1px solid var(--line,#48515e); border-radius:12px; color:var(--text,#f0f2f5); }
.sy-tabs {display:flex;gap:8px;flex-wrap:wrap;margin:20px 0;}
.sy-tabs [aria-current=true] {outline:2px solid currentColor;outline-offset:2px;}
.sy-section {padding:24px;margin-bottom:20px;}
.sy-section h2 {font-size:20px;line-height:1.4;margin:0 0 10px;}
.sy-section p {line-height:1.6;max-width:74ch;}
.sy-field {display:flex;flex-direction:column;gap:8px;margin:18px 0;max-width:640px;}
.sy-field:has(input[type=checkbox]) {flex-direction:row;align-items:center;justify-content:space-between;}
.sy-field input,.sy-field select {min-height:44px;max-width:100%;font-size:16px;}
.sy-field .sel-btn {min-height:44px;font-size:16px;}
.sy-field input[type=checkbox] {width:24px;height:24px;min-height:24px;margin:10px;accent-color:#6d9cfb;}
.sy-section fieldset {border:1px solid var(--line,#48515e);border-radius:8px;padding:12px 16px;margin:20px 0;}
.sy-root .btn {min-height:44px;margin:4px 8px 4px 0;white-space:normal;}
.sy-root button:focus-visible,.sy-root input:focus-visible,.sy-root select:focus-visible {outline:2px solid #8bafff;outline-offset:3px;}
.sy-history {padding:16px 0;border-bottom:1px solid var(--line,#48515e);}
.sy-exit {padding:18px 0;border-bottom:1px solid var(--line,#48515e);overflow-wrap:anywhere;}
.sy-exit h3,.sy-exit-form h3 {font-size:18px;line-height:1.5;margin:0;}
.sy-exit p {margin:8px 0;}
.sy-exit-actions {display:flex;flex-wrap:wrap;gap:8px;}
.sy-exit-form {padding:20px 0;margin-top:16px;border-top:2px solid var(--line,#48515e);}
.sy-tabs [aria-pressed=true] {outline:2px solid currentColor;outline-offset:2px;}
#sy-message:not(:empty) {padding:14px 16px;border-left:3px solid #ff9b9b;line-height:1.5;}
@media(max-width:600px){.sy-section{padding:18px 14px}.sy-root .btn{width:100%;margin:4px 0}.sy-tabs{display:grid;grid-template-columns:1fr 1fr}.sy-section h2{font-size:18px}.sy-notice{padding:12px}}
.sy-host-card {overflow-wrap:anywhere;}
.sy-host-card h3 {font-size:20px;margin:20px 0 12px;}
.sy-host-info {display:grid;grid-template-columns:minmax(170px,1fr) minmax(0,2fr);gap:12px 24px;margin:24px 0;line-height:1.6;}
.sy-host-info dt {font-weight:600;}
.sy-host-info dd {margin:0;}
.sy-host-more {margin:20px 0;padding:12px 0;border-top:1px solid var(--line,#48515e);}
.sy-host-more summary {cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600;}
.sy-host-more summary:focus-visible {outline:2px solid #8bafff;outline-offset:3px;}
.sy-root [hidden] {display:none!important;}
@media(max-width:600px){.sy-host-info{grid-template-columns:1fr;gap:4px}.sy-host-info dd{margin-bottom:14px}}
.sy-root {--sy-check-ok:#166534;--sy-check-warn:#854d0e;--sy-check-bad:#b91c1c;--sy-check-muted:#52525b;}
html[data-theme=dark] .sy-root {--sy-check-ok:#86efac;--sy-check-warn:#fcd34d;--sy-check-bad:#fca5a5;--sy-check-muted:#b7b7bf;}
.sy-check-list {margin-top:16px;}
.sy-check-run {border-bottom:1px solid var(--line,#48515e);overflow-wrap:anywhere;}
.sy-check-run > summary,.sy-check-details > summary {position:relative;cursor:pointer;list-style:none;min-height:48px;}
.sy-check-run > summary::-webkit-details-marker,.sy-check-details > summary::-webkit-details-marker {display:none;}
.sy-check-run > summary {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 28px 20px 0;}
.sy-check-run > summary::after,.sy-check-details > summary::after {content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;position:absolute;right:4px;top:calc(50% - 5px);transform:rotate(45deg);transition:transform 180ms ease;}
.sy-check-run[open] > summary::after,.sy-check-details[open] > summary::after {transform:rotate(225deg);}
.sy-check-run > summary:hover,.sy-check-details > summary:hover {background:var(--surface-2,transparent);}
.sy-check-run > summary:focus-visible,.sy-check-details > summary:focus-visible {outline:2px solid var(--accent,#8bafff);outline-offset:3px;border-radius:4px;}
.sy-check-title {display:flex;flex-direction:column;gap:6px;min-width:0;}
.sy-check-title strong {font-size:16px;line-height:1.5;}
.sy-check-title > span,.sy-check-origin,.sy-check-run-summary {color:var(--ink-2,inherit);font-size:14px;line-height:1.6;}
.sy-check-run-summary {max-width:34ch;}
.sy-check-summary-statuses {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:48%;}
.sy-check-body {padding:0 0 20px;}
.sy-check-run[open] > .sy-check-body {animation:sy-check-reveal 180ms ease-out;}
.sy-check-metrics {display:flex;flex-wrap:wrap;gap:8px;}
.sy-check-badge {display:inline-flex;align-items:center;min-height:28px;font-size:13px;line-height:1.5;font-weight:600;padding:2px 8px;border:1px solid currentColor;border-radius:6px;color:var(--sy-check-muted);}
.sy-check-ok {color:var(--sy-check-ok);}.sy-check-warn {color:var(--sy-check-warn);}.sy-check-bad {color:var(--sy-check-bad);}.sy-check-muted {color:var(--sy-check-muted);}
.sy-check-notice {padding:12px 16px;border-left:3px solid var(--sy-check-warn);color:var(--sy-check-warn);}
.sy-check-details {margin-top:12px;border-top:1px solid var(--line,#48515e);}
.sy-check-details > summary {display:flex;align-items:center;padding:8px 28px 8px 0;font-size:14px;font-weight:600;}
.sy-check-details[open] > :not(summary) {animation:sy-check-reveal 180ms ease-out;}
.sy-check-facts {display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr);gap:8px 20px;margin:12px 0 20px;font-size:14px;line-height:1.6;}
.sy-check-facts dt {color:var(--ink-2,inherit);}.sy-check-facts dd {margin:0;overflow-wrap:anywhere;}
.sy-check-probes {padding-left:20px;font-size:14px;line-height:1.8;}
.sy-check-network {margin-top:20px;}
.sy-check-network-heading {display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0;}
.sy-check-network-heading h3 {font-size:18px;line-height:1.5;margin:0;}
.sy-check-host {padding:16px 0;border-bottom:1px solid var(--line,#48515e);}
.sy-check-host:last-child {border-bottom:0;}
.sy-check-host-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.sy-check-host-heading > strong {font-size:16px;line-height:1.5;min-width:0;}
.sy-phone-services {display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px;}
.sy-phone-service {display:flex;flex-wrap:wrap;gap:6px;}
.sy-phone-service .sy-check-badge {font-size:12px;}
.sy-check-pagination {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;}
.sy-check-pagination p {margin-right:auto;}
.sy-phone-device {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line,#48515e);}
.sy-phone-device strong {font-size:16px;}.sy-phone-device p {margin:6px 0 0;font-size:14px;}
.sy-phone-token:not(:empty) {margin:20px 0;padding:16px;border:1px solid var(--line,#48515e);border-radius:8px;}
.sy-phone-token input {width:100%;font-family:var(--mono,monospace);}
@keyframes sy-check-reveal {from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.sy-check-run > summary::after,.sy-check-details > summary::after{transition:none}.sy-check-run[open] > .sy-check-body,.sy-check-details[open] > :not(summary){animation:none}}
@media(max-width:600px){
  .sy-check-run > summary{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 28px 16px 0;}
  .sy-check-run-summary{max-width:none;}.sy-check-host-heading{flex-direction:column;}
  .sy-check-summary-statuses{justify-content:flex-start;max-width:none;}
  .sy-phone-services{display:grid;grid-template-columns:1fr;gap:8px;}
  .sy-check-facts{grid-template-columns:1fr;gap:4px;}.sy-check-facts dd{margin-bottom:8px;}
  .sy-phone-device{align-items:stretch;flex-direction:column;gap:8px;}
  .sy-check-pagination .btn{width:auto;flex:1;}.sy-check-pagination p{width:100%;margin:0;}
}