@layer components{.kn-scrim{z-index:60;background:var(--kn-scrim);position:fixed;inset:0}.kn-search{z-index:61;background:var(--surface);width:min(640px,100vw - 32px);max-height:calc(100dvh - 128px);box-shadow:var(--kn-shadow-overlay);color:var(--kn-text);border-radius:20px;flex-direction:column;display:flex;position:fixed;top:96px;left:50%;overflow:hidden;transform:translate(-50%)}.kn-search-input{height:56px;color:var(--kn-sub);flex:none;align-items:center;gap:12px;padding:0 20px;display:flex}.kn-search-input input{min-width:0;height:100%;font:inherit;color:var(--kn-textStrong);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:16px;font-weight:500}.kn-search-input input::placeholder{color:var(--kn-sub)}.kn-search-body{border-top:1px solid var(--kn-line);flex:1;min-height:0;padding:8px 8px 4px;overflow-y:auto}.kn-search-group{color:var(--kn-sub);padding:10px 12px 4px;font-size:12px;font-weight:700}.kn-search-row{min-height:44px;color:var(--kn-text);border-radius:12px;grid-template-columns:44px minmax(0,1fr);align-items:start;column-gap:8px;padding:8px 12px;display:grid}.kn-search-row[aria-selected=true],.kn-search-row:hover{background:var(--kn-surface2)}.kn-search-kind{color:var(--kn-sub);padding-top:2px;font-size:12px;font-weight:700}.kn-search-foot{border-top:1px solid var(--kn-line);min-height:44px;color:var(--kn-sub);flex:none;align-items:center;gap:14px;padding:0 20px;font-size:12px;display:flex}.kn-kbd{background:var(--kn-surface2);min-width:20px;height:20px;font-family:var(--font-mono);color:var(--kn-sub);border-radius:6px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;line-height:1;display:inline-flex}.kn-dialog,.kn-sheet{z-index:61;background:var(--surface);max-height:calc(100dvh - 48px);box-shadow:var(--kn-shadow-overlay);color:var(--kn-text);flex-direction:column;display:flex;position:fixed;overflow-y:auto}.kn-dialog{border-radius:20px;width:min(480px,100vw - 32px);padding:24px;top:50%;left:50%;transform:translate(-50%,-50%)}.kn-dialog-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.kn-dialog-title{color:var(--kn-textStrong);font-size:20px;font-weight:700;line-height:1.4}.kn-dialog-close{background:var(--kn-surface2);width:38px;height:38px;color:var(--kn-text);cursor:pointer;border:0;border-radius:9999px;flex:none;justify-content:center;align-items:center;margin:-6px -8px 0 0;padding:0;display:flex}.kn-dialog-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.kn-sheet{width:100%;max-width:752px;padding:12px 16px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;margin-inline:auto;bottom:0;left:0;right:0}.kn-sheet-handle{background:var(--kn-line);border-radius:9999px;width:36px;height:4px;margin:0 auto 16px}@media (width<=640px){.kn-dialog{width:100%;padding:12px 16px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;inset:auto 0 0;transform:none}.kn-dialog:before{content:"";background:var(--kn-line);border-radius:9999px;width:36px;height:4px;margin:0 auto 16px;display:block}.kn-dialog-actions{flex-direction:column-reverse}.kn-dialog-actions>*{width:100%;height:48px}.kn-search{border-radius:0;width:100%;height:100dvh;max-height:none;top:0;left:0;transform:none}}.kn-toast{z-index:70;background:var(--kn-surface2);max-width:min(520px,100vw - 32px);min-height:48px;box-shadow:var(--kn-shadow-overlay);color:var(--kn-textStrong);border-radius:16px;align-items:center;gap:16px;padding:8px 20px;font-size:14px;font-weight:700;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.kn-toast a,.kn-toast button{min-height:44px;font:inherit;color:var(--kn-accent);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-weight:700;display:inline-flex}.kn-toast a:hover,.kn-toast button:hover{color:var(--kn-accentHover)}@media (width<=1023px){.kn-toast{bottom:calc(60px + env(safe-area-inset-bottom) + 12px);max-width:none;left:16px;right:16px;transform:none}}.kn-skel{background:var(--kn-surface2);border-radius:6px;display:block}.kn-table-row:nth-child(2n){background:var(--kn-surface2)}.kn-table-row:hover{background:var(--kn-line)}}