.jui{--jui-bg:#f7f8f6;--jui-surface:#fff;--jui-muted:#f1f4f1;--jui-text:#202a25;--jui-subtle:#57655b;--jui-border:#e2e8e2;--jui-input:#78877d;--jui-action:#244f3f;--jui-focus:#2563eb;--jui-fast:.12s;--jui-standard:.18s;--jui-layout:.24s;--jui-ease:cubic-bezier(.22,1,.36,1);color:var(--jui-text);font-size:14px;line-height:22px}.jui-preview{background:var(--jui-bg);max-width:950px;padding:48px 24px}.jui h1{margin:8px 0 12px}.jui h2{margin:4px 0 16px;font-size:20px;line-height:28px}.jui p{color:var(--jui-subtle)}.jui .jui-kicker{letter-spacing:.14em;font-size:12px;font-weight:700;line-height:18px}.jui-panel{background:var(--jui-surface);border:1px solid var(--jui-border);border-radius:12px;margin-top:16px;padding:24px}.jui-stack{flex-wrap:wrap;align-items:end;gap:8px;margin-top:16px;display:flex}.jui :focus-visible{outline:2px solid var(--jui-focus);outline-offset:2px}.jui .jui-button{border:1px solid var(--jui-input);height:40px;color:var(--jui-action);background:var(--jui-surface);transition:background-color var(--jui-fast),scale var(--jui-fast);border-radius:8px;padding:0 16px}.jui .jui-button:hover:not(:disabled){background:var(--jui-muted)}.jui .jui-button:active:not(:disabled){scale:.98}.jui .jui-button[data-variant=primary]{background:var(--jui-action);border-color:var(--jui-action);color:#fff}.jui .jui-button[data-variant=primary]:hover:not(:disabled){background:#30654f}.jui .jui-button[data-variant=ghost]{border-color:#0000}.jui .jui-button[data-variant=danger]{color:#8b3c25;border-color:#8b3c25}.jui-badge{color:#46554b;white-space:nowrap;background:#f1f4f1;border-radius:6px;padding:4px 8px;font-size:12px}.jui-badge[data-tone=active]{color:#234b86;background:#eaf1ff}.jui-badge[data-tone=done]{color:#26583b;background:#e4f2e8}.jui-badge[data-tone=warning],.jui-field small{color:#8b3c25;background:#fff0ea}.jui-card{background:var(--jui-surface);border:1px solid var(--jui-border);border-radius:12px;padding:16px}.jui .jui-project{text-align:left;gap:8px;min-width:min(100%,220px);display:grid}.jui-project[aria-pressed=true]{background:var(--jui-muted);border-color:var(--jui-action)}.jui-avatar{width:32px;height:32px;color:var(--jui-action);background:#e4f2e8;border-radius:50%;place-items:center;display:grid}.jui-list{gap:8px;margin-top:16px;display:grid}.jui-task{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.jui-task>div{overflow-wrap:anywhere;flex:180px}.jui-task p{font-size:12px}.jui-task[data-created=true],.jui-dialog[open]{animation:jui-enter var(--jui-standard) var(--jui-ease) both}@keyframes jui-enter{0%{opacity:0;transform:translateY(8px)}}.jui-field{gap:4px;display:grid}.jui-field label{color:var(--jui-subtle);font-size:12px}.jui input,.jui select{border:1px solid var(--jui-input);background:var(--jui-surface);min-height:40px;color:var(--jui-text);font:inherit;border-radius:8px;padding:8px}.jui input[aria-invalid=true]{border-color:#8b3c25}.jui-dialog{border:1px solid var(--jui-border);border-radius:16px;width:min(420px,100% - 32px);padding:24px;box-shadow:0 16px 48px #202a2526}.jui-dialog::backdrop{background:#202a255e}.jui-actions{justify-content:flex-end}.jui-empty{text-align:center;background:var(--jui-muted);border-radius:8px;padding:16px}.jui-message{min-height:22px;margin-top:16px}@media (pointer:coarse){.jui .jui-button,.jui select,.jui input{min-height:44px}}@media (prefers-reduced-motion:reduce){.jui *,.jui-dialog[open]{transition:none!important;animation:none!important}.jui .jui-button:active:not(:disabled){scale:1}}.jui-spinner{vertical-align:middle;border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:18px;height:18px;animation:.75s linear infinite jui-spin;display:inline-block}.jui-button .jui-spinner{width:14px;height:14px;margin-right:7px}.jui-loading{min-height:160px;color:var(--jui-subtle);justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}@keyframes jui-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.jui-spinner{animation-duration:2s}}@keyframes jui-remote-change{0%{background-color:#e4f2e8;box-shadow:0 0 0 3px #76a78c}to{box-shadow:0 0 #0000}}.jui [data-remote-change=true]{animation:1.6s ease-out jui-remote-change}@media (prefers-reduced-motion:reduce){.jui [data-remote-change=true]{outline:2px solid #76a78c;animation:none}}.global-loading{z-index:1000;color:#234f3f;background:#f7f8f6;place-items:center;max-width:none;margin:0;padding:0;display:grid;position:fixed;inset:0}.global-loading .jui-spinner{border-width:3px;width:32px;height:32px}.jui-dialog{overscroll-behavior:contain;max-height:calc(100dvh - 32px);overflow-y:auto}@media (max-width:540px){.jui-dialog{width:min(420px,100% - 24px);max-height:calc(100dvh - 24px);padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.jui .jui-button{min-height:44px}.jui input:not([type=checkbox]):not([type=radio]),.jui select,.jui textarea{font-size:16px}.jui .modal-backdrop{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.jui .modal{overscroll-behavior:contain;width:min(100%,420px);max-height:calc(100dvh - 24px);padding:20px 16px;overflow-y:auto}.jui .modal-actions{flex-wrap:wrap}.jui .modal-actions button{min-height:44px}.jui .modal-header .close{place-items:center;min-width:44px;min-height:44px;margin:-10px -8px 0 0;display:grid}}