.spinner{color:currentColor;animation:.8s linear infinite spin}.page-spinner{min-height:40vh;color:var(--text-3);place-items:center;display:grid}.avatar{color:#fff;letter-spacing:.01em;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;line-height:1;display:inline-grid;position:relative}.avatar>img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar--empty{background:var(--sunken);border:1px dashed var(--border-strong)}.avatar--more{background:var(--sunken);color:var(--text-2);font-size:10px;font-weight:600}.avatar__dot{width:8px;height:8px;box-shadow:0 0 0 2px var(--avatar-ring,var(--surface));background:#3fa36b;border-radius:50%;position:absolute;bottom:-1px;right:-1px}.avatar-stack{align-items:center;display:inline-flex}.avatar-stack>.avatar{box-shadow:0 0 0 2px var(--avatar-ring,var(--surface))}.avatar-stack>.avatar+.avatar{margin-left:calc(var(--av) * -.28)}.kbd{min-width:20px;height:20px;font-family:var(--font);color:var(--text-2);background:var(--surface);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;place-items:center;padding:0 5px;font-size:11px;font-weight:500;line-height:1;display:inline-grid}.checkbox{cursor:pointer;align-items:flex-start;gap:8px;min-width:0;display:inline-flex;position:relative}.checkbox input{opacity:0;cursor:pointer;width:16px;height:16px;margin:0;position:absolute}.checkbox__box{border:1.5px solid var(--border-strong);background:var(--surface);color:#0000;width:16px;height:16px;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:4px;flex-shrink:0;place-items:center;margin-top:2px;display:grid}.checkbox__box svg{width:12px;height:12px}.checkbox:hover .checkbox__box{border-color:var(--text-3)}.checkbox input:checked+.checkbox__box{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.checkbox--success input:checked+.checkbox__box{background:var(--success);border-color:var(--success);color:#fff}.checkbox input:focus-visible+.checkbox__box{outline:2px solid var(--focus);outline-offset:2px}.checkbox__label{min-width:0}.swatch{color:#fff;transition:box-shadow var(--dur-fast) var(--ease);border-radius:50%;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 1px #00000014}.swatch--rect{border-radius:6px;width:100%}.swatch:hover{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px var(--surface), 0 0 0 3px var(--border-strong)}.swatch.is-selected{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text)}.empty{text-align:center;color:var(--text-2);flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex}.empty--compact{gap:8px;padding:20px 12px}.empty__icon{color:var(--text-3)}.empty__icon svg{stroke-width:1.5px;width:20px;height:20px}.empty__text{max-width:340px;font-size:var(--fs-14)}.empty--compact .empty__text{font-size:var(--fs-13)}.tooltip{z-index:1000;color:#f1efea;max-width:260px;font-size:var(--fs-12);pointer-events:none;animation:fade-in var(--dur-fast) var(--ease);background:#2a2927;border-radius:5px;padding:5px 8px;line-height:1.35}:root[data-theme=dark] .tooltip{background:#3a3936}.btn{height:var(--h-btn);border-radius:var(--r-control);font-size:var(--fs-14);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;line-height:1;display:inline-flex}.btn svg{stroke-width:1.75px;width:16px;height:16px}.btn--sm{height:var(--h-btn-sm);font-size:var(--fs-13);gap:5px;padding:0 10px}.btn--sm svg{width:15px;height:15px}.btn--block{width:100%}.btn--icon-only{width:var(--h-btn);padding:0}.btn--sm.btn--icon-only{width:var(--h-btn-sm)}.btn__label{text-overflow:ellipsis;min-width:0;overflow:hidden}.btn:disabled{opacity:.55}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--primary:active:not(:disabled){filter:brightness(.95)}.btn--secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text);box-shadow:0 1px #00000008}.btn--secondary:hover:not(:disabled){background:var(--surface-2);border-color:color-mix(in srgb, var(--border-strong) 70%, var(--text-3))}.btn--secondary:active:not(:disabled),.btn--secondary.is-active{background:var(--sunken)}.btn--ghost{color:var(--text-2)}.btn--ghost:hover:not(:disabled){background:var(--hover);color:var(--text)}.btn--ghost.is-active{background:var(--active);color:var(--text)}.btn--subtle{background:var(--sunken);color:var(--text)}.btn--subtle:hover:not(:disabled){background:color-mix(in srgb, var(--sunken) 80%, var(--text) 6%)}.btn--subtle.is-active{background:var(--accent-subtle);color:var(--accent-text)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 88%, #000)}.btn--on-canvas{color:#ffffffeb;background:#ffffff1a}.btn--on-canvas:hover:not(:disabled){color:#fff;background:#ffffff2e}.btn--on-canvas.is-active{color:#1f1e1c;background:#ffffffeb}.icon-btn{width:var(--h-btn);height:var(--h-btn);border-radius:var(--r-control);color:var(--text-2);transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);place-items:center;display:inline-grid}.icon-btn svg{stroke-width:1.75px;width:16px;height:16px}.icon-btn--sm{width:var(--h-btn-sm);height:var(--h-btn-sm)}.icon-btn--xs{border-radius:5px;width:24px;height:24px}.icon-btn--xs svg{width:14px;height:14px}.icon-btn--ghost:hover:not(:disabled){background:var(--hover);color:var(--text)}.icon-btn--ghost.is-active{background:var(--active);color:var(--text)}.icon-btn--secondary{border:1px solid var(--border-strong);background:var(--surface)}.icon-btn--secondary:hover{background:var(--surface-2);color:var(--text)}.icon-btn--on-canvas{color:#ffffffdb}.icon-btn--on-canvas:hover:not(:disabled),.icon-btn--on-canvas.is-active{color:#fff;background:#ffffff29}.icon-btn:disabled{opacity:.45}.input{height:var(--h-btn);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-control);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);align-items:center;min-width:0;display:flex;position:relative}.input--sm{height:var(--h-btn-sm);font-size:var(--fs-13)}.input:hover{border-color:color-mix(in srgb, var(--border-strong) 70%, var(--text-3))}.input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.input.is-invalid{border-color:var(--danger)}.input.is-invalid:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 18%, transparent)}.input input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;padding:0 10px}.input input::placeholder,.textarea::placeholder{color:var(--text-3)}.input.has-icon input{padding-left:32px}.input__icon{color:var(--text-3);pointer-events:none;display:grid;position:absolute;left:9px}.input__icon svg{stroke-width:1.75px;width:16px;height:16px}.input__trailing{color:var(--text-3);align-items:center;padding-right:4px;display:flex}.input input:focus-visible{outline:none}.textarea{resize:none;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-control);width:100%;transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);outline:none;padding:7px 10px;line-height:1.45;display:block}.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.textarea:focus-visible{border-radius:var(--r-control);outline:none}.textarea--bare{background:0 0;border-color:#0000;padding:0;box-shadow:none!important}.textarea.is-invalid{border-color:var(--danger)}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field__top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.field__label{font-size:var(--fs-13);color:var(--text-2);font-weight:500}.field__hint{font-size:var(--fs-12);color:var(--text-3)}.field__error{font-size:var(--fs-12);color:var(--danger)}.select{align-items:center;min-width:0;display:inline-flex;position:relative}.select select{appearance:none;height:var(--h-btn);border-radius:var(--r-control);border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;text-overflow:ellipsis;width:100%;padding:0 30px 0 10px}.select select:hover{border-color:color-mix(in srgb, var(--border-strong) 70%, var(--text-3))}.select select:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.select svg{color:var(--text-3);pointer-events:none;position:absolute;right:9px}.popover{z-index:600;background:var(--surface);border-radius:var(--r-card);max-width:calc(100vw - 16px);box-shadow:var(--shadow-pop);overscroll-behavior:contain;animation:pop-in var(--dur) var(--ease);transform-origin:0 0;flex-direction:column;display:flex;overflow:auto}.popover__header{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);grid-template-columns:28px 1fr 28px;align-items:center;height:40px;padding:0 6px;display:grid;position:sticky;top:0}.popover__title{text-align:center;font-size:var(--fs-13);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.popover__hbtn{width:28px;height:28px;color:var(--text-3);border-radius:5px;place-items:center;display:grid}.popover__hbtn:hover{background:var(--hover);color:var(--text)}.popover__body{flex-direction:column;gap:12px;padding:12px;display:flex}.popover__body--flush{gap:0;padding:6px}.popover__section-label{font-size:var(--fs-12);color:var(--text-3);padding:2px 2px 0;font-weight:500}.menu{flex-direction:column;padding:5px;display:flex}.menu__item{min-height:32px;font-size:var(--fs-14);color:var(--text);text-align:left;border-radius:5px;align-items:center;gap:10px;padding:5px 9px;display:flex}.menu__item:hover:not(:disabled),.menu__item:focus-visible{background:var(--hover);outline:none}.menu__item:disabled{color:var(--text-3)}.menu__item.is-danger,.menu__item.is-danger .menu__icon{color:var(--danger)}.menu__item.is-checked{font-weight:500}.menu__icon{color:var(--text-3);display:grid}.menu__icon svg{stroke-width:1.75px;width:16px;height:16px}.menu__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.menu__hint{color:var(--text-3);font-size:var(--fs-12);gap:3px;display:flex}.menu__divider{background:var(--border);height:1px;margin:5px -5px}.option-row{text-align:left;border-radius:5px;align-items:center;gap:10px;width:100%;min-height:34px;padding:4px 8px;display:flex}.option-row:hover,.option-row:focus-visible{background:var(--hover);outline:none}.option-row__main{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.option-row__check{color:var(--accent-text);display:grid}.option-row__check svg{stroke-width:2px;width:16px;height:16px}.option-row__sub{font-size:var(--fs-12);color:var(--text-3)}.popover[data-unpositioned]{opacity:0;animation:none!important}.dialog-scrim{z-index:500;background:var(--scrim);animation:fade-in var(--dur) var(--ease);justify-content:center;align-items:flex-start;padding:10vh 16px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.dialog-scrim--sheet{padding-top:48px}.dialog{background:var(--surface);border-radius:var(--r-modal);width:100%;box-shadow:var(--shadow-pop);animation:sheet-in .18s var(--ease);flex-direction:column;display:flex;position:relative}.dialog:focus-visible{outline:none}.dialog__header{align-items:center;gap:12px;padding:16px 16px 4px 20px;display:flex}.dialog__title{font-size:var(--fs-16);flex:1;min-width:0;font-weight:600}.dialog__close{border-radius:var(--r-control);width:32px;height:32px;color:var(--text-3);place-items:center;display:grid}.dialog__close:hover{background:var(--hover);color:var(--text)}.dialog__body{flex-direction:column;gap:16px;padding:12px 20px 8px;display:flex}.dialog__text{color:var(--text-2)}.dialog__footer{justify-content:flex-end;gap:8px;padding:16px 20px 18px;display:flex}@media (width<=640px){.dialog-scrim{align-items:flex-end;padding:0}.dialog{border-radius:12px 12px 0 0;max-height:92vh;overflow-y:auto}.dialog-scrim--sheet{padding:0}.dialog--sheet{border-radius:0;min-height:100%;max-height:none;max-width:none!important}}.toaster{z-index:1100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 24px);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;border-radius:var(--r-card);color:#f1efea;max-width:460px;min-height:40px;font-size:var(--fs-13);animation:sheet-in .18s var(--ease);background:#262523;align-items:center;gap:10px;padding:8px 8px 8px 12px;display:flex;box-shadow:0 8px 24px #00000038}:root[data-theme=dark] .toast{background:#343330}.toast__icon{color:#a9a59c;flex-shrink:0}.toast--error .toast__icon{color:#ee8f7f}.toast--success .toast__icon{color:#7fcf9d}.toast__msg{flex:1;min-width:0}.toast__action{color:#8fd6bd;border-radius:5px;padding:4px 8px;font-weight:600}.toast__action:hover{background:#ffffff14}.toast__close{color:#a9a59c;border-radius:5px;place-items:center;width:24px;height:24px;display:grid}.toast__close:hover{color:#fff;background:#ffffff14}@media (width<=640px){.toaster{bottom:calc(12px + env(safe-area-inset-bottom))}}.dp{-webkit-user-select:none;user-select:none;flex-direction:column;gap:6px;display:flex}.dp__head{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.dp__month{font-weight:600;font-size:var(--fs-14);text-transform:capitalize}.dp__nav{width:28px;height:28px;color:var(--text-2);border-radius:5px;place-items:center;display:grid}.dp__nav:hover{background:var(--hover);color:var(--text)}.dp__grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.dp__wd{text-align:center;color:var(--text-3);padding:4px 0;font-size:11px;font-weight:500}.dp__day{height:32px;font-size:var(--fs-13);font-variant-numeric:tabular-nums;color:var(--text);border-radius:5px}.dp__day:hover{background:var(--hover)}.dp__day.is-weekend{color:var(--text-2)}.dp__day.is-out{color:var(--text-3);opacity:.6}.dp__day.is-today{box-shadow:inset 0 0 0 1px var(--border-strong);font-weight:600}.dp__day.is-range{background:var(--accent-subtle);border-radius:0}.dp__day.is-start{background:var(--accent-subtle);color:var(--accent-text);font-weight:600}.dp__day.is-selected,.dp__day.is-selected:hover{background:var(--accent);color:var(--on-accent);font-weight:600}.dp__quick{border-top:1px solid var(--border);align-items:center;gap:4px;margin-top:2px;padding-top:8px;display:flex}.dp__quick>button{height:26px;font-size:var(--fs-12);color:var(--text-2);background:var(--sunken);border-radius:5px;padding:0 8px}.dp__quick>button:hover{color:var(--text);background:color-mix(in srgb, var(--sunken) 80%, var(--text) 8%)}.dp__time{margin-left:auto}.dp__time select{border:1px solid var(--border-strong);background:var(--surface);font-variant-numeric:tabular-nums;height:28px;font-size:var(--fs-13);border-radius:5px;padding:0 6px}.dp__time select:focus{outline:2px solid var(--focus);outline-offset:1px}.seg{background:var(--sunken);border-radius:7px;align-self:flex-start;gap:2px;max-width:100%;padding:2px;display:inline-flex}.seg__opt{height:28px;font-size:var(--fs-13);color:var(--text-2);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:5px;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.seg__opt svg{stroke-width:1.75px;width:15px;height:15px}.seg--sm .seg__opt{height:24px;font-size:var(--fs-12);padding:0 8px}.seg__opt:hover{color:var(--text)}.seg__opt.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014,0 0 0 1px #00000008}.seg--on-canvas{background:#0000002e}.seg--on-canvas .seg__opt{color:#ffffffd1}.seg--on-canvas .seg__opt:hover{color:#fff}.seg--on-canvas .seg__opt.is-active{color:#1f1e1c;background:#fffffff0}.inline-edit{text-align:left;overflow-wrap:anywhere;cursor:text;border-radius:5px;max-width:100%;margin:-2px -6px;padding:2px 6px;display:block}.inline-edit:hover:not(.is-disabled){background:var(--hover)}.inline-edit.is-disabled{cursor:default}.inline-edit__ph{color:var(--text-3)}.inline-edit__input{background:var(--surface);width:calc(100% + 12px);box-shadow:inset 0 0 0 2px var(--accent);resize:none;line-height:inherit;font-weight:inherit;font-size:inherit;border:0;border-radius:5px;outline:none;margin:-2px -6px;padding:2px 6px;display:block;overflow:hidden}