@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,500,0,0";:root{--text:#4f5f72;--text-h:#102033;--bg:#f2f7fc;--border:#d6e1ee;--code-bg:#e7f0f9;--accent:#0d78d6;--accent-bg:#0d78d61f;--accent-border:#0d78d647;--social-bg:#fffc;--shadow:0 14px 40px #081f3a1f;--panel-bg:#ffffffeb;--chrome-bg:#004e92;--chrome-text:#fff;--shell-max-width:1920px;--chrome-padding:8px;--control-padding:8px;--control-radius:14px;--control-height:40px;--bar-height:calc(var(--control-height) + (2 * var(--chrome-padding)));--sans:"IBM Plex Sans", system-ui, sans-serif;--heading:"IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;font:18px/1.45 var(--sans);letter-spacing:.01em;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{min-height:100svh}body{background:radial-gradient(circle at 0 0,#0d78d624,#0000 26%),linear-gradient(#eaf3fb 0%,#f2f7fc 30%,#edf4fb 100%);margin:0}body,button,input,select,textarea{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--text-h);font-family:var(--heading)}a{color:inherit}code,pre{font-family:var(--mono)}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;font-size:1.35rem;line-height:1}#app{width:100%}.app-shell-frame{min-height:100svh}.app-bar{z-index:50;background:var(--chrome-bg);color:var(--chrome-text);position:fixed;inset-inline:0;box-shadow:0 12px 32px #00204233}.app-bar-top{top:0}.app-bar-bottom{bottom:0}.app-bar-inner{max-width:var(--shell-max-width);min-height:var(--bar-height);padding:var(--chrome-padding) 24px;justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.app-bar-inner-top{flex-wrap:nowrap}.app-bar-inner-footer{gap:18px}.app-brand{align-items:center;gap:14px;min-width:0;display:flex}.app-brand-logo{object-fit:contain;width:44px;height:44px}.app-brand-copy{flex-direction:column;min-width:0;display:flex}.app-brand-copy strong{color:var(--chrome-text);font-size:1.35rem;font-weight:700}.app-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700}.app-main{min-height:100svh;padding-top:calc(var(--bar-height) + 24px);padding-bottom:calc(var(--bar-height) + 24px)}.app-page{max-width:var(--shell-max-width);flex-direction:column;gap:24px;margin:0 auto;padding:24px;display:flex}.app-page-fill{min-height:calc(100svh - (2 * var(--bar-height)) - 48px)}.app-page-header,.app-placeholder-panel{background:var(--panel-bg);box-shadow:var(--shadow);border:1px solid #d6e1eef2;border-radius:28px;flex-direction:column;gap:12px;padding:28px;display:flex}.app-page-header h1,.app-placeholder-panel h1{font-size:clamp(2rem,3vw,2.9rem)}.app-status-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.app-status-field{flex-direction:column;gap:5px;display:flex}.app-status-label{color:var(--text);letter-spacing:.03em;font-size:.74rem;font-weight:500}.app-status-card{background:var(--panel-bg);min-height:74px;box-shadow:var(--shadow);border:1px solid #d6e1eef2;border-radius:22px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:6px;padding:10px 12px;display:flex}.app-status-card strong{color:var(--text-h);word-break:break-word;white-space:normal;font-size:.86rem;font-weight:400;line-height:1.3;display:block}.app-section-panel{background:var(--panel-bg);box-shadow:var(--shadow);border:1px solid #d6e1eef2;border-radius:22px;flex-direction:column;gap:12px;padding:14px;display:flex}.app-status-card.tone-success{background:#2ea0431f;border-color:#2ea04359}.app-status-card.tone-success strong{color:#1f6a2a}.app-status-card.tone-error{background:#c628281f;border-color:#c6282859}.app-status-card.tone-error strong{color:#8e1c1c}.app-diagnostic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.app-diagnostic-card{background:#f7fbfff2;min-height:92px}.app-diagnostic-card span{color:var(--text-h);word-break:break-word;font-size:.86rem;font-weight:400;line-height:1.3}.app-diagnostic-card p{color:var(--text);margin:0;font-size:.8rem;line-height:1.3}.app-section-note{color:var(--text);margin:0;font-size:.82rem;line-height:1.35}.app-json-output{background:var(--code-bg);min-height:220px;color:var(--text-h);white-space:pre-wrap;word-break:break-word;border-radius:22px;margin:0;padding:10px 12px;font-size:.8rem;font-weight:400;line-height:1.35;overflow-x:auto}.app-help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.app-help-card{box-shadow:var(--shadow);background:#f7fbfff2;border:1px solid #d6e1eef2;border-radius:22px;flex-direction:column;gap:14px;padding:22px;display:flex}.app-help-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-help-card-header code{background:var(--code-bg);color:var(--text-h);border-radius:999px;padding:6px 10px;font-size:.88rem}.app-help-card p{color:var(--text)}.app-help-map-panel{background:var(--panel-bg);box-shadow:var(--shadow);border:1px solid #d6e1eef2;border-radius:28px;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);align-items:start;gap:20px;padding:24px;display:grid}.app-help-map-copy{flex-direction:column;gap:12px;display:flex}.app-help-map-links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.app-help-map-link{border:1px solid var(--accent-border);background:var(--accent-bg);min-height:40px;color:var(--text-h);border-radius:14px;align-items:center;padding:10px 14px;font-weight:600;text-decoration:none;display:inline-flex}.app-help-map-link:hover,.app-help-map-link:focus-visible{background:#0d78d629;border-color:#0d78d66b;outline:none}.app-help-map-hint{color:var(--text)}.app-help-map-frame-wrap{background:#ffffffb8;border:1px solid #d6e1eef2;border-radius:22px;overflow:hidden}.app-help-map-frame{background:#f7fbff;border:0;width:100%;height:980px;display:block}.app-admin-card{background:var(--panel-bg);box-shadow:var(--shadow);border:1px solid #d6e1eef2;border-radius:28px;overflow:hidden}.app-admin-card-header{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:22px 24px;display:flex}.app-admin-card-header:hover,.app-admin-card-header:focus-visible{background:#0d78d60d;outline:none}.app-admin-card-copy{flex-direction:column;gap:8px;display:flex}.app-admin-card-copy h2{margin:0;font-size:1.25rem}.app-admin-card-toggle{color:var(--text);white-space:nowrap;font-size:.86rem;font-weight:600}.app-admin-card-body{flex-direction:column;gap:16px;padding:0 24px 24px;display:flex}.app-admin-card-summary{color:var(--text);margin:0;font-size:.84rem}.app-admin-address-grid{grid-template-columns:minmax(280px,.95fr) repeat(3,minmax(0,1fr));gap:16px;display:grid}.app-admin-column{flex-direction:column;gap:6px;min-width:0;display:flex}.app-admin-surface{min-height:320px;box-shadow:var(--shadow);background:#f7fbfff2;border:1px solid #d6e1eef2;border-radius:22px;flex-direction:column;gap:12px;padding:12px;display:flex}.app-admin-list-surface{min-height:0}.app-admin-search-field{flex-direction:column;gap:6px;display:flex}.app-admin-search-field span{color:var(--text-h);font-size:.76rem;font-weight:600}.app-admin-search-field input,.app-admin-search-field select{width:100%;color:var(--text-h);background:#fff;border:1px solid #d6e1eef2;border-radius:14px;padding:10px 12px}.app-admin-search-field input:focus-visible,.app-admin-search-field select:focus-visible{outline-offset:0;border-color:#0d78d652;outline:2px solid #0d78d638}.app-admin-list-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;gap:4px;width:100%;padding:10px 12px;display:flex}.app-admin-list-viewport{border-radius:18px;overflow-y:auto}.app-admin-list-spacer{width:100%;position:relative}.app-admin-list-items{width:100%;position:absolute;top:0;left:0}.app-admin-list-item:hover,.app-admin-list-item:focus-visible{background:#0d78d612;border-color:#0d78d62e;outline:none}.app-admin-list-item.is-active{background:#0d78d61f;border-color:#0d78d647}.app-admin-list-item strong,.app-admin-entry-list strong{color:var(--text-h);font-size:.86rem;font-weight:500}.app-admin-list-item span,.app-admin-entry-list span,.app-admin-detail-list dd,.app-admin-empty{color:var(--text);margin:0;font-size:.8rem;line-height:1.35}.app-admin-detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:0;display:grid}.app-admin-detail-list div{flex-direction:column;gap:2px;display:flex}.app-admin-detail-list dt,.app-admin-subtitle{color:var(--text-h);letter-spacing:.02em;margin:0;font-size:.76rem;font-weight:600}.app-admin-subsection{flex-direction:column;gap:10px;display:flex}.app-admin-entry-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.app-admin-entry-list li{background:#ffffffb3;border:1px solid #d6e1eee6;border-radius:16px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.app-admin-dialog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.app-admin-filter-summary,.app-admin-dialog-entry-meta,.app-admin-dialog-entry-summary{color:var(--text);margin:0;font-size:.8rem;line-height:1.35}.app-admin-dialog-surface{min-height:0}.app-admin-dialog-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.app-admin-dialog-entry{background:#ffffffb3;border:1px solid #d6e1eee6;border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex}.app-admin-dialog-details{flex-direction:column;gap:10px;display:flex}.app-admin-dialog-summary{cursor:pointer;flex-direction:column;gap:8px;list-style:none;display:flex}.app-admin-dialog-summary::-webkit-details-marker{display:none}.app-admin-dialog-summary:after{content:"Aufklappen";color:var(--text);font-size:.78rem;font-weight:600}.app-admin-dialog-details[open] .app-admin-dialog-summary:after{content:"Einklappen"}.app-admin-dialog-entry-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.app-admin-dialog-json{min-height:0;max-height:420px}.app-help-summary,.app-help-note{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--text-h);border-radius:16px;padding:12px 14px}.app-help-summary code{font-size:.92rem}.app-help-example-block{flex-direction:column;gap:10px;display:flex}.app-help-example-block h3{font-size:1rem}.app-help-example-list{flex-direction:column;gap:8px;margin:0;padding-left:1.25rem;display:flex}.app-help-example-list li{color:var(--text-h)}.app-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.app-bar-inner-top .app-actions{flex-wrap:nowrap;margin-left:auto}.standard-button,.standard-chip{min-height:var(--control-height);border-radius:var(--control-radius);padding:var(--control-padding)}.standard-button{width:40px;min-width:40px;color:var(--chrome-text);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.standard-button.has-label{width:auto;padding-inline:12px}.standard-button-label{white-space:nowrap}.standard-button:hover,.standard-button:focus-visible{background:#ffffff1f;border-color:#ffffff29;outline:none;transform:scale(1.05)}.standard-button.state-active,.standard-button.tone-primary{background:#ffffff2e}.standard-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.standard-button.surface-panel{color:var(--text-h);border-color:var(--border)}.standard-button.surface-panel:hover,.standard-button.surface-panel:focus-visible{background:#0d78d614;border-color:#0d78d633}.standard-button.surface-panel.tone-primary{background:#0d78d61f;border-color:#0d78d647}.app-footer-title{flex:1;min-width:0;font-weight:600}.app-footer-chips{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.standard-chip{white-space:nowrap;background:#ffffff1c;border:1px solid #ffffff29;align-items:center;gap:8px;font-size:.92rem;display:inline-flex}.standard-chip.surface-panel{border-color:var(--border);color:var(--text-h);background:#0d78d614}.app-modal-backdrop{z-index:80;background:#05183075;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.app-modal{background:#fff;border-radius:28px;flex-direction:column;gap:20px;width:min(820px,100%);padding:24px;display:flex;box-shadow:0 24px 60px #081f3a42}.app-modal-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.app-modal-content{flex-direction:column;gap:20px;display:flex}.app-modal-actions{justify-content:flex-end;gap:8px;display:flex}.app-modal-stack,.app-settings-grid{flex-direction:column;gap:18px;display:flex}.app-user-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.app-user-selection-button{color:var(--text-h);text-align:left;cursor:pointer;background:#f7fbfff2;border:1px solid #d6e1eef2;border-radius:16px;padding:12px 14px}.app-user-selection-button:hover,.app-user-selection-button:focus-visible{background:#0d78d614;border-color:#0d78d647;outline:none}.app-user-selection-button.is-active{background:#0d78d624;border-color:#0d78d661}.app-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app-field{flex-direction:column;gap:8px;display:flex}.app-field span{color:var(--text-h);font-weight:600}.app-field select,.app-field input[type=range]{width:100%}.app-field select{border:1px solid var(--border);color:var(--text-h);background:#fff;border-radius:16px;padding:12px 14px}.app-field-range strong,.app-inline-status{color:var(--text-h)}.app-inline-error{color:#c62828}.app-toast-host{right:24px;bottom:calc(var(--bar-height) + 24px);z-index:90;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed}.app-toast{color:#fff;background:#091d35f0;border-radius:18px;max-width:min(420px,100vw - 48px);padding:12px 16px;box-shadow:0 18px 38px #081f3a47}.app-audio{display:none}@media (width<=1280px){.app-status-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.app-admin-address-grid{grid-template-columns:minmax(260px,.9fr) repeat(2,minmax(0,1fr))}.app-admin-column:first-child{grid-row:span 2}}@media (width<=960px){.app-bar-inner,.app-bar-inner-footer{padding-inline:16px}.app-bar-inner,.app-bar-inner-footer,.app-brand,.app-actions{gap:12px}.app-brand-copy strong{font-size:1.1rem}.app-status-grid,.app-help-grid,.app-settings-grid,.app-diagnostic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-help-map-panel{grid-template-columns:1fr}.app-admin-address-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-admin-column:first-child{grid-row:auto}.app-admin-detail-list{grid-template-columns:1fr}}@media (width<=720px){:root{font-size:16px}.app-main{padding-top:calc(var(--bar-height) + 16px);padding-bottom:calc(var(--bar-height) + 16px)}.app-page{padding:16px}.app-bar-inner-footer{flex-direction:column;align-items:flex-start}.app-bar-inner-top{gap:8px;padding-inline:12px}.app-bar-inner-top .app-actions{justify-content:flex-end;gap:6px;width:auto}.app-actions,.app-footer-chips{justify-content:flex-start;width:100%}.app-status-grid,.app-help-grid,.app-diagnostic-grid,.app-settings-grid{grid-template-columns:1fr}.app-toast-host{align-items:stretch;left:16px;right:16px}.app-admin-card-header{flex-direction:column;align-items:flex-start;padding:18px 18px 16px}.app-admin-card-body{padding:0 18px 18px}.app-admin-address-grid{grid-template-columns:1fr}.app-admin-surface{min-height:220px}}