/* UnyKorn DS components — needs tokens.css */
.uk{background:var(--uk-bg);color:var(--uk-text);font-family:var(--uk-font)}
.uk-btn{font:600 13px/1 var(--uk-font);color:var(--uk-text);background:var(--uk-surface-2);border:1px solid var(--uk-line);border-radius:var(--uk-r-pill);padding:9px 14px;cursor:pointer;transition:.15s}
.uk-btn:hover{border-color:var(--uk-cyan);box-shadow:var(--uk-glow)}
.uk-btn.primary,.uk-btn.on{background:var(--uk-cyan);color:var(--uk-ink);border-color:var(--uk-cyan)}
.uk-btn.ghost{background:transparent}
.uk-card{background:color-mix(in srgb,var(--uk-surface) 88%,transparent);border:1px solid var(--uk-line);border-radius:var(--uk-r-lg);padding:14px 16px;box-shadow:var(--uk-shadow);backdrop-filter:blur(10px)}
.uk-card h3{margin:0 0 6px;font:600 15px var(--uk-font)}
.uk-chip{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--uk-font);color:var(--uk-text);background:var(--uk-surface-2);border:1px solid var(--uk-line);border-radius:var(--uk-r-pill);padding:4px 10px 4px 4px}
.uk-chip img{width:20px;height:20px}
.uk-chip.on{border-color:var(--uk-cyan);box-shadow:var(--uk-glow)}
.uk-chip.otown{border-color:var(--otown-coral);background:linear-gradient(90deg,#F2667A22,#F5A43B22)}
.uk-tag{font:600 10px/1 var(--uk-font);letter-spacing:.06em;text-transform:uppercase;color:var(--uk-cyan)}
.uk-input{font:400 14px var(--uk-font);color:var(--uk-text);background:var(--uk-bg);border:1px solid var(--uk-line);border-radius:var(--uk-r);padding:9px 12px}
.uk-input:focus{outline:none;border-color:var(--uk-cyan)}