.page{max-width:640px;padding:var(--space-5) var(--page-inline-pad);gap:var(--space-5);flex-direction:column;margin-inline:auto;padding-block-end:calc(var(--space-7) + 68px + env(safe-area-inset-bottom));display:flex}.page--wide{max-width:880px}@media (width>=900px){.page{padding-block-end:var(--space-7)}}.auth-shell{min-height:100svh;padding:var(--space-5);justify-content:center;align-items:center;display:flex}.page-loading{text-align:center;min-block-size:100svh;padding:var(--space-5);justify-content:center;align-items:center;display:flex}.auth-brand{margin:0}.auth-brand .logo-wordmark{font-size:inherit;font-weight:inherit;letter-spacing:inherit}.card{background:var(--color-bg-elevated);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm), var(--shadow-md);padding:18px}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack--sm{gap:var(--space-2)}.muted{color:var(--color-text-secondary);font-size:.875rem}.empty-state{color:var(--color-text-tertiary);padding-block:var(--space-2)}.alert{color:var(--color-danger);font-size:.875rem}.page-title-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.page-meta{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:.8125rem;display:flex}.button-row{align-items:center;gap:var(--space-2);display:flex}.btn{border-radius:var(--radius-pill);min-height:44px;font:inherit;font-size:.9375rem;font-weight:var(--weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;border:1.5px solid #0000;justify-content:center;align-items:center;gap:6px;padding:13px 24px;line-height:1;transition:background-color .15s,border-color .15s,color .15s,transform 50ms;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-subtle)}.btn-secondary.is-active{background:var(--color-bg-elevated);border-color:var(--color-accent);color:var(--color-accent)}.btn-ghost{color:var(--color-text-secondary);font-weight:var(--weight-medium);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-bg-subtle);color:var(--color-text)}.btn-danger-ghost{color:var(--color-text-secondary);font-weight:var(--weight-medium);background:0 0;border-color:#0000}.btn-danger-ghost:hover:not(:disabled){background:color-mix(in oklab, var(--color-danger) 10%, var(--color-bg-elevated));color:var(--color-danger)}.btn-danger-outline{background:var(--color-bg-elevated);border-color:var(--color-danger);color:var(--color-danger)}.btn-danger-outline:hover:not(:disabled){background:color-mix(in oklab, var(--color-danger) 10%, var(--color-bg-elevated))}.btn-sm{min-height:0;padding:6px 14px;font-size:.8125rem}.btn-icon{border-radius:var(--radius-sm);flex:none;width:30px;height:30px;padding:0}.btn-icon svg{width:16px;height:16px}.btn-icon-round{background:var(--color-bg-subtle);width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s,transform 50ms;display:inline-flex}.btn-icon-round svg{width:16px;height:16px}.btn-icon-round:hover{background:var(--color-bg-hover);color:var(--color-text)}.btn-icon-round:active{transform:scale(.95)}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-text-secondary)}.field-row{gap:var(--space-4);flex-wrap:wrap;display:flex}.field-row>.field{flex:12em}.input{border:1.5px solid var(--color-border);background:var(--color-bg-elevated);width:100%;color:var(--color-text);font:inherit;font-size:var(--input-font-size);border-radius:12px;padding:11px 14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.input::placeholder{color:var(--color-text-tertiary)}.input:disabled{border-color:color-mix(in oklab, var(--color-border) 60%, transparent);background:var(--color-bg-subtle);color:var(--color-text-tertiary);-webkit-text-fill-color:var(--color-text-tertiary);cursor:not-allowed}.input[type=date],.input[type=time],.input[type=datetime-local]{appearance:none;text-align:start;min-block-size:calc(1.5em + 25px);max-inline-size:100%}.emoji-field-row{align-items:center;gap:6px;display:flex}.input-emoji{text-align:center;width:4.5rem;font-size:1.25rem;line-height:calc(1.5 * var(--input-font-size));padding-inline:0}textarea.input{resize:vertical;min-block-size:4.5em;font-family:inherit}.select-shell{display:block;position:relative}.select-shell select.input{appearance:none;cursor:pointer;padding-inline-end:38px}.select-shell:after{content:"";border-right:1.75px solid var(--color-text-tertiary);border-bottom:1.75px solid var(--color-text-tertiary);pointer-events:none;block-size:7px;inline-size:7px;transition:border-color .15s;position:absolute;inset-block-start:50%;inset-inline-end:15px;transform:translateY(-60%)rotate(45deg)}.select-shell:hover:after{border-right-color:var(--color-text-secondary);border-bottom-color:var(--color-text-secondary)}.field-hint{color:var(--color-text-tertiary);font-size:.75rem}.field-hint--warning{color:var(--color-warning);font-weight:var(--weight-medium)}.field-hint summary{cursor:pointer;color:var(--color-accent);font-size:.75rem}.field-hint ul{margin:var(--space-1) 0 0;padding-inline-start:1.1em}.checkbox-field{align-items:center;gap:var(--space-2);cursor:pointer;color:var(--color-text);font-size:.9375rem;display:inline-flex}.checkbox-field input[type=checkbox]{appearance:none;border:1.5px solid var(--color-border);background:var(--color-bg-elevated);cursor:pointer;border-radius:6px;flex:none;place-content:center;width:20px;height:20px;margin:0;transition:background-color .15s,border-color .15s;display:inline-grid}.checkbox-field input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent)}.checkbox-field input[type=checkbox]:checked:after{content:"";border:solid var(--color-accent-contrast);border-width:0 2px 2px 0;width:5px;height:9px;transform:rotate(45deg)translate(-1px,-1px)}.switch-field{align-items:center;gap:var(--space-2);cursor:pointer;color:var(--color-text);font-size:.9375rem;display:inline-flex}.switch-field input[type=checkbox]{appearance:none;border-radius:var(--radius-pill);background:var(--color-bg-subtle);border:1px solid var(--color-border);cursor:pointer;flex:none;width:40px;height:24px;margin:0;transition:background-color .15s,border-color .15s;position:relative}.switch-field input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:inset-inline-start .15s;position:absolute;inset-block-start:50%;inset-inline-start:3px;transform:translateY(-50%);box-shadow:0 1px 2px #00000040}.switch-field input[type=checkbox]:checked{background:var(--color-accent);border-color:#0000}.switch-field input[type=checkbox]:checked:after{inset-inline-start:calc(100% - 21px)}.switch-field input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.radio-pills{--radio-pills-gutter:3px;background:var(--color-bg-subtle);border-radius:var(--radius-pill);width:100%;padding:var(--radio-pills-gutter);display:flex}.radio-pills label{text-align:center;border-radius:var(--radius-pill);font-size:.875rem;font-weight:var(--weight-medium);color:var(--color-text-secondary);cursor:pointer;flex:1;padding:9px;transition:background-color .15s,color .15s;position:relative}.radio-pills label:has(input:checked){background:var(--color-accent);color:var(--color-accent-contrast);font-weight:var(--weight-strong)}.radio-pills label:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.radio-pills input[type=radio]{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.primary-tag__dot{background:var(--color-text-tertiary);border-radius:50%;flex:none;block-size:7px;inline-size:7px}.choice-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.choice-chip{border-radius:var(--radius-pill);border:1.5px solid var(--color-border);background:var(--color-bg-elevated);min-height:36px;font-size:.875rem;font-weight:var(--weight-medium);color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;padding-inline:14px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.choice-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}.choice-chip:has(input:checked){background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.choice-chip:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.choice-chip:has(input:disabled){opacity:.55;cursor:not-allowed}.choice-chip:has(input:disabled):hover{border-color:var(--color-border);color:var(--color-text-secondary)}.choice-chip input[type=radio]{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice-chip input[type=radio]:disabled{cursor:not-allowed}.color-picker{gap:var(--space-4);flex-wrap:wrap;display:flex}.color-swatch{cursor:pointer;border:none;border-radius:50%;width:36px;height:36px;padding:0;transition:transform .1s,box-shadow .15s;box-shadow:inset 0 0 0 1px #00000014}.color-swatch:hover{transform:scale(1.08)}.color-picker--compact{gap:var(--space-2)}.color-picker--compact .color-swatch{width:24px;height:24px}.color-swatch--none{background-color:var(--color-bg);background-image:linear-gradient(to top left, transparent calc(50% - 1px), var(--color-border-strong,var(--color-border)) calc(50% - 1px), var(--color-border-strong,var(--color-border)) calc(50% + 1px), transparent calc(50% + 1px));box-shadow:inset 0 0 0 1px var(--color-border)}.color-swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--color-bg-elevated), 0 0 0 4px var(--color-accent-soft), inset 0 0 0 2.5px var(--color-accent);transform:scale(1.08)}html[dir=rtl] .icon-rtl-mirror{transform:scaleX(-1)}.chip-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{border-radius:var(--radius-pill);border:1.5px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);font:inherit;font-size:.875rem;font-weight:var(--weight-medium);cursor:pointer;align-items:center;gap:6px;padding:9px 14px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.chip:hover{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.chip:active{transform:scale(.97)}.tabs{gap:var(--space-2);border-block-end:1px solid var(--color-border);display:flex}.tabs__tab{padding:var(--space-2) var(--space-3);font:inherit;font-size:.9375rem;font-weight:var(--weight-medium);color:var(--color-text-secondary);cursor:pointer;border:none;background:0 0;border-block-end:2px solid #0000;margin-block-end:-1px}.tabs__tab.is-active{color:var(--color-accent);border-block-end-color:var(--color-accent);font-weight:var(--weight-strong)}.detail-back{font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-text-secondary);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.detail-back svg{width:16px;height:16px}.detail-back:hover{color:var(--color-text)}