:root{--ion-font-family: "Segoe UI", system-ui, -apple-system, sans-serif;--ion-color-primary: #ec4899;--ion-color-primary-rgb: 236, 72, 153;--ion-color-primary-contrast: #ffffff;--ion-color-secondary: #f472b6;--ion-color-success: #22c55e;--ion-color-danger: #ef4444;--indo-bg: #0f0f0f;--indo-card: #1a1a1a;--indo-border: #2a2a2a;--indo-text: #fafafa;--indo-muted: #a1a1a1;--indo-accent: #ec4899;--indo-btn-radius: 12px;--indo-btn-padding-y: 14px;--indo-btn-padding-x: 24px;--indo-btn-font-size: 1rem;--indo-btn-font-weight: 600}ion-toolbar{--background: #0f0f0f;--color: #fafafa;--min-height: 56px;--border-color: #2a2a2a}ion-content{--background: #0f0f0f;--overflow: auto}ion-tab-bar{--background: #1a1a1a;border-top:1px solid #2a2a2a;padding-bottom:env(safe-area-inset-bottom)}ion-tab-button{--color: #a1a1a1;--color-selected: #ec4899;font-size:.75rem}ion-fab-button{--background: #ec4899;--background-activated: #db2777}ion-button{--border-radius: var(--indo-btn-radius, 12px);--padding-top: var(--indo-btn-padding-y, 14px);--padding-bottom: var(--indo-btn-padding-y, 14px);--padding-start: var(--indo-btn-padding-x, 24px);--padding-end: var(--indo-btn-padding-x, 24px);font-weight:var(--indo-btn-font-weight, 600);font-size:var(--indo-btn-font-size, 1rem)}ion-button[fill=solid]{--background: var(--ion-color-primary);--background-activated: #db2777;--background-hover: #db2777;--color: var(--ion-color-primary-contrast)}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:var(--ion-font-family);background:#0f0f0f}ion-app,ion-router-outlet{display:block;height:100%}.btn-primary,button.btn-primary{padding:var(--indo-btn-padding-y, 14px) var(--indo-btn-padding-x, 24px);background:var(--ion-color-primary, #ec4899);color:var(--ion-color-primary-contrast, #fff);border:none;border-radius:var(--indo-btn-radius, 12px);font-size:var(--indo-btn-font-size, 1rem);font-weight:var(--indo-btn-font-weight, 600);cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:#db2777}.btn-primary:disabled{opacity:.6;cursor:not-allowed}ion-toolbar{max-width:100vw}ion-toolbar.dark-toolbar .brand-name{font-size:clamp(.9rem,2.5vw + .8rem,1.1rem)}ion-toolbar.dark-toolbar .brand{display:flex;align-items:center;gap:8px}ion-toolbar.dark-toolbar .brand-logo{width:28px;height:28px;border-radius:999px;background:#ec4899;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}ion-toolbar.dark-toolbar .brand-name{color:#fafafa;font-size:1.1rem;font-weight:600}