:root{--bg:#f4f6f9;--surface:rgba(255,255,255,.88);--strong:#fff;--muted:#eef2f7;--text:#101828;--soft:#667085;--line:rgba(15,23,42,.085);--blue:#2878ff;--green:#2faa58;--orange:#f59e0b;--red:#e84b4b;--violet:#8b5cf6;--shadow:0 18px 55px rgba(15,23,42,.075);--blur:blur(24px) saturate(150%)}
html[data-theme=dark]{--bg:#0c141f;--surface:rgba(18,28,42,.86);--strong:#111d2c;--muted:#0e1825;--text:#f6f8fb;--soft:#98a7ba;--line:rgba(255,255,255,.075);--shadow:0 20px 60px rgba(0,0,0,.26)}
*{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 88% 8%,rgba(40,120,255,.075),transparent 25rem),var(--bg);transition:.3s}button,input,select{font:inherit;color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:30;left:18px;top:18px;bottom:18px;width:238px;padding:17px 14px;display:flex;flex-direction:column;border:1px solid var(--line);background:var(--surface);backdrop-filter:var(--blur);border-radius:28px;box-shadow:var(--shadow)}.brand{display:flex;gap:11px;align-items:center;padding:4px 7px 18px}.brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#2c83ff,#5a61ff);display:grid;place-items:center;color:white;font-size:22px;box-shadow:0 9px 24px rgba(40,120,255,.25)}.brand strong,.brand span{display:block}.brand strong{font-size:13px}.brand span{font-size:10px;color:var(--soft);margin-top:2px}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-item{border:0;background:transparent;color:var(--soft);border-radius:14px;padding:11px 12px;width:100%;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;transition:.18s}.nav-item b{font-weight:600}.nav-item:hover{background:var(--muted);color:var(--text)}.nav-item.active{background:rgba(40,120,255,.14);color:var(--blue);font-weight:800}.sidebar-footer{margin-top:auto}.agent-status{display:flex;align-items:center;gap:9px;padding:13px 11px 2px;font-size:10px;color:var(--soft)}.agent-status i{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(245,158,11,.1)}.agent-status i.online{background:var(--green);box-shadow:0 0 0 5px rgba(47,170,88,.1)}.agent-status strong,.agent-status span{display:block}.agent-status strong{font-size:10px;color:var(--text)}
.main{margin-left:273px;padding:29px 30px 34px 0;max-width:1580px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.eyebrow{margin:0;font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--soft)}h1{margin:3px 0 0;font-size:clamp(28px,3vw,39px);letter-spacing:-.045em}.top-actions{display:flex;gap:8px;align-items:center}.pill{display:flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px;backdrop-filter:var(--blur)}.pill button{border:0;background:transparent;border-radius:999px;padding:7px 9px;cursor:pointer;color:var(--soft);font-size:11px;font-weight:800}.lang-btn.active,.auto-btn.active{background:var(--strong);color:var(--blue);box-shadow:0 3px 10px rgba(0,0,0,.05)}.theme-control>span{color:var(--soft);font-size:13px}.switch{position:relative;width:46px;height:27px}.switch input{opacity:0;width:0}.slider{position:absolute;inset:0;background:#d7dce4;border-radius:999px;cursor:pointer;transition:.2s}.slider:before{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;background:white;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:.2s}.switch input:checked+.slider{background:#263447}.switch input:checked+.slider:before{transform:translateX(19px)}.round-btn{width:39px;height:39px;border-radius:50%;border:1px solid var(--line);background:var(--surface);cursor:pointer;display:grid;place-items:center}.page-content{display:block}.card{border:1px solid var(--line);background:var(--surface);border-radius:22px;box-shadow:0 10px 36px rgba(15,23,42,.035);backdrop-filter:var(--blur)}.section-title{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:14px}.section-title h2,.section-title h3{margin:3px 0 0;letter-spacing:-.035em}.section-title h2{font-size:24px}.section-title h3{font-size:19px}.section-title p{margin:6px 0 0;color:var(--soft);font-size:12px;line-height:1.5}.tag{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.tag.good{color:var(--green);background:rgba(47,170,88,.11)}.tag.warn{color:var(--orange);background:rgba(245,158,11,.12)}.tag.blue{color:var(--blue);background:rgba(40,120,255,.11)}.tag.neutral{color:var(--soft);background:var(--muted)}.primary,.secondary,.danger{border:0;border-radius:14px;padding:11px 15px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,#2d83ff,#3d61ff);color:white;box-shadow:0 10px 24px rgba(40,120,255,.21)}.secondary{background:var(--muted);color:var(--text)}.danger{background:rgba(232,75,75,.1);color:var(--red)}.primary:disabled{opacity:.5;cursor:wait}.hero{display:grid;grid-template-columns:auto 1fr minmax(230px,.5fr);align-items:center;gap:26px;padding:27px}.score{width:136px;height:136px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 var(--score,0%),var(--muted) var(--score,0%) 100%);position:relative}.score:before{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--strong)}.score>div{position:relative;text-align:center}.score strong{font-size:40px;letter-spacing:-.05em}.score small{display:block;color:var(--soft);font-size:10px}.hero-copy h2{margin:7px 0 6px;font-size:clamp(23px,2.4vw,36px);letter-spacing:-.05em}.hero-copy p{margin:0 0 16px;color:var(--soft);font-size:13px}.hero-details{border-left:1px solid var(--line);padding-left:24px;display:grid;gap:11px}.kv{display:flex;justify-content:space-between;gap:15px;font-size:11px}.kv span{color:var(--soft)}.kv strong{text-align:right}.unknown{color:var(--orange)!important}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:13px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:13px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:13px}.metric{padding:18px;min-height:145px}.metric-label{color:var(--soft);font-size:11px;font-weight:700}.metric-value{font-size:31px;font-weight:800;letter-spacing:-.05em;margin-top:17px}.metric-value small{font-size:12px;color:var(--soft);font-weight:500;margin-left:5px}.metric-note{font-size:11px;color:var(--soft);margin-top:17px;line-height:1.4}.panel{padding:20px}.list{margin:0}.list-row{display:grid;grid-template-columns:minmax(130px,.8fr) 1.3fr auto;gap:14px;padding:11px 0;border-top:1px solid var(--line);align-items:center;font-size:12px}.list-row:first-child{border-top:0}.list-row .label{color:var(--soft)}.list-row .value{font-weight:700;overflow-wrap:anywhere}.notice{padding:15px;border-radius:15px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.19);display:flex;gap:11px;font-size:12px;line-height:1.5}.notice.info{background:rgba(40,120,255,.09);border-color:rgba(40,120,255,.17)}.notice.success{background:rgba(47,170,88,.09);border-color:rgba(47,170,88,.17)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool-tile{border:1px solid var(--line);background:var(--strong);border-radius:17px;padding:16px;text-align:left;cursor:pointer;min-height:115px}.tool-tile span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(40,120,255,.1);color:var(--blue);margin-bottom:12px}.tool-tile strong,.tool-tile small{display:block}.tool-tile small{color:var(--soft);margin-top:4px;line-height:1.35}.form-row{display:grid;grid-template-columns:1fr auto;gap:10px}.form-row.triple{grid-template-columns:1fr 150px auto}.input,select{width:100%;border:1px solid var(--line);background:var(--strong);border-radius:13px;padding:11px 12px;outline:none}.input:focus,select:focus{border-color:rgba(40,120,255,.5);box-shadow:0 0 0 3px rgba(40,120,255,.1)}.result-box{margin-top:13px;border-radius:16px;background:var(--muted);padding:15px;min-height:72px}.dns-record{display:grid;grid-template-columns:60px 65px 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:11px}.dns-record:first-child{border-top:0}.diagnostic-list{display:grid;gap:8px}.check-row{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);background:var(--strong);border-radius:14px;padding:11px}.check-icon{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:var(--muted);font-weight:900}.check-icon.ok{background:rgba(47,170,88,.11);color:var(--green)}.check-icon.fail{background:rgba(232,75,75,.11);color:var(--red)}.check-icon.warn{background:rgba(245,158,11,.12);color:var(--orange)}.check-row strong,.check-row small{display:block}.check-row small{color:var(--soft);margin-top:2px}.check-state{font-size:10px;font-weight:800;color:var(--soft)}.calc-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:14px}.calc-tab{border:1px solid var(--line);background:var(--strong);border-radius:999px;padding:8px 11px;white-space:nowrap;cursor:pointer;font-size:11px;font-weight:700}.calc-tab.active{background:var(--blue);border-color:var(--blue);color:white}.calc-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:13px}.field{margin-bottom:12px}.field label{display:block;color:var(--soft);font-size:11px;margin-bottom:6px}.result-table{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.result-table div{background:var(--strong);padding:11px;font-size:11px}.result-table div:nth-child(odd){color:var(--soft)}.monitor-chart{height:220px;width:100%;border:1px solid var(--line);border-radius:16px;background:var(--strong)}.report-item{border:1px solid var(--line);background:var(--strong);border-radius:16px;padding:14px;margin-top:9px}.report-item header{display:flex;justify-content:space-between;gap:12px}.report-item p{color:var(--soft);font-size:11px;margin:7px 0 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.settings-card{padding:19px}.settings-card h3{margin:0 0 14px}.toggle-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.toggle-row:first-of-type{border-top:0}.small-note{color:var(--soft);font-size:10px;line-height:1.5}.status-line{display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:var(--orange)}.dot.ok{background:var(--green)}footer{display:flex;justify-content:space-between;padding:20px 3px 0;color:var(--soft);font-size:10px}
.edgar-panel{position:fixed;z-index:80;right:18px;top:18px;bottom:18px;width:min(390px,calc(100vw - 36px));background:var(--strong);border:1px solid var(--line);border-radius:27px;box-shadow:0 30px 85px rgba(0,0,0,.2);display:flex;flex-direction:column;transform:translateX(calc(100% + 35px));transition:.27s;overflow:hidden}.edgar-panel.open{transform:translateX(0)}.edgar-head{display:flex;gap:10px;align-items:center;padding:15px;border-bottom:1px solid var(--line)}.edgar-head>div:nth-child(2){flex:1}.edgar-head strong,.edgar-head span{display:block}.edgar-head span{color:var(--soft);font-size:10px;margin-top:2px}.avatar{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#2e80ff,#745cff);color:white;display:grid;place-items:center;font-weight:900}.chat{flex:1;overflow:auto;padding:15px;display:flex;flex-direction:column;gap:10px}.message{max-width:88%;border-radius:17px;padding:11px 13px;font-size:12px;line-height:1.5}.message.bot{align-self:flex-start;background:var(--muted);border-bottom-left-radius:5px}.message.user{align-self:flex-end;background:var(--blue);color:white;border-bottom-right-radius:5px}.chips{padding:0 13px 10px;display:flex;gap:6px;overflow:auto}.chips button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 9px;white-space:nowrap;font-size:10px;cursor:pointer}.chat-form{display:flex;gap:7px;padding:11px 13px;border-top:1px solid var(--line)}.chat-form input{min-width:0;flex:1;border:1px solid var(--line);background:var(--muted);border-radius:13px;padding:10px}.chat-form button{width:40px;border:0;border-radius:13px;background:var(--blue);color:white;font-weight:900}.edgar-panel>.small-note{padding:0 14px 11px;margin:0}.edgar-fab{position:fixed;z-index:60;right:25px;bottom:23px;border:0;border-radius:999px;padding:12px 15px;background:linear-gradient(135deg,#2d83ff,#775cff);color:#fff;font-weight:800;box-shadow:0 13px 34px rgba(40,120,255,.27);cursor:pointer}.mobile-nav{display:none}.toast{position:fixed;z-index:120;left:50%;bottom:25px;transform:translate(-50%,100px);opacity:0;background:var(--text);color:var(--bg);border-radius:999px;padding:10px 14px;font-size:11px;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:1050px){.sidebar{width:78px}.brand>div:last-child,.nav-item b,.agent-status div{display:none}.brand{justify-content:center}.nav-item{justify-content:center}.agent-status{justify-content:center}.main{margin-left:110px;padding-right:22px}.hero{grid-template-columns:auto 1fr}.hero-details{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:17px 0 0;grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body{padding-bottom:82px}.sidebar{display:none}.main{margin:0;padding:17px 13px 30px}.topbar{align-items:flex-start}.eyebrow{display:none}h1{font-size:27px}.theme-control>span,.auto-btn{display:none}.top-actions{gap:5px}.hero{grid-template-columns:1fr;text-align:center;padding:20px}.score{width:116px;height:116px;margin:auto}.hero-details{text-align:left;grid-template-columns:1fr 1fr}.grid4,.grid3,.grid2,.settings-grid,.calc-layout{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:1fr 1fr}.form-row,.form-row.triple{grid-template-columns:1fr}.mobile-nav{position:fixed;display:grid;z-index:50;left:10px;right:10px;bottom:9px;grid-template-columns:repeat(4,1fr);padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:22px;backdrop-filter:var(--blur);box-shadow:var(--shadow)}.mobile-nav button{border:0;background:transparent;border-radius:14px;padding:6px;color:var(--soft)}.mobile-nav button span,.mobile-nav button small{display:block}.mobile-nav button span{font-size:17px}.mobile-nav button small{font-size:9px;margin-top:2px}.mobile-nav button.active{color:var(--blue);background:rgba(40,120,255,.1)}.edgar-fab{bottom:80px;right:14px}footer{display:none}.list-row{grid-template-columns:1fr auto}.list-row .value{grid-column:1/-1}.dns-record{grid-template-columns:50px 1fr}.dns-record span:nth-child(2){display:none}}
@media(max-width:430px){.round-btn#edgarTop{display:none}.hero-details{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:1fr}.metric-value{font-size:27px}}


/* v0.3 – Browser Local Network Access */
.permission-card{
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--strong);
  padding:17px;
}
.permission-status{
  display:flex;
  align-items:center;
  gap:10px;
  margin:12px 0 14px;
  font-size:12px;
}
.permission-dot{
  width:10px;height:10px;border-radius:50%;
  background:var(--soft);
  box-shadow:0 0 0 5px rgba(120,130,145,.10);
}
.permission-dot.granted{background:var(--green);box-shadow:0 0 0 5px rgba(47,170,88,.10)}
.permission-dot.denied{background:var(--red);box-shadow:0 0 0 5px rgba(232,75,75,.10)}
.permission-dot.prompt{background:var(--orange);box-shadow:0 0 0 5px rgba(245,158,11,.10)}
.permission-dot.unsupported{background:var(--soft)}
.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.capability{
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
  background:var(--surface);
  font-size:11px;
}
.capability strong,.capability span{display:block}
.capability span{color:var(--soft);margin-top:4px;line-height:1.4}
.access-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
.access-actions .input{flex:1;min-width:210px}
.inline-status{display:inline-flex;align-items:center;gap:7px}
.browser-only{
  display:inline-flex;
  border-radius:999px;
  padding:5px 8px;
  font-size:10px;
  font-weight:800;
  background:rgba(40,120,255,.10);
  color:var(--blue);
}
@media(max-width:760px){
  .capability-grid{grid-template-columns:1fr}
  .access-actions{display:grid;grid-template-columns:1fr}
}


/* v0.4 */
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}
.stat-box{border:1px solid var(--line);background:var(--strong);border-radius:14px;padding:12px}
.stat-box span,.stat-box strong{display:block}.stat-box span{font-size:10px;color:var(--soft)}
.stat-box strong{margin-top:5px;font-size:18px;letter-spacing:-.03em}
.latency-bars{height:150px;border:1px solid var(--line);background:var(--strong);border-radius:16px;padding:12px;display:flex;align-items:flex-end;gap:5px;overflow:hidden}
.latency-bar{flex:1;min-width:4px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#4c8fff,#2b6fff);opacity:.85}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.service-card{border:1px solid var(--line);background:var(--strong);border-radius:14px;padding:12px;min-height:92px}
.service-card strong,.service-card span,.service-card small{display:block}
.service-card span{color:var(--soft);font-size:10px}
.service-card strong{margin-top:6px}.service-card small{color:var(--soft);margin-top:6px;line-height:1.35}
.service-card.ok{border-color:rgba(47,170,88,.28);background:rgba(47,170,88,.055)}
.service-card.warn{border-color:rgba(245,158,11,.28);background:rgba(245,158,11,.055)}
.device-list{display:grid;gap:8px;margin-top:12px}
.device-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);background:var(--strong);border-radius:14px;padding:11px}
.device-row strong,.device-row small{display:block}.device-row small{color:var(--soft);margin-top:2px}
.button-row{display:flex;gap:8px;flex-wrap:wrap}
.mini-btn{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:7px 9px;font-size:10px;font-weight:800;cursor:pointer}
.mini-btn:hover{background:var(--muted)}
.recommend-list{display:grid;gap:8px}
.recommend-item{border:1px solid var(--line);background:var(--strong);border-radius:14px;padding:12px;display:grid;grid-template-columns:28px 1fr;gap:10px}
.recommend-item i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-weight:900}
.recommend-item.good i{background:rgba(47,170,88,.11);color:var(--green)}
.recommend-item.warn i{background:rgba(245,158,11,.12);color:var(--orange)}
.recommend-item.bad i{background:rgba(232,75,75,.11);color:var(--red)}
.recommend-item strong,.recommend-item span{display:block}.recommend-item span{color:var(--soft);font-size:11px;line-height:1.45;margin-top:3px}
.section-divider{height:1px;background:var(--line);margin:18px 0}
.radio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.radio-card{border:1px solid var(--line);background:var(--strong);border-radius:14px;padding:12px;cursor:pointer}
.radio-card input{margin-right:6px}.radio-card strong,.radio-card span{display:block}.radio-card strong{font-size:12px}.radio-card span{color:var(--soft);font-size:10px;margin-top:4px;line-height:1.4}
.sun-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.sun-info div{border:1px solid var(--line);border-radius:13px;background:var(--strong);padding:11px}
.sun-info span,.sun-info strong{display:block}.sun-info span{font-size:10px;color:var(--soft)}.sun-info strong{margin-top:3px}
@media(max-width:760px){
  .stat-strip{grid-template-columns:1fr 1fr}
  .service-grid{grid-template-columns:1fr 1fr}
  .device-row{grid-template-columns:1fr}
  .radio-grid{grid-template-columns:1fr}
}


