.compass-widget{--compass-color-primary:#8b5cf6;--compass-color-primary-hover:#7c3aed;--compass-color-primary-muted:rgba(139,92,246,0.15);--compass-color-primary-text:#ffffff;--compass-color-background:#0a0a0b;--compass-color-surface:#141417;--compass-color-surface-hover:#1a1a1f;--compass-color-border:rgba(255,255,255,0.08);--compass-color-text:#ffffff;--compass-color-text-secondary:#a1a1aa;--compass-color-text-tertiary:#71717a;--compass-color-success:#22c55e;--compass-color-success-muted:rgba(34,197,94,0.1);--compass-color-error:#ef4444;--compass-color-error-muted:rgba(239,68,68,0.1);--compass-color-warning:#f59e0b;--compass-color-warning-muted:rgba(245,158,11,0.1);--compass-color-secondary:rgba(255,255,255,0.06);--compass-font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--compass-font-size-xs:0.75rem;--compass-font-size-small:0.875rem;--compass-font-size-body:1rem;--compass-font-size-subheading:1.125rem;--compass-font-size-large:1.125rem;--compass-border-radius:0.5rem;--compass-border-radius-none:0;--compass-border-radius-sm:0.375rem;--compass-border-radius-md:0.5rem;--compass-border-radius-lg:0.75rem;--compass-border-radius-xl:1rem;--compass-border-radius-full:9999px;--compass-spacing-unit:8px;--compass-spacing-container:1rem;--compass-spacing-card:12px;--compass-spacing-input:0.5rem 0.75rem;--compass-shadow-sm:0 1px 2px rgba(0,0,0,0.3);--compass-shadow-md:0 4px 12px rgba(0,0,0,0.4);--compass-shadow-lg:0 8px 24px rgba(0,0,0,0.5)}.compass-widget[data-compass-theme=light]{--compass-color-primary:#7c3aed;--compass-color-primary-hover:#6d28d9;--compass-color-primary-muted:rgba(124,58,237,0.1);--compass-color-primary-text:#ffffff;--compass-color-background:#ffffff;--compass-color-surface:#f4f4f5;--compass-color-surface-hover:#e4e4e7;--compass-color-border:rgba(0,0,0,0.08);--compass-color-text:#18181b;--compass-color-text-secondary:#52525b;--compass-color-text-tertiary:#a1a1aa;--compass-color-success:#16a34a;--compass-color-success-muted:rgba(22,163,74,0.1);--compass-color-error:#dc2626;--compass-color-error-muted:rgba(220,38,38,0.1);--compass-color-warning:#d97706;--compass-color-warning-muted:rgba(217,119,6,0.1);--compass-color-secondary:rgba(0,0,0,0.04)}.compass-widget{font-family:var(--compass-font-family);color:var(--compass-color-text);font-size:var(--compass-font-size-body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.compass-widget *,.compass-widget :after,.compass-widget :before{box-sizing:border-box}.compass-widget-card{background-color:var(--compass-color-surface);border:1px solid var(--compass-color-border);border-radius:var(--compass-border-radius);padding:1rem}.compass-widget-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:var(--compass-font-size-small);font-weight:500;border-radius:var(--compass-border-radius-sm);border:none;cursor:pointer;transition:all .15s ease}.compass-widget-button-primary{background-color:var(--compass-color-primary);color:var(--compass-color-primary-text)}.compass-widget-button-primary:hover:not(:disabled){background-color:var(--compass-color-primary-hover)}.compass-widget-button-primary:disabled{opacity:.5;cursor:not-allowed}.compass-widget-button-secondary{background-color:var(--compass-color-secondary);color:var(--compass-color-text-secondary)}.compass-widget-button-secondary:hover:not(:disabled){background-color:var(--compass-color-border)}.compass-widget-spinner{animation:compass-spin 1s linear infinite}@keyframes compass-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes compass-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes compass-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.compass-widget-input{width:100%;padding:.75rem 1rem;font-size:var(--compass-font-size-body);font-family:var(--compass-font-family);background-color:var(--compass-color-background);color:var(--compass-color-text);border:1px solid var(--compass-color-border);border-radius:var(--compass-border-radius-sm);outline:none;transition:border-color .15s ease}.compass-widget-input:focus{border-color:var(--compass-color-primary)}.compass-widget-input::placeholder{color:var(--compass-color-text-tertiary)}.compass-widget-select{padding:.5rem .75rem;font-size:var(--compass-font-size-small);font-family:var(--compass-font-family);background-color:var(--compass-color-background);color:var(--compass-color-text);border:1px solid var(--compass-color-border);border-radius:var(--compass-border-radius-sm);cursor:pointer;outline:none}.compass-widget-select:focus{border-color:var(--compass-color-primary)}.compass-widget input[type=number]::-webkit-inner-spin-button,.compass-widget input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.compass-widget input[type=number]{-moz-appearance:textfield}.compass-widget-skeleton{background:linear-gradient(90deg,var(--compass-color-surface) 25%,var(--compass-color-surface-hover) 50%,var(--compass-color-surface) 75%);background-size:200% 100%;animation:compass-skeleton 1.5s ease-in-out infinite}@keyframes compass-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.compass-widget-skeleton,.compass-widget-spinner{animation:none}}.compass-widget button:focus-visible,.compass-widget input:focus-visible{outline:2px solid var(--compass-color-primary);outline-offset:2px}.compass-widget button:not(:disabled){cursor:pointer}.compass-hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.compass-hide-scrollbar::-webkit-scrollbar{display:none}