.hkl-header-controls{display:flex;align-items:center;gap:8px;position:relative;flex-shrink:0}.hkl-header-controls button{cursor:pointer;font:600 13px system-ui;border:1px solid #ffffff55;border-radius:9px;background:#ffffff14;color:white;min-height:40px;padding:8px 11px}.hkl-header-controls .hkl-menu-button{font-size:26px;line-height:1;padding:5px 13px}.hkl-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:1000;min-width:240px;background:#fff;color:#16324b;border:1px solid #d6e1e8;box-shadow:0 8px 30px #0003;border-radius:12px;padding:6px}.hkl-menu[hidden]{display:none!important}.hkl-menu button,.hkl-menu a{display:block;width:100%;padding:13px 12px;text-align:left;background:transparent;color:#16324b;border:0;font:500 14px system-ui;text-decoration:none;border-radius:7px}.hkl-menu button:hover,.hkl-menu a:hover{background:#edf4f7}.hkl-dialog{font:14px/1.65 system-ui;color:#16324b;background:white;width:min(92vw,480px);border:1px solid #cbdbe4;border-radius:15px;padding:22px;max-height:85dvh;overflow:auto;box-shadow:0 20px 80px #0004}.hkl-dialog::backdrop{background:#071b2c99}.hkl-dialog-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.hkl-dialog h2{font-size:20px;margin:0}.hkl-dialog-title button{cursor:pointer;border:0;border-radius:8px;background:#e9f2f5;color:#16324b;font-size:26px;width:38px;height:38px;padding:0}.hkl-dialog label{display:block;font-weight:600;margin:14px 0 6px}.hkl-dialog select{padding:11px;width:100%;background:white;color:#16324b;border:1px solid #bdced8;border-radius:8px;font:inherit}.hkl-status{background:#e7f1ef;padding:9px 12px;border-radius:7px;color:#12665e}.hkl-dialog-link{color:#087e87;display:block;margin-top:20px}html[data-hkl-theme=dark]{color-scheme:dark}html[data-hkl-theme=dark] body{background:#101d28;color:#dce8ef}html[data-hkl-theme=dark] .panel,html[data-hkl-theme=dark] .card,html[data-hkl-theme=dark] nav,html[data-hkl-theme=dark] .hkl-menu,html[data-hkl-theme=dark] .hkl-dialog{background:#192b3b;color:#e0eaf1;border-color:#385064}html[data-hkl-theme=dark] .input-wrap input,html[data-hkl-theme=dark] select{background:#142534;color:#e0eaf1}html[data-hkl-theme=dark] .muted,html[data-hkl-theme=dark] .card span{color:#acc0d0}html[data-hkl-theme=dark] .hkl-menu button,html[data-hkl-theme=dark] .hkl-menu a{color:#e0eaf1}html[data-hkl-theme=dark] .diagram{background:#203747}html[data-hkl-theme=dark] .notice{background:#342d1f;color:#eee0c5}html[data-hkl-theme=light]{color-scheme:light}@media(max-width:480px){.hkl-header-controls{gap:5px}.hkl-header-controls button{font-size:12px;padding:8px}.hkl-header-controls .hkl-menu-button{padding:5px 11px}.brand{gap:7px}.brand small{letter-spacing:.5px}.brand .logo{padding:10px 4px}}@media print{[data-hkl-shell],.hkl-dialog{display:none!important}}
[data-hkl-shell]{position:sticky;top:0;z-index:100}.hkl-header-controls .hkl-account{display:flex;align-items:center;gap:5px}.hkl-header-controls svg{width:18px;height:18px;flex:none}.hkl-header-controls .hkl-menu-button{display:flex;align-items:center;justify-content:center}
.hkl-settings-dialog{width:min(94vw,680px);padding:0 22px 22px}.hkl-settings-dialog .hkl-dialog-title{position:sticky;top:0;background:inherit;z-index:2;padding:18px 0 12px;margin:0;border-bottom:1px solid #bdced8}.hkl-settings-intro{color:#526a7b}.hkl-settings-section{padding:18px 0;border-bottom:1px solid #bdced8}.hkl-settings-section h3{margin:0 0 12px;font-size:18px;color:#087e87}.hkl-settings-section p{margin:10px 0}.hkl-settings-section input:not([hidden]){box-sizing:border-box;width:100%;font:inherit;padding:11px;border:1px solid #bdced8;border-radius:8px;color:inherit;background:transparent}.hkl-settings-section button,.hkl-settings-action{display:inline-block;background:#087e87;color:white;padding:11px 14px;border:0;border-radius:8px;cursor:pointer;font:600 14px system-ui;text-decoration:none;margin-top:10px;min-height:44px}.hkl-settings-actions{display:flex;gap:10px;flex-wrap:wrap}#hkl-settings-status:not(:empty){padding:12px;background:#e7f1ef;color:#12665e;border-radius:8px;position:sticky;bottom:0}.hkl-settings-dialog [hidden]{display:none!important}html[data-hkl-theme=dark] .hkl-settings-section h3{color:#64d2cf}html[data-hkl-theme=dark] .hkl-settings-intro{color:#acc0d0}@media(max-width:480px){.hkl-settings-dialog{max-height:92dvh;width:96vw;padding:0 16px 16px}.hkl-settings-dialog h2{font-size:19px}.hkl-settings-section{padding:16px 0}}