:root{--chi-accent:#1593ff;--chi-bg:#f6f7f8;--chi-surface:#fff;--chi-ink:#20242a;--chi-muted:#727984;--chi-line:#e6e9ed;--chi-radius:16px;color-scheme:light dark}
@media(prefers-color-scheme:dark){:root{--chi-bg:#151719;--chi-surface:#222529;--chi-ink:#edf0f3;--chi-muted:#a0a6af;--chi-line:#35393f}}
.chi-dialog,.chi-menu{font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--chi-ink);background:var(--chi-surface);border:0;box-shadow:0 24px 80px #0003}
.chi-dialog{padding:0;border-radius:20px;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:hidden;animation:chi-in .18s ease-out}
.chi-dialog[open]{display:flex;flex-direction:column}.chi-dialog.chi-wide{width:min(680px,calc(100vw - 32px))}.chi-dialog::backdrop{background:#0003;backdrop-filter:blur(3px)}
.chi-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px 12px;flex-shrink:0}.chi-dialog-head h2{margin:0;font-size:20px;font-weight:600}.chi-dialog-body{overflow:auto;padding:8px 24px 24px;min-height:0}
.chi-dialog button,.chi-menu button{font:inherit;cursor:pointer}.chi-icon{display:inline-grid;place-items:center;border:0;background:transparent;color:inherit;min-width:36px;min-height:36px;border-radius:10px;font-size:22px!important}.chi-icon:hover{background:#8881}
.chi-form{display:grid;gap:16px}.chi-form input,.chi-form textarea{box-sizing:border-box;width:100%;font:inherit;color:inherit;background:#8881;border:1px solid transparent;border-radius:12px;padding:12px 14px}.chi-form textarea{min-height:140px;resize:vertical}.chi-form input:focus,.chi-form textarea:focus{outline:2px solid var(--chi-accent);outline-offset:-2px}.chi-form p{margin:0}.chi-form input[type=file]{padding:24px 14px;border:1px dashed var(--chi-line);background:transparent}
.chi-primary{background:var(--chi-accent);color:white;border:0;border-radius:12px;padding:12px 18px;font:inherit;font-weight:600;cursor:pointer}.chi-secondary{background:transparent;color:var(--chi-ink);border:1px solid var(--chi-line);border-radius:12px;padding:10px 16px;font:inherit;cursor:pointer}
.chi-form [type=submit]:disabled{opacity:.6;cursor:wait}.chi-error{color:#d65b56}.chi-error[hidden]{display:none}.chi-muted{color:var(--chi-muted)}
.chi-menu{position:fixed;z-index:100000;border-radius:12px;padding:6px;min-width:180px;max-width:calc(100vw - 16px);max-height:60dvh;overflow:auto;animation:chi-in .12s ease-out}.chi-menu button{display:flex;align-items:center;width:100%;text-align:left;border:0;padding:8px 10px;min-height:36px;background:transparent;color:inherit;border-radius:8px;font-size:13px;white-space:nowrap}.chi-menu button:hover,.chi-menu button:focus-visible{background:#8882;outline:none}
.chi-choice{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer}.chi-fade{overflow:hidden;white-space:nowrap;min-width:0}.chi-fade.is-overflow{mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent)}
:focus-visible{outline:2px solid var(--chi-accent);outline-offset:3px}@keyframes chi-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(pointer:coarse){.chi-menu button{min-height:44px}.chi-icon{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.chi-dialog,.chi-menu{animation:none}}

.chi-menu[popover]{margin:0;inset:auto;border:0}