/* v0.5.1 – WLAN quality + Internet/Domain */
.quality-layout{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center}
.quality-ring{
  --q:0%;
  width:150px;height:150px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--blue) 0 var(--q),var(--muted) var(--q) 100%);
  position:relative;margin:auto
}
.quality-ring:before{content:"";position:absolute;inset:12px;background:var(--surface);border-radius:50%}
.quality-ring>div{position:relative;text-align:center}
.quality-ring strong{display:block;font-size:42px;letter-spacing:-.06em}
.quality-ring span{font-size:10px;color:var(--soft)}
.quality-factors{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.quality-factor{border:1px solid var(--line);background:var(--strong);border-radius:13px;padding:11px}
.quality-factor span,.quality-factor strong{display:block}
.quality-factor span{font-size:10px;color:var(--soft)}
.quality-factor strong{margin-top:4px;font-size:15px}
.record-groups{display:grid;gap:10px;margin-top:12px}
.record-group{border:1px solid var(--line);background:var(--strong);border-radius:15px;padding:12px}
.record-group header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:7px}
.record-group header strong{font-size:12px}
.record-lines{display:grid;gap:5px}
.record-line{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.45;overflow-wrap:anywhere;color:var(--text)}
.resolver-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}
.resolver-card{border:1px solid var(--line);background:var(--strong);border-radius:15px;padding:13px}
.resolver-card header{display:flex;justify-content:space-between;gap:8px;align-items:center}
.resolver-card h4{margin:0;font-size:13px}
.resolver-card .big{font-size:27px;font-weight:850;letter-spacing:-.05em;margin-top:12px}
.resolver-card .big small{font-size:11px;color:var(--soft)}
.resolver-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}
.resolver-stats div{border-top:1px solid var(--line);padding-top:7px}
.resolver-stats span,.resolver-stats strong{display:block}
.resolver-stats span{font-size:9px;color:var(--soft)}
.resolver-stats strong{font-size:11px;margin-top:2px}
.domain-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.domain-summary>div{border:1px solid var(--line);background:var(--strong);border-radius:13px;padding:11px}
.domain-summary span,.domain-summary strong{display:block}
.domain-summary span{font-size:9px;color:var(--soft)}
.domain-summary strong{font-size:12px;margin-top:3px;overflow-wrap:anywhere}
.compare-box{border:1px solid var(--line);background:var(--strong);border-radius:15px;padding:13px;margin-top:12px}
.compare-row{display:grid;grid-template-columns:130px 1fr;gap:10px;padding:7px 0;border-top:1px solid var(--line)}
.compare-row:first-child{border-top:0}
.compare-row span{font-size:10px;color:var(--soft)}
.compare-row strong{font-size:11px;overflow-wrap:anywhere}
@media(max-width:760px){
  .quality-layout{grid-template-columns:1fr}
  .quality-factors{grid-template-columns:1fr 1fr}
  .resolver-grid{grid-template-columns:1fr}
  .domain-summary{grid-template-columns:1fr 1fr}
  .compare-row{grid-template-columns:1fr}
}


