.ctl-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:0 1.125rem;border:1px solid transparent;border-radius:var(--app-radius);background:transparent;color:var(--app-text);font-family:var(--app-font);font-size:.9375rem;font-weight:700;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,filter .15s ease}.ctl-btn:focus-visible{outline:2px solid var(--app-lime);outline-offset:2px}.ctl-btn:active:not(:disabled){transform:translateY(1px)}.ctl-btn--primary{background:var(--app-lime);border-color:var(--app-lime);color:var(--app-on-lime);font-weight:800}.ctl-btn--primary:hover:not(:disabled){filter:brightness(1.06)}.ctl-btn--ghost{background:var(--app-card);border-color:var(--app-border);color:var(--app-text)}.ctl-btn--ghost:hover:not(:disabled){border-color:color-mix(in srgb,var(--app-lime) 55%,var(--app-border))}.ctl-btn--danger{background:color-mix(in srgb,var(--c-danger) 12%,var(--app-card));border-color:color-mix(in srgb,var(--c-danger) 45%,transparent);color:var(--c-danger)}.ctl-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--c-danger) 18%,var(--app-card))}.ctl-btn--text{min-height:2.25rem;padding:0 .5rem;color:var(--app-lime-ink);font-weight:600}.ctl-btn--text:hover:not(:disabled){background:color-mix(in srgb,var(--app-lime) 10%,transparent)}.ctl-btn--lg{min-height:3.5rem;font-size:1.0625rem}.ctl-btn--block{width:100%}.ctl-btn:disabled{background:color-mix(in srgb,var(--app-text) 6%,transparent);border-color:var(--app-border);color:var(--app-text-3);cursor:not-allowed;filter:none;transform:none}.ctl-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;flex:none;border:1px solid var(--app-border);border-radius:var(--app-radius-sm);background:var(--app-card);color:var(--app-text-2);cursor:pointer;transition:border-color .15s ease,color .15s ease}.ctl-icon-btn:hover{border-color:color-mix(in srgb,var(--app-lime) 55%,var(--app-border));color:var(--app-text)}.ctl-icon-btn:focus-visible{outline:2px solid var(--app-lime);outline-offset:2px}.ctl-field{display:flex;flex-direction:column;gap:.5rem}.ctl-label{font-size:.8125rem;font-weight:600;color:var(--app-text-2)}.ctl-hint{font-size:.8125rem;line-height:1.45;color:var(--app-text-3);margin:0}.ctl-input,.ctl-select,.ctl-textarea{width:100%;padding:.8125rem .9375rem;border:1px solid var(--app-border);border-radius:var(--app-radius-sm);background:var(--app-bg);color:var(--app-text);font-family:var(--app-font);font-size:.9375rem;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease}.ctl-input::-moz-placeholder,.ctl-textarea::-moz-placeholder{color:var(--app-text-3)}.ctl-input::placeholder,.ctl-textarea::placeholder{color:var(--app-text-3)}.ctl-input:focus,.ctl-select:focus,.ctl-textarea:focus{border-color:var(--app-lime);box-shadow:0 0 0 4px color-mix(in srgb,var(--app-lime) 18%,transparent);outline:none}.ctl-textarea{min-height:6.5rem;resize:vertical}.ctl-input--invalid,.ctl-textarea--invalid{border-color:var(--c-danger)}.ctl-input--invalid:focus,.ctl-textarea--invalid:focus{border-color:var(--c-danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--c-danger) 15%,transparent)}.ctl-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.5rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238a9080' stroke-linecap='round' stroke-width='2.2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;cursor:pointer}.ctl-counter{align-self:flex-end;font-size:.75rem;color:var(--app-text-3);font-variant-numeric:tabular-nums}.ctl-seg{display:flex;flex-wrap:wrap;gap:.5rem}.ctl-seg__btn{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 .875rem;border:1px solid var(--app-border);border-radius:var(--app-radius-sm);background:var(--app-bg);color:var(--app-text-2);font-family:var(--app-font);font-size:.84375rem;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.ctl-seg__btn:hover{border-color:color-mix(in srgb,var(--app-lime) 55%,var(--app-border))}.ctl-seg__btn:focus-visible{outline:2px solid var(--app-lime);outline-offset:2px}.ctl-seg__btn--on{background:var(--app-lime);border-color:var(--app-lime);color:var(--app-on-lime)}.ctl-switch{display:flex;align-items:center;gap:.875rem;cursor:pointer}.ctl-switch__track{position:relative;flex:none;width:3.25rem;height:1.875rem;border-radius:var(--app-radius-pill);background:var(--app-border);transition:background .15s ease}.ctl-switch__track:after{content:"";position:absolute;top:.1875rem;left:.1875rem;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--app-card);transition:transform .15s ease}.ctl-switch input:checked+.ctl-switch__track{background:var(--app-lime)}.ctl-switch input:checked+.ctl-switch__track:after{transform:translate(1.375rem)}.ctl-switch input:focus-visible+.ctl-switch__track{outline:2px solid var(--app-lime);outline-offset:2px}.ctl-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.ctl-error{display:flex;align-items:flex-start;gap:.5rem;margin:0;font-size:.8125rem;font-weight:500;line-height:1.45;color:var(--c-danger)}.ctl-error__icon{flex:none;margin-top:.0625rem}.ctl-error--block{padding:.75rem .875rem;border:1px solid color-mix(in srgb,var(--c-danger) 40%,transparent);background:color-mix(in srgb,var(--c-danger) 8%,var(--app-card))}.ctl-error--block,.ctl-skel{border-radius:var(--app-radius-sm)}.ctl-skel{background:var(--app-skel-base);animation:ctl-skel-pulse 1.6s ease-in-out infinite}@keyframes ctl-skel-pulse{0%,to{opacity:.45}50%{opacity:.8}}@media(prefers-reduced-motion:reduce){.ctl-skel{animation:none;opacity:.6}}