.toaster{top:calc(var(--top-bar-height) + env(safe-area-inset-top,0px) + 8px);z-index:3000;pointer-events:none;flex-direction:column;gap:8px;width:min(100vw - 24px,420px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-lg);background:var(--clr-surface);border:1px solid var(--clr-border-strong);box-shadow:var(--shadow-lg);color:var(--clr-text-main);pointer-events:auto;align-items:center;gap:10px;padding:12px 14px;animation:.2s ease-out fadeIn;display:flex}.toast--success .toast__icon{color:var(--clr-success)}.toast--error .toast__icon{color:var(--clr-danger)}.toast--warning .toast__icon{color:var(--clr-warning)}.toast--info .toast__icon{color:var(--clr-primary)}.toast__icon{flex-shrink:0}.toast--error{border-color:#f8717166}.toast--warning{border-color:#fbbf2466}.toast__message{min-width:0;font-size:var(--text-sm);flex:1;line-height:1.4}.toast__action{border-radius:var(--radius-md);min-height:44px;color:var(--clr-primary);font-weight:700;font-size:var(--text-sm);flex-shrink:0;padding:0 12px}.toast__action:active{background:var(--clr-primary-light)}.toast__close{width:44px;height:44px;color:var(--clr-text-muted);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;margin:-8px -10px -8px -4px;display:flex}.ui-modal-overlay{z-index:1500;-webkit-backdrop-filter:var(--glass-blur-sm);background:#020812b8;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.ui-modal{background:var(--clr-surface);border:1px solid var(--clr-border-strong);border-radius:var(--radius-lg);width:min(100vw - 32px,480px);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-xl);outline:none;flex-direction:column;animation:.18s ease-out fadeInScale;display:flex}.ui-modal__header{border-bottom:1px solid var(--clr-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 12px 20px;display:flex}.ui-modal__title{font-size:var(--text-lg);font-weight:700;line-height:1.3}.ui-modal__close{border-radius:var(--radius-md);width:44px;height:44px;color:var(--clr-text-muted);flex-shrink:0;justify-content:center;align-items:center;margin:-8px -8px -8px 0;display:flex}.ui-modal__close:active{background:var(--clr-surface-raised)}.ui-modal__body{padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;overflow-y:auto}.ui-modal-overlay--sheet{align-items:flex-end}.ui-modal--sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:none;width:100vw;max-width:640px;max-height:min(85dvh,720px);animation:.22s ease-out slideUp}.ui-modal__handle{border-radius:var(--radius-full);background:var(--clr-border-strong);flex-shrink:0;width:40px;height:4px;margin:10px auto 2px}.ui-modal-overlay--fullscreen{background:var(--clr-bg)}.ui-modal--fullscreen{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding-top:env(safe-area-inset-top,0px);border:none;border-radius:0}@media (width<=480px){.ui-modal-overlay--dialog{align-items:flex-end}.ui-modal--dialog{border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:none;width:100vw;max-height:92dvh;animation:.22s ease-out slideUp}}.ui-modal-overlay--top{z-index:99999}.ui-confirm__body{font-size:var(--text-sm);color:var(--clr-text-body);white-space:pre-line;margin:0;line-height:1.6}.ui-confirm__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px;display:flex}@media (width<=380px){.ui-confirm__actions .btn-ui{flex:auto}}.page-header{z-index:50;background:var(--clr-bg);border-bottom:1px solid var(--clr-border);align-items:center;gap:6px;padding:8px 12px;display:flex;position:sticky;top:0}.page-header__back{border-radius:var(--radius-md);width:44px;height:44px;color:var(--clr-text-main);flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-header__back:active{background:var(--clr-surface-raised)}.page-header__titles{flex:1;min-width:0}.page-header__title{font-size:var(--text-lg);white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:1.25;overflow:hidden}.page-header__subtitle{font-size:var(--text-xs);color:var(--clr-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-header__actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.theme-picker{margin-bottom:var(--spacing-4);grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.theme-option{min-height:var(--touch-target);background:var(--clr-surface-raised);border:1px solid var(--clr-border);border-radius:var(--radius-card);color:var(--clr-text-body);cursor:pointer;text-align:left;transition:border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;align-items:flex-start;gap:4px;padding:12px;font-family:inherit;display:flex}.theme-option:hover{border-color:var(--clr-border-strong)}.theme-option--active{border-color:var(--clr-primary);background:var(--clr-primary-light)}.theme-swatch{border-radius:var(--radius-full);border:1px solid var(--clr-border-strong);justify-content:center;align-items:center;width:28px;height:28px;display:flex}.theme-swatch-dot{border-radius:var(--radius-full);width:12px;height:12px}.theme-option-label{font-size:var(--text-sm);color:var(--clr-text-main);font-weight:700}.theme-option-hint{font-size:var(--text-xs);color:var(--clr-text-muted)}.btn-ui{min-height:var(--touch-target);border-radius:var(--radius-control);font-family:inherit;font-size:var(--text-base);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;line-height:1.2;display:inline-flex}.btn-ui:disabled{opacity:.5;cursor:not-allowed}.btn-ui:focus-visible{outline:2px solid var(--clr-primary);outline-offset:2px}.btn-ui--primary{background:var(--clr-primary);border-color:var(--clr-primary);color:var(--clr-text-inverse)}.btn-ui--primary:hover:not(:disabled){background:var(--clr-primary-hover);border-color:var(--clr-primary-hover)}.btn-ui--secondary{background:var(--clr-surface-raised);border-color:var(--clr-border-strong);color:var(--clr-text-main)}.btn-ui--secondary:hover:not(:disabled){border-color:var(--clr-primary)}.btn-ui--danger{background:var(--clr-danger);border-color:var(--clr-danger);color:var(--clr-danger-text)}.btn-ui--danger:hover:not(:disabled){filter:brightness(.92)}.btn-ui--ghost{color:var(--clr-text-muted);background:0 0;border-color:#0000}.btn-ui--ghost:hover:not(:disabled){background:var(--clr-surface-raised);color:var(--clr-text-main)}.btn-ui--sm{min-height:var(--touch-target-sm);font-size:var(--text-sm);padding:0 12px}.btn-ui--full{width:100%}.btn-ui--icon-only{width:var(--touch-target);padding:0}.btn-ui--sm.btn-ui--icon-only{width:var(--touch-target-sm)}.card-ui{background:var(--clr-surface);border:var(--elev-border);border-radius:var(--radius-card);box-shadow:var(--elev-shadow);padding:var(--spacing-4);position:relative}.card-ui--flush{padding:0}.card-ui--flush>.card-ui__header{padding:var(--spacing-4) var(--spacing-4) 0}.card-ui--railed{padding-left:calc(var(--spacing-4) + 4px);overflow:hidden}.card-ui--railed:before{content:"";background:var(--card-rail,var(--clr-primary));width:4px;position:absolute;top:0;bottom:0;left:0}.card-ui__header{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;gap:10px;display:flex}.card-ui__title{font-size:var(--text-base);color:var(--clr-text-main);align-items:center;gap:8px;font-weight:700;display:flex}.card-ui__title svg{color:var(--clr-primary);flex-shrink:0}.card-ui__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.seg-ui{background:var(--clr-surface-raised);border:1px solid var(--clr-border);border-radius:var(--radius-control);gap:2px;padding:3px;display:inline-flex}.seg-ui--full{width:100%;display:flex}.seg-ui--full .seg-ui__option{flex:1}.seg-ui__option{min-height:calc(var(--touch-target) - 8px);border-radius:calc(var(--radius-control) - 3px);color:var(--clr-text-muted);font-family:inherit;font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:inline-flex}.seg-ui__option:focus-visible{outline:2px solid var(--clr-primary);outline-offset:-2px}.seg-ui__option:disabled{opacity:.4;cursor:not-allowed;color:var(--clr-text-subtle)}.seg-ui__option--active{background:var(--clr-primary);color:var(--clr-text-inverse)}.seg-ui--sm .seg-ui__option{min-height:32px;font-size:var(--text-xs);padding:0 10px}.pill-ui{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:3px 9px;font-weight:700;display:inline-flex}.pill-ui__dot{background:currentColor;border-radius:50%;width:7px;height:7px}.pill-ui--ok{background:var(--clr-success-light);color:var(--clr-success);border-color:color-mix(in srgb, var(--clr-success) 35%, transparent)}.pill-ui--warn{background:var(--clr-warning-light);color:var(--clr-warning);border-color:color-mix(in srgb, var(--clr-warning) 35%, transparent)}.pill-ui--danger{background:var(--clr-danger-light);color:var(--clr-danger);border-color:color-mix(in srgb, var(--clr-danger) 35%, transparent)}.pill-ui--info{background:var(--clr-primary-light);color:var(--clr-primary);border-color:color-mix(in srgb, var(--clr-primary) 35%, transparent)}.pill-ui--neutral{background:var(--clr-surface-raised);color:var(--clr-text-muted);border-color:var(--clr-border)}.row-ui{width:100%;min-height:var(--touch-target);border:none;border-bottom:1px solid var(--clr-border);color:var(--clr-text-main);font-family:inherit;font-size:var(--text-base);text-align:left;background:0 0;align-items:center;gap:12px;padding:10px 12px;display:flex}.row-ui:last-child{border-bottom:none}.row-ui--tappable{cursor:pointer;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent}.row-ui--tappable:hover:not(:disabled){background:var(--clr-surface-raised)}.row-ui--tappable:focus-visible{outline:2px solid var(--clr-primary);outline-offset:-2px}.row-ui:disabled{opacity:.5;cursor:not-allowed}.row-ui__icon{border-radius:var(--radius-control);background:color-mix(in srgb, var(--row-icon-clr,var(--clr-primary)) 14%, transparent);width:34px;height:34px;color:var(--row-icon-clr,var(--clr-primary));flex-shrink:0;justify-content:center;align-items:center;display:flex}.row-ui__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.row-ui__label{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row-ui__sublabel{font-size:var(--text-xs);color:var(--clr-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-ui__value{color:var(--clr-text-body);font-weight:600;font-size:var(--text-sm);flex-shrink:0}.row-ui__chevron{color:var(--clr-text-subtle);flex-shrink:0}.empty-ui{padding:var(--spacing-8) var(--spacing-4);text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.empty-ui__icon{border-radius:var(--radius-full);background:var(--clr-surface-raised);border:1px solid var(--clr-border);width:64px;height:64px;color:var(--clr-text-muted);justify-content:center;align-items:center;margin-bottom:4px;display:flex}.empty-ui__title{font-size:var(--text-lg);color:var(--clr-text-main);margin:0;font-weight:700}.empty-ui__hint{max-width:320px;font-size:var(--text-sm);color:var(--clr-text-muted);margin:0 0 8px;line-height:1.5}