/* v0.5.2 – semantic measurement corrections */
.coverage-caption{
  display:inline-flex;align-items:center;gap:7px;
  border-radius:999px;padding:6px 9px;
  font-size:10px;font-weight:800;
  background:rgba(40,120,255,.10);color:var(--blue)
}
.measurement-caveat{
  margin-top:10px;color:var(--soft);font-size:10px;line-height:1.5
}
.browser-estimate{
  display:inline-flex;align-items:center;border-radius:999px;
  padding:5px 8px;font-size:9px;font-weight:800;
  background:rgba(139,92,246,.12);color:#9a76ff
}
html[data-theme="light"] .browser-estimate{color:#7354d8}
.check-icon.neutral{background:var(--muted);color:var(--soft)}
.connection-verdict{
  display:inline-flex;align-items:center;border-radius:999px;
  padding:6px 9px;font-size:10px;font-weight:800
}
.connection-verdict.good{background:rgba(47,170,88,.11);color:var(--green)}
.connection-verdict.warn{background:rgba(245,158,11,.12);color:var(--orange)}
.connection-verdict.bad{background:rgba(232,75,75,.11);color:var(--red)}
.connection-verdict.neutral{background:var(--muted);color:var(--soft)}


/* v0.6 – professional calculators + monitoring */
.calc-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 18px}
.calc-category{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:17px;padding:14px;text-align:left;cursor:pointer;transition:.18s ease;min-height:84px}
.calc-category:hover{transform:translateY(-1px);background:var(--strong)}
.calc-category.active{border-color:rgba(40,120,255,.48);background:rgba(40,120,255,.10);box-shadow:inset 0 0 0 1px rgba(40,120,255,.18)}
.calc-category strong,.calc-category span{display:block}.calc-category strong{font-size:13px}.calc-category span{margin-top:5px;color:var(--soft);font-size:10px;line-height:1.4}
.calc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.calc-grid .wide{grid-column:1/-1}
.calc-result{margin-top:12px}.calc-result:empty{display:none}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.four{grid-template-columns:repeat(4,1fr)}
.compact-table{width:100%;border-collapse:collapse;font-size:10px;margin-top:10px}.compact-table th,.compact-table td{border-bottom:1px solid var(--line);padding:8px 7px;text-align:left;vertical-align:top}.compact-table th{color:var(--soft);font-weight:800}.compact-table tr:last-child td{border-bottom:0}
.code-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.calc-hint{font-size:10px;color:var(--soft);line-height:1.45;margin-top:8px}
.monitor-controls{display:grid;grid-template-columns:minmax(250px,2fr) 120px minmax(260px,1.3fr) auto;gap:9px;align-items:end}
.monitor-actions{display:flex;gap:7px;flex-wrap:wrap}.monitor-status-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.monitor-status-dot{width:9px;height:9px;border-radius:50%;background:var(--soft)}.monitor-status-dot.running{background:var(--green);box-shadow:0 0 0 5px rgba(47,170,88,.09)}.monitor-status-dot.paused{background:var(--orange);box-shadow:0 0 0 5px rgba(245,158,11,.09)}
.monitor-stats{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:12px}.monitor-stat{border:1px solid var(--line);background:var(--strong);border-radius:14px;padding:11px}.monitor-stat span,.monitor-stat strong{display:block}.monitor-stat span{font-size:9px;color:var(--soft)}.monitor-stat strong{font-size:17px;margin-top:4px;letter-spacing:-.03em}
.monitor-chart-wrap{position:relative}.monitor-chart{width:100%;height:310px;display:block}.monitor-legend{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:8px;color:var(--soft);font-size:9px}
.legend-line,.legend-outage{display:inline-block;vertical-align:middle;margin-right:5px}.legend-line{width:20px;height:3px;border-radius:4px;background:var(--blue)}.legend-outage{width:8px;height:8px;border-radius:50%;background:var(--red)}
.monitor-targets{display:grid;gap:8px;margin-top:10px}.monitor-target-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:10px;background:var(--strong)}
.monitor-target-row strong,.monitor-target-row small{display:block}.monitor-target-row small{color:var(--soft);margin-top:2px;overflow-wrap:anywhere}
.range-pills{display:flex;gap:5px;flex-wrap:wrap}.range-pill{border:1px solid var(--line);background:var(--surface);color:var(--soft);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800;cursor:pointer}.range-pill.active{background:rgba(40,120,255,.12);color:var(--blue);border-color:rgba(40,120,255,.3)}
.monitor-note{border:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.06);border-radius:13px;padding:10px 12px;font-size:10px;line-height:1.45;color:var(--soft)}
@media(max-width:1050px){.monitor-stats{grid-template-columns:repeat(4,1fr)}.monitor-controls{grid-template-columns:1fr 120px}.monitor-actions{grid-column:1/-1}}
@media(max-width:760px){.calc-categories{grid-template-columns:1fr 1fr}.calc-grid{grid-template-columns:1fr}.calc-grid .wide{grid-column:auto}.form-grid,.form-grid.three,.form-grid.four{grid-template-columns:1fr}.monitor-controls{grid-template-columns:1fr}.monitor-actions{grid-column:auto}.monitor-stats{grid-template-columns:1fr 1fr}.monitor-target-row{grid-template-columns:1fr}}


