.ops-screen{--ops-text:#e2f2fc;--ops-muted:#9bb3c7;--ops-line:#88b4d92b;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 0,#18467190,transparent 55%),radial-gradient(ellipse at 100% 80%,#24234b70,transparent 60%),#081523;color:var(--ops-text);padding:30px;border:1px solid #6fb9e344;border-radius:26px;overflow:hidden;box-shadow:0 18px 70px #06121e30;min-width:0}
.ops-screen::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#76acd808 1px,transparent 1px),linear-gradient(90deg,#76acd808 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent 75%)}.ops-screen:fullscreen{width:100%;min-height:100dvh;border-radius:0;overflow:auto;max-width:none;padding:32px;background-color:#081523}.ops-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 0 24px;border-bottom:1px solid var(--ops-line)}.ops-eyebrow{font-size:9px;letter-spacing:2.4px;color:#77dcdf;font-weight:600;line-height:1.8}.ops-header h2{font-size:clamp(23px,2.2vw,36px);font-weight:500;letter-spacing:1px;color:var(--ops-text);margin:14px 0 10px}.ops-header p{font-size:12px;color:var(--ops-muted);line-height:1.8;margin:0}.ops-time{text-align:right;min-width:190px}.ops-clock{display:block;font-size:17px;font-variant-numeric:tabular-nums;color:#a0e5f0}.ops-time small{display:block;font-size:9px;color:var(--ops-muted);margin-top:9px}.ops-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 0 22px}.ops-updated{font-size:10px;color:var(--ops-muted);margin:0;line-height:1.8}.ops-controls{display:flex;flex-wrap:wrap;gap:7px}.ops-screen button{background:#5c95c610;color:#b9d6e8;border:1px solid #76adc938;border-radius:9px;min-height:36px;padding:8px 11px;font:inherit;font-size:10px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.ops-screen button:hover{background:#629bc22c;border-color:#76dce6;color:#e9ffff}.ops-screen button:focus-visible{outline:2px solid #9de2ec;outline-offset:3px}.ops-screen button:disabled{opacity:.5;cursor:wait}.ops-screen button[aria-pressed=true]{background:#5dc7d620;color:#8ee7e5;border-color:#76dce666}.ops-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}.ops-metrics article{border:1px solid var(--ops-line);border-radius:13px;background:linear-gradient(140deg,#5090bd14,transparent),#0c2035b3;padding:19px 16px;min-width:0;position:relative;overflow:hidden}.ops-metrics article::before{content:"";position:absolute;top:0;left:18px;width:25px;height:2px;background:var(--glow);box-shadow:0 0 15px var(--glow)}.ops-metrics span{font-size:11px;color:var(--ops-muted);display:block;line-height:1.8}.ops-metrics strong{font-family:Georgia,serif;font-size:32px;font-weight:400;display:block;color:var(--glow);margin:12px 0;overflow-wrap:anywhere}.ops-metrics small{font-size:9px;color:var(--ops-muted);line-height:1.8;display:block}.ops-grid{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(290px,1.7fr) minmax(200px,1fr);gap:16px}.ops-column{display:flex;flex-direction:column;gap:16px;min-width:0}.ops-panel{border:1px solid var(--ops-line);border-radius:16px;background:linear-gradient(140deg,#42779c0e,transparent),#0c1f32b3;padding:20px 17px;min-width:0}.ops-panel-title{display:flex;align-items:center;gap:12px}.ops-panel-title>span{font-family:Georgia,serif;font-size:13px;color:#72dcde;letter-spacing:1px}.ops-panel h3{color:var(--ops-text);font-size:15px;font-weight:500;margin:0;letter-spacing:.5px}.ops-caption{font-size:10px;color:var(--ops-muted);line-height:1.9;margin:12px 0 19px}.ops-bars>div{margin-bottom:20px}.ops-bars>div>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:11px;line-height:1.8}.ops-bars span{color:var(--ops-muted);overflow-wrap:anywhere}.ops-bars strong{font-weight:500;color:#e5f3fd}.ops-track{height:5px;background:#6498ba16;border-radius:4px;overflow:hidden}.ops-track i{display:block;background:linear-gradient(90deg,#315d7e,var(--bar));height:100%;border-radius:4px;box-shadow:0 0 12px var(--bar)}.ops-footnote{color:var(--ops-muted);font-size:9px;line-height:1.9;margin:20px 0 0;overflow-wrap:anywhere}.ops-empty{font-size:11px;line-height:1.9;color:var(--ops-muted);padding:22px 0}.ops-orbit-panel{position:relative;min-height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;background:radial-gradient(ellipse,#3174a326,transparent 70%);border:1px solid var(--ops-line);padding:22px;text-align:center}.ops-orbit-panel>strong{font-family:Georgia,serif;font-size:62px;font-weight:400;color:#a4f6f0;line-height:1.1;margin:20px 0 10px;text-shadow:0 0 30px #74e4eb40}.ops-orbit-panel>p{font-size:12px;color:#d0edf6;letter-spacing:2px;margin:0}.ops-orbit-panel>small{font-size:9px;color:var(--ops-muted);margin-top:15px}.ops-orbits{position:absolute;inset:15px;pointer-events:none;z-index:-1;display:grid;place-items:center}.ops-orbits i{position:absolute;width:78%;height:82%;border:1px solid #73c5ea25;border-radius:50%;transform:rotate(-20deg);animation:ops-orbit 24s linear infinite}.ops-orbits i:nth-child(2){width:95%;height:70%;transform:rotate(25deg);animation-direction:reverse;border-color:#a49aee30}.ops-orbits i:nth-child(3){width:58%;height:95%;animation-duration:31s}.ops-orbits i::before{content:"";width:5px;height:5px;background:#a0f1ec;box-shadow:0 0 18px #8ce3ef;border-radius:50%;position:absolute;top:14%;left:14%}.ops-orbit-panel{isolation:isolate}.ops-period{display:flex;gap:7px;margin-bottom:12px}.ops-chart{height:225px;min-width:0;width:100%}.ops-chart svg{display:block;width:100%;height:100%}.ops-chart svg text{fill:var(--ops-muted)}.ops-chart svg line{stroke:#8db6d51a}.ops-legend{font-size:9px;color:#b5ccd8;text-align:center;margin-top:12px;line-height:1.8}.ops-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ops-module-grid>div{border-left:2px solid var(--bar);background:#6b99bd08;border-radius:4px 9px 9px 4px;padding:12px;min-width:0}.ops-module-grid span{display:block;font-size:11px;color:var(--ops-muted)}.ops-module-grid strong{display:block;font-size:18px;color:var(--bar);font-weight:500;margin:9px 0}.ops-module-grid small{font-size:9px;color:var(--ops-muted);line-height:1.8;display:block}.ops-health{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.ops-health span{border:1px solid #d39b6555;color:#e5b47f;font-size:10px;padding:7px 10px;border-radius:20px}.ops-health span[data-up=true]{border-color:#6be1bb40;color:#8ee1c3;background:#6ce1b50a}.ops-content-list{margin:0}.ops-content-list>div{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--ops-line);padding:13px 0}.ops-content-list dt{font-size:11px;color:var(--ops-muted)}.ops-content-list dd{font-family:Georgia,serif;font-size:18px;color:#cde6f5;margin:0}.ops-writing{font-size:10px;line-height:1.9;color:#e3b182;border-top:1px solid var(--ops-line);padding-top:14px}.ops-suggestions article{border-bottom:1px solid var(--ops-line);padding-bottom:17px;margin-bottom:17px}.ops-suggestions article:last-child{border:0;margin:0;padding:0}.ops-suggestions article>span{color:#938ad0;font-size:10px;letter-spacing:2px}.ops-suggestions h4{font-size:12px;line-height:1.8;color:#d9e8f7;font-weight:500;margin:8px 0}.ops-suggestions p{font-size:10px;color:var(--ops-muted);line-height:1.9;margin-bottom:12px}.ops-shortcuts{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;border-top:1px solid var(--ops-line);margin-top:24px;padding-top:22px}.ops-message{border:1px solid #e3ae7b77;background:#dca46010;color:#f1c596;border-radius:12px;font-size:12px;line-height:1.8;padding:16px;margin-bottom:18px}.ops-message[hidden]{display:none}@keyframes ops-orbit{to{transform:rotate(340deg)}}.ops-screen[data-motion=off] *{animation:none!important;transition:none!important}@media(max-width:1250px){.ops-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-grid{grid-template-columns:1fr 1fr}.ops-center{grid-column:1 / -1;grid-row:1}.ops-module-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:650px){.ops-screen{padding:20px 14px;border-radius:20px}.ops-header{align-items:flex-start;flex-direction:column}.ops-time{text-align:left}.ops-clock{font-size:14px}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ops-metrics article{padding:16px 12px}.ops-metrics strong{font-size:28px}.ops-grid{grid-template-columns:1fr}.ops-center{grid-column:auto}.ops-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-controls{gap:6px}.ops-panel{padding:18px 14px}.ops-orbit-panel>strong{font-size:52px}.ops-eyebrow{font-size:8px;letter-spacing:1.5px}.ops-header h2{font-size:23px}.ops-time small{font-size:9px}.ops-shortcuts{gap:8px}.ops-chart{height:220px}}@media(prefers-reduced-motion:reduce){.ops-screen *{animation:none!important;transition:none!important}}
.ops-legend{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
@media(min-width:1500px) and (min-height:850px){
  .ops-screen:fullscreen{padding:18px 26px}
  .ops-screen:fullscreen .ops-header{padding:0 0 12px}
  .ops-screen:fullscreen .ops-header h2{font-size:28px;line-height:1.3;margin:9px 0 7px}
  .ops-screen:fullscreen .ops-toolbar{padding:12px 0}
  .ops-screen:fullscreen .ops-metrics{gap:10px;margin-bottom:14px}
  .ops-screen:fullscreen .ops-metrics article{padding:12px 16px}
  .ops-screen:fullscreen .ops-metrics strong{font-size:28px;line-height:1.2;margin:8px 0}
  .ops-screen:fullscreen .ops-grid{grid-template-columns:minmax(220px,1fr) minmax(420px,2.2fr) minmax(240px,1fr);height:calc(100dvh - 450px);gap:14px}
  .ops-screen:fullscreen .ops-column{gap:12px;overflow:auto;max-height:100%;scrollbar-width:thin;scrollbar-color:#46718a #102339}
  .ops-screen:fullscreen .ops-panel{padding:14px 16px;flex-shrink:0}
  .ops-screen:fullscreen .ops-caption{margin:8px 0 12px;line-height:1.6}
  .ops-screen:fullscreen .ops-orbit-panel{min-height:120px;padding:12px;flex-shrink:0}
  .ops-screen:fullscreen .ops-orbit-panel>strong{font-size:40px;margin:8px 0}
  .ops-screen:fullscreen .ops-orbit-panel>small{display:none}
  .ops-screen:fullscreen .ops-chart{height:150px}
  .ops-screen:fullscreen .ops-module-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
  .ops-screen:fullscreen .ops-module-grid>div{padding:9px}
  .ops-screen:fullscreen .ops-module-grid strong{font-size:16px;margin:7px 0}
  .ops-screen:fullscreen .ops-content-list>div{padding:8px 0}
  .ops-screen:fullscreen .ops-health{margin-bottom:12px}
  .ops-screen:fullscreen .ops-suggestions article{padding-bottom:12px;margin-bottom:12px}
  .ops-screen:fullscreen .ops-suggestions p{margin-bottom:8px}
  .ops-screen:fullscreen .ops-shortcuts{margin-top:14px;padding-top:14px}
  .ops-screen:fullscreen>.ops-data>.ops-footnote{margin-top:12px}
}
