:root{color:#e8eef5;--parameteo-header-chrome:9.5rem;--scrollbar-size:30px;--scrollbar-track:#141a22;--scrollbar-thumb:#4a5a72;--scrollbar-thumb-hover:#5d7194;background:#0f1419;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.4}*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable;height:100%}body{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin;height:100%;min-height:100%;margin:0}#app{flex-direction:column;height:100%;min-height:100%;display:flex;overflow:hidden}.app-header{z-index:10;background:linear-gradient(#151b24 0%,#121820 100%);border-bottom:1px solid #2a3544;flex-shrink:0;padding:.75rem 1rem}.app-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem 1.25rem;display:flex}.app-header-left{flex:18rem;min-width:0}.app-header-right{flex-direction:column;flex:none;align-items:flex-end;gap:.4rem;display:flex}.header-check-row{color:#9aa8bc;-webkit-user-select:none;user-select:none;justify-content:flex-end;align-items:center;gap:.45rem;width:100%;font-size:.875rem;display:flex}.header-check-input{accent-color:#2d6cdf;cursor:pointer;flex-shrink:0;width:1rem;height:1rem}.header-check-label{cursor:pointer;text-align:right}.header-search-row{flex-wrap:wrap;align-items:center;gap:.5rem;max-width:56rem;display:flex}.search-form{flex-wrap:wrap;flex:16rem;align-items:center;gap:.5rem;min-width:0;display:flex}.favorite-select{color:#e8eef5;cursor:pointer;background:#0f1419;border:1px solid #3d4d63;border-radius:6px;flex:0 12rem;min-width:10rem;padding:.5rem .6rem;font-size:1rem}.favorite-select:focus{outline-offset:1px;outline:2px solid #4a90d9}.search-form input[type=search]{color:#e8eef5;background:#0f1419;border:1px solid #3d4d63;border-radius:6px;flex:16rem;min-width:12rem;padding:.5rem .75rem;font-size:1rem}.search-form input:focus{outline-offset:1px;outline:2px solid #4a90d9}.search-submit{color:#fff;cursor:pointer;background:#2d6cdf;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600}.search-submit:hover{background:#3a7aee}.status{color:#9aa8bc;max-width:56rem;margin:.5rem 0 0;font-size:.875rem}.status--error{color:#f0a8a8}.status--success{color:#a8d4a8}.panel-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4, calc(100svh - var(--parameteo-header-chrome)));overscroll-behavior:contain;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin;background:#0f1419;flex:1 1 0;align-content:start;gap:1px 30px;min-height:0;display:grid;overflow:hidden scroll}html::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}body::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.panel-grid::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}html::-webkit-scrollbar-track{background:var(--scrollbar-track)}body::-webkit-scrollbar-track{background:var(--scrollbar-track)}.panel-grid::-webkit-scrollbar-track{background:var(--scrollbar-track)}html::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:999px}body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:999px}.panel-grid::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.panel-grid::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}#app.panel-layout-1 .panel-grid{grid-template-columns:1fr;grid-template-rows:repeat(7, calc(100svh - var(--parameteo-header-chrome)));gap:1px}@media (width<=720px){#app:not(.panel-layout-1) .panel-grid{grid-template-columns:1fr;grid-template-rows:repeat(7, calc(100svh - var(--parameteo-header-chrome)));gap:1px}}.panel{background:#151b24;flex-direction:column;height:100%;min-height:0;display:flex}.panel-head{background:#1a222d;border-bottom:1px solid #2a3544;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .6rem;display:flex}.panel-title{color:#c5d0e0;font-size:.8rem;font-weight:600}.open-link{color:#6eb0ff;font-size:.75rem;text-decoration:none}.open-link:hover{text-decoration:underline}.panel-hint{color:#7a8a9e;background:#121820;margin:0;padding:.25rem .6rem;font-size:.7rem}.panel-urls{background:#10151c;border-bottom:1px solid #2a3544;padding:.35rem .6rem;font-size:.68rem;display:none}#app.show-panel-urls .panel-urls{display:block}.panel-url-line{align-items:baseline;gap:.35rem;min-width:0;margin:.15rem 0;display:flex}.panel-url-line:first-child{margin-top:0}.panel-url-line:last-child{margin-bottom:0}.panel-url-label{color:#6b7c92;flex-shrink:0;width:4.5rem;font-weight:500}.panel-url-link{color:#8eb8e8;word-break:break-all;flex:1;min-width:0;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.65rem;line-height:1.35;text-decoration:none}.panel-url-link:hover{text-decoration:underline}.panel-body{flex:1;min-height:0;position:relative}.panel-frame{background:#0a0e12;border:0;width:100%;height:100%;position:absolute;inset:0}.panel-meteoblue-stack{flex-direction:column;gap:.35rem;min-height:12rem;display:flex}.panel-meteoblue-iframe{border:0;flex:1;width:100%;height:36rem;min-height:22rem;max-height:min(70vh,40rem);overflow:hidden}.panel-meteoblue-attribution{color:#7a8a9e;padding:0 .15rem .25rem;font-size:.8rem}.panel-meteoblue-attribution a{color:#6eb0ff;text-decoration:none}.panel-meteoblue-attribution a:hover{text-decoration:underline}.panel-meteoblue-widget-tab{font-weight:500}.panel-meteoblue-fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.25rem 1rem;display:flex;overflow:auto}.panel-meteoblue-fallback-msg{color:#9aa8bc;max-width:24rem;margin:0;font-size:.875rem;line-height:1.45}.panel-meteoblue-fallback-btn{color:#fff;background:#2d6cdf;border-radius:6px;padding:.55rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.panel-meteoblue-fallback-btn:hover{background:#3a7aee}.panel-meteoblue-fallback-foot{color:#6b7c92;margin:0;font-size:.68rem}.panel-meteoblue-fallback-foot a{color:#8eb8e8;text-decoration:none}.panel-meteoblue-fallback-foot a:hover{text-decoration:underline}#app.panel-layout-1 .panel-frame{width:90%;height:100%;inset:0 auto 0 5%}