/* v0.7 – report center */
.report-create{
  display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:10px;align-items:end
}
.report-create-actions{display:flex;gap:8px;flex-wrap:wrap}
.report-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:13px 0}
.report-summary-card{
  border:1px solid var(--line);background:var(--strong);border-radius:15px;padding:12px
}
.report-summary-card span,.report-summary-card strong{display:block}
.report-summary-card span{font-size:9px;color:var(--soft)}
.report-summary-card strong{font-size:19px;letter-spacing:-.035em;margin-top:4px}
.report-list{display:grid;gap:10px}
.report-card{
  border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden
}
.report-card-head{
  display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;padding:15px
}
.report-card-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.report-card-title h3{margin:0;font-size:15px;letter-spacing:-.025em}
.report-card-meta{color:var(--soft);font-size:10px;margin-top:5px;line-height:1.5}
.report-card-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.report-card-actions button{
  border:1px solid var(--line);background:var(--strong);color:var(--text);border-radius:10px;
  padding:7px 9px;font-size:9px;font-weight:800;cursor:pointer
}
.report-card-actions button:hover{background:var(--muted)}
.report-card-actions .delete{color:var(--red)}
.report-kpis{
  display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:0 15px 15px
}
.report-kpi{border:1px solid var(--line);background:var(--strong);border-radius:12px;padding:9px}
.report-kpi span,.report-kpi strong{display:block}
.report-kpi span{font-size:8px;color:var(--soft)}
.report-kpi strong{font-size:11px;margin-top:3px;overflow-wrap:anywhere}
.report-detail{border-top:1px solid var(--line);padding:15px;background:var(--strong)}
.report-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.report-section{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:12px}
.report-section.wide{grid-column:1/-1}
.report-section h4{font-size:12px;margin:0 0 8px}
.report-row{
  display:grid;grid-template-columns:minmax(130px,.8fr) 1.2fr;gap:10px;
  border-top:1px solid var(--line);padding:7px 0;font-size:10px
}
.report-row:first-of-type{border-top:0}
.report-row span{color:var(--soft)}
.report-row strong{font-weight:700;overflow-wrap:anywhere}
.report-recommendations{display:grid;gap:6px}
.report-rec{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start}
.report-rec i{
  width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-weight:900
}
.report-rec.good i{background:rgba(47,170,88,.11);color:var(--green)}
.report-rec.warn i{background:rgba(245,158,11,.12);color:var(--orange)}
.report-rec.bad i{background:rgba(232,75,75,.11);color:var(--red)}
.report-rec strong,.report-rec small{display:block}
.report-rec strong{font-size:10px}.report-rec small{font-size:9px;color:var(--soft);margin-top:2px;line-height:1.4}
.report-privacy{
  border:1px solid rgba(245,158,11,.22);background:rgba(245,158,11,.055);
  border-radius:14px;padding:11px;font-size:10px;color:var(--soft);line-height:1.5
}
.report-type{
  display:inline-flex;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:850
}
.report-type.full{background:rgba(40,120,255,.11);color:var(--blue)}
.report-type.quick{background:var(--muted);color:var(--soft)}
.report-type.legacy{background:rgba(139,92,246,.12);color:#9a76ff}
@media(max-width:900px){
  .report-summary-grid{grid-template-columns:1fr 1fr}
  .report-kpis{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .report-create{grid-template-columns:1fr}
  .report-detail-grid{grid-template-columns:1fr}
  .report-section.wide{grid-column:auto}
  .report-card-head{grid-template-columns:1fr}
  .report-card-actions{justify-content:flex-start}
}


/* WordPress standalone-plugin additions */
.nt-site-link {
  text-decoration: none;
}
.nt-site-link:visited {
  color: var(--soft);
}
.nt-site-link:hover {
  color: var(--text);
}

/* v0.8 – Administrator tool architecture */
.sidebar{overflow:hidden}.nav-list{overflow-y:auto;overflow-x:hidden;padding-right:2px;scrollbar-width:thin}.nav-group-label{font-size:8px;font-weight:900;letter-spacing:.15em;color:var(--soft);padding:12px 12px 4px;opacity:.72}.nav-list .nav-item{padding-top:9px;padding-bottom:9px;font-size:12px}.sidebar-footer{padding-top:8px;background:linear-gradient(180deg,transparent,var(--surface) 18%)}
.probe-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:13px}.probe-summary.compact{grid-template-columns:repeat(4,1fr)}.probe-summary>div{border:1px solid var(--line);background:var(--strong);border-radius:13px;padding:10px;min-width:0}.probe-summary span,.probe-summary strong,.probe-summary small{display:block}.probe-summary span{font-size:8px;color:var(--soft);font-weight:700}.probe-summary strong{font-size:14px;margin-top:4px;overflow-wrap:anywhere}.probe-summary small{font-size:8px;color:var(--soft);margin-top:3px;overflow-wrap:anywhere}.probe-packets{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.probe-packets span{background:var(--muted);border-radius:999px;padding:6px 8px;font-size:9px}.tool-output{margin-top:13px}.tool-details{margin-top:10px;border:1px solid var(--line);border-radius:13px;background:var(--strong);overflow:hidden}.tool-details summary{cursor:pointer;padding:10px 12px;font-size:10px;font-weight:800;color:var(--soft)}.tool-raw{margin:0;border-top:1px solid var(--line);padding:12px;max-height:300px;overflow:auto;background:var(--muted);font:9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.table-scroll{overflow:auto;margin-top:11px;border:1px solid var(--line);border-radius:14px}.admin-tool-table{width:100%;border-collapse:collapse;font-size:10px;min-width:650px;background:var(--strong)}.admin-tool-table th,.admin-tool-table td{padding:9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.admin-tool-table th{color:var(--soft);font-weight:800;background:var(--muted)}.admin-tool-table tr:last-child td{border-bottom:0}.wrap-value{overflow-wrap:anywhere;word-break:break-word}.rdap-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.rdap-title strong{font-size:15px}.rdap-title small{display:block;width:100%;color:var(--soft);font-size:9px}.security-textarea{min-height:180px;resize:vertical;font:10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.security-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:9px}.security-actions input[type=file]{max-width:260px;font-size:10px;color:var(--soft)}.cert-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.cert-head strong,.cert-head small{display:block}.cert-head strong{font-size:15px}.cert-head small{font-size:9px;color:var(--soft);margin-top:3px;overflow-wrap:anywhere}.psk-output{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:9px}.quick-admin-tools{margin-top:13px}.quick-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-admin-card{border:1px solid var(--line);background:var(--surface);border-radius:17px;padding:14px;cursor:pointer;text-align:left;color:var(--text)}.quick-admin-card:hover{background:var(--strong)}.quick-admin-card strong,.quick-admin-card span{display:block}.quick-admin-card span{font-size:9px;color:var(--soft);margin-top:4px;line-height:1.4}
@media(max-height:820px) and (min-width:861px){.sidebar{top:10px;bottom:10px}.brand{padding-bottom:8px}.nav-group-label{padding-top:7px}.nav-list .nav-item{padding-top:7px;padding-bottom:7px}.agent-status{padding-top:5px}.sidebar-footer .nav-item{padding-top:7px;padding-bottom:7px}}
@media(max-width:1050px){.probe-summary{grid-template-columns:repeat(3,1fr)}.probe-summary.compact{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.probe-summary,.probe-summary.compact{grid-template-columns:1fr 1fr}.quick-admin-grid{grid-template-columns:1fr}.psk-output{grid-template-columns:1fr}.security-actions{align-items:stretch}.security-actions>*{width:100%;max-width:none!important}}

/* v0.8.1 portable tools */
a.download-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;width:max-content;max-width:100%;}


/* v0.9.0 – MeinWeb branding + administrator statistics */
.brand-meinweb{display:block;padding:2px 5px 14px}.brand-logo-full{display:block;width:100%;height:62px;object-fit:contain;border-radius:12px;background:#fff}.brand-logo-icon{display:none;width:48px;height:48px;object-fit:contain}
.stats-toolbar{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.stats-toolbar select{width:auto;min-width:150px;background:var(--surface)}
.stats-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:13px}.stats-metric{padding:17px;min-height:135px;position:relative;overflow:hidden}.stats-metric .stats-icon{width:34px;height:34px;border-radius:12px;background:rgba(40,120,255,.09);display:grid;place-items:center;color:var(--blue);font-size:16px}.stats-metric .stats-title{font-size:10px;color:var(--soft);font-weight:750;margin-top:10px;line-height:1.35}.stats-metric .stats-value{font-size:26px;font-weight:850;letter-spacing:-.045em;margin-top:6px;overflow-wrap:anywhere}.stats-metric .stats-value.text{font-size:18px}.stats-trend{font-size:10px;margin-top:5px;font-weight:750}.stats-trend.up{color:var(--green)}.stats-trend.down{color:var(--red)}.stats-trend.neutral{color:var(--soft)}
.stats-main-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:13px;margin-top:13px}.stats-bottom-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:13px;margin-top:13px}.stats-panel{padding:19px}.stats-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px}.stats-panel-head h3{margin:0;font-size:17px;letter-spacing:-.025em}.stats-panel-head span{font-size:10px;color:var(--soft)}
.stats-line-wrap{height:260px;border-radius:16px;background:var(--strong);border:1px solid var(--line);padding:10px}.stats-line-wrap svg{width:100%;height:100%;display:block}.stats-gridline{stroke:var(--line);stroke-width:1}.stats-line{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.stats-area{fill:rgba(40,120,255,.07)}.stats-point{fill:var(--blue)}.stats-axis{font-size:9px;fill:var(--soft)}
.stats-category-wrap{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:20px}.stats-donut{width:180px;height:180px;border-radius:50%;position:relative;background:conic-gradient(var(--blue) 0 25%,#c58c47 25% 50%,#c8b69f 50% 75%,#98a3b3 75% 100%)}.stats-donut:after{content:"";position:absolute;inset:34px;border-radius:50%;background:var(--surface)}.stats-donut-center{position:absolute;z-index:2;inset:0;display:grid;place-content:center;text-align:center}.stats-donut-center strong{font-size:24px}.stats-donut-center small{font-size:10px;color:var(--soft)}.stats-legend{display:grid;gap:9px}.stats-legend-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;font-size:11px;padding-bottom:7px;border-bottom:1px solid var(--line)}.stats-legend-row i{width:10px;height:10px;border-radius:50%}.stats-legend-row span{color:var(--soft)}
.stats-table{width:100%;border-collapse:collapse;font-size:10px}.stats-table th{text-align:left;color:var(--soft);font-size:9px;font-weight:800;padding:8px 8px;border-bottom:1px solid var(--line)}.stats-table td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}.stats-table tr:last-child td{border-bottom:0}.stats-table .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.stats-status{display:inline-flex;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800}.stats-status.success{color:var(--green);background:rgba(47,170,88,.1)}.stats-status.error{color:var(--red);background:rgba(232,75,75,.1)}.stats-status.start{color:var(--blue);background:rgba(40,120,255,.1)}
.stats-empty{padding:35px 15px;text-align:center;color:var(--soft);font-size:11px}.stats-location-list{display:grid;gap:7px}.stats-location-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:10px}.stats-location-row:last-child{border-bottom:0}.stats-location-row small{color:var(--soft)}
@media(max-width:1350px){.stats-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){.brand-logo-full{display:none}.brand-logo-icon{display:block;margin:auto}.brand-meinweb{padding:0 0 12px}.stats-main-grid,.stats-bottom-grid{grid-template-columns:1fr}.stats-category-wrap{grid-template-columns:160px 1fr}.stats-donut{width:160px;height:160px}}
@media(max-width:760px){.stats-metrics{grid-template-columns:1fr 1fr}.stats-category-wrap{grid-template-columns:1fr;justify-items:center}.stats-legend{width:100%}.stats-toolbar{justify-content:flex-start}.stats-table-wrap{overflow:auto}.stats-table{min-width:660px}}