/* KR38 UX kit. Thin lines on black, the app's own accent, no fills of color, no glow. */
.kux-root{--kux-a:var(--kux-accent,#ff8a24);--kux-bg:#0b0b0c;--kux-ink:#f5f2ee;--kux-mute:#a9a39c;--kux-line:color-mix(in srgb,var(--kux-a) 55%,transparent);font:14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif}
.kux-sr{position:fixed;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kux-toasts{position:fixed;left:50%;bottom:calc(var(--kux-toast-bottom,18px) + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:2147483000;display:flex;flex-direction:column;gap:8px;width:max-content;max-width:calc(100vw - 24px);pointer-events:none}
.kux-toast{pointer-events:auto;display:flex;align-items:center;gap:6px;min-height:44px;padding:4px 4px 4px 14px;background:var(--kux-bg);color:var(--kux-ink);border:1px solid var(--kux-line);border-radius:10px;font:inherit;animation:kux-in .18s ease-out}
.kux-toast.kux-out{opacity:0;transition:opacity .18s}
.kux-toast.kux-error{border-color:#ff6b5e}
.kux-toast-msg{padding-right:6px}
.kux-toast button{font:inherit;min-height:36px;min-width:36px;padding:0 10px;border-radius:7px;background:transparent;color:var(--kux-ink);border:1px solid transparent;cursor:pointer}
.kux-toast .kux-toast-act{color:var(--kux-a);border-color:var(--kux-line);font-weight:600}
.kux-toast .kux-toast-x{color:var(--kux-mute);font-size:18px;line-height:1}
.kux-toast button:focus-visible,.kux-panel :focus-visible,.kux-tip button:focus-visible{outline:2px solid var(--kux-a);outline-offset:2px}
@keyframes kux-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.kux-saved{display:inline-flex;align-items:center;gap:6px;font:12px/1 system-ui,-apple-system,sans-serif;color:var(--kux-mute,#a9a39c);white-space:nowrap}
.kux-saved i{width:7px;height:7px;border-radius:50%;border:1px solid currentColor}
.kux-saved[data-state=saved] i{border-color:var(--kux-accent,#ff8a24)}
.kux-saved[data-state=saving] i{border-style:dashed}
.kux-saved[data-state=error]{color:#ff8c80}
.kux-tip{display:flex;align-items:center;gap:6px;margin:0;padding:6px 6px 6px 12px;border:1px solid color-mix(in srgb,var(--kux-accent,#ff8a24) 45%,transparent);border-left-width:3px;border-radius:8px;background:transparent;color:inherit;font-size:13px;line-height:1.35}
.kux-tip b{color:var(--kux-accent,#ff8a24);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:11px}
.kux-tip span{flex:1}
.kux-tip-x{flex:none;min-width:36px;min-height:36px;padding:0;border:0;background:transparent;color:inherit;opacity:.7;font-size:18px;cursor:pointer}
.kux-overlay{position:fixed;inset:0;z-index:2147482000;background:rgba(0,0,0,.62);display:flex;align-items:flex-start;justify-content:center;padding:12vh 12px 12px}
.kux-panel{width:min(560px,100%);max-height:72vh;overflow:auto;background:var(--kux-bg);color:var(--kux-ink);border:1px solid var(--kux-line);border-radius:14px;padding:10px;animation:kux-in .16s ease-out}
.kux-input{width:100%;box-sizing:border-box;min-height:48px;padding:0 14px;font:16px/1.2 inherit;font-family:inherit;color:var(--kux-ink);background:transparent;border:1px solid var(--kux-line);border-radius:10px;outline:none}
.kux-input:focus{border-color:var(--kux-a)}
.kux-list{list-style:none;margin:8px 0 0;padding:0}
.kux-list li{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:8px;border:1px solid transparent;cursor:pointer}
.kux-list li.kux-on{border-color:var(--kux-line)}
.kux-list li .kux-l{flex:1}
.kux-list small{color:var(--kux-mute);font-size:12px}
.kux-panel kbd{font:12px/1 ui-monospace,Menlo,monospace;padding:4px 6px;border:1px solid #5a5650;border-radius:5px;color:var(--kux-ink);white-space:nowrap}
.kux-empty{margin:14px 6px;color:var(--kux-mute)}
.kux-foot,.kux-sub{margin:10px 6px 2px;color:var(--kux-mute);font-size:12px}
.kux-sheet{padding:18px}
.kux-sheet h2{margin:0;font-size:18px}
.kux-keys{display:grid;grid-template-columns:max-content 1fr;gap:8px 14px;margin:14px 0}
.kux-keys dt,.kux-keys dd{margin:0;align-self:center}
.kux-check{display:flex;align-items:center;gap:8px;min-height:44px}
.kux-check input{width:20px;height:20px;accent-color:var(--kux-a)}
.kux-btn{min-height:44px;padding:0 16px;margin-top:8px;font:inherit;color:var(--kux-ink);background:transparent;border:1px solid var(--kux-line);border-radius:10px;cursor:pointer}
@media (max-width:640px){.kux-overlay{padding:10px 8px}.kux-panel{max-height:80vh}.kux-foot{display:none}}
@media (prefers-reduced-motion:reduce){.kux-toast,.kux-panel{animation:none}.kux-toast.kux-out{transition:none}}
html.kux-reduce *,html.kux-reduce *::before,html.kux-reduce *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}

/* Host pages style bare elements; keep the kit's black panels and type intact in any theme. */
.kux-root .kux-panel,.kux-root .kux-toast{background:#0b0b0c!important;color:#f5f2ee!important;box-shadow:none!important}
.kux-root .kux-panel button,.kux-root .kux-toast button{background:transparent!important;color:#f5f2ee!important;box-shadow:none!important;text-shadow:none!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important}
.kux-root .kux-toast .kux-toast-act{color:var(--kux-a)!important}
.kux-root .kux-panel h2{color:#f5f2ee!important;font:600 18px/1.3 system-ui,-apple-system,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.kux-root .kux-keys dt,.kux-root .kux-keys dd{color:#f5f2ee!important;font:14px/1.3 system-ui,-apple-system,sans-serif!important;letter-spacing:0!important;text-transform:none!important;padding:0!important;border:0!important}
.kux-root .kux-panel kbd{display:inline-block;height:auto!important;min-width:0!important;line-height:1.2!important;font-size:12px!important;background:transparent!important;color:#f5f2ee!important;box-shadow:none!important}
.kux-root .kux-check,.kux-root .kux-check span{color:#f5f2ee!important;font-size:14px!important;text-transform:none!important;letter-spacing:0!important}
.kux-root .kux-input{background:transparent!important;color:#f5f2ee!important;box-shadow:none!important;font-size:16px!important}
.kux-root .kux-list li{color:#f5f2ee!important}

/* Phone: a search button in thumb reach that opens the same palette. */
.kux-fab{display:none}
@media (max-width:760px){.kux-root .kux-fab{display:flex;align-items:center;justify-content:center;position:fixed;right:14px;bottom:calc(var(--kux-fab-bottom,18px) + env(safe-area-inset-bottom));z-index:2147481000;width:48px;height:48px;padding:0;border-radius:50%;border:1px solid var(--kux-a);background:#0b0b0c!important;color:#f5f2ee!important;box-shadow:none!important;cursor:pointer}
.kux-root .kux-fab svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}}
html.kux-modal .kux-fab{visibility:hidden}
