:root{--paxio-font-stack: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;font-family:var(--paxio-font-stack)}:root{--pax-color-ocean-background: #0f2b46;--pax-color-ocean-background-elevated: #1a3a52;--pax-color-ocean-blue: #345da7;--pax-color-ocean-blue-muted: rgba(52, 93, 167, .3);--pax-color-ocean-blue-muted-strong: rgba(52, 93, 167, .4);--pax-color-ocean-surface-companion: #1e4d7a;--pax-color-ocean-accent: #38bac4;--pax-color-ocean-light-blue: #4bb4de;--pax-color-ocean-cream: #efdbc8;--pax-color-ocean-text-on-dark: #ffffff;--pax-color-ocean-text-on-accent: #0f2b46;--pax-color-ocean-overlay: rgba(15, 43, 70, .8);--pax-color-neutral-950: #0a0e14;--pax-color-neutral-900: #141920;--pax-color-neutral-850: #1a1f28;--pax-color-neutral-800: #242933;--pax-color-neutral-700: #2e3542;--pax-gradient-primary: linear-gradient(90deg, #38bac4 0%, #4bb4de 100%);--pax-gradient-background: linear-gradient(180deg, #0f2b46 0%, #1a3a52 100%);--pax-color-status-success: #10b981;--pax-color-status-warning: #f59e0b;--pax-color-status-error: #ef4444;--pax-color-status-info: #4bb4de;--pax-focus-ring: #38bac4;--pax-focus-ring-width: 2px;--pax-focus-ring-offset: 2px;--pax-space-2: 16px;--pax-space-3: 24px;--pax-radius-sm: 8px;--pax-radius-md: 10px;--pax-radius-lg: 12px;--pax-radius-xl: 16px;--pax-radius-2xl: 20px;--pax-radius-3xl: 24px;--pax-radius-pill: 22px;--pax-radius-tag-category: 16px;--pax-radius-tag-interest: 8px;--pax-radius-badge: 12px;--pax-shadow-primary-btn: 0 2px 8px rgba(0, 0, 0, .2);--pax-page-max-width: 1440px;--pax-page-pad: clamp(16px, 3vw, 48px);--pax-content-narrow-max: 440px;--pax-content-page-max: 900px;--pax-type-h1: clamp(1.125rem, 4vw, 1.5rem);--pax-type-h2: clamp(1rem, 3vw, 1.25rem);--pax-type-body: clamp(.875rem, 2.5vw, 1rem);--pax-type-caption: clamp(.75rem, 2vw, .875rem);--pax-state-disabled-opacity: .4;--pax-color-surface-page: var(--pax-color-ocean-background);--pax-color-surface-card: rgba(255, 255, 255, .05);--pax-color-surface-card-elevated: rgba(255, 255, 255, .08);--pax-color-surface-card-strong: rgba(255, 255, 255, .1);--pax-color-surface-input: rgba(52, 93, 167, .2);--pax-color-border-subtle: rgba(255, 255, 255, .1);--pax-color-border-medium: rgba(56, 186, 196, .2);--pax-color-border-accent: rgba(56, 186, 196, .4);--pax-color-text-primary: #ffffff;--pax-color-text-secondary: var(--pax-color-ocean-cream);--pax-color-text-muted: rgba(239, 219, 200, .7);--pax-color-text-disabled: rgba(255, 255, 255, .35);--pax-color-overlay: rgba(15, 43, 70, .92);--pax-shadow-card: 0 8px 32px rgba(0, 0, 0, .3);--pax-shadow-card-hover: 0 12px 48px rgba(56, 186, 196, .2), 0 4px 16px rgba(0, 0, 0, .4);--pax-shadow-accent: 0 8px 24px rgba(56, 186, 196, .3);--pax-focus-glow: 0 0 0 3px rgba(56, 186, 196, .3);--pax-glass-backdrop-blur: 12px;--pax-glass-card: rgba(255, 255, 255, .05);--pax-glass-border: rgba(255, 255, 255, .1);--pax-gradient-card-overlay: linear-gradient(135deg, rgba(56, 186, 196, .1) 0%, rgba(75, 180, 222, .05) 100%);--paxio-background: var(--pax-color-surface-page);--paxio-surface: var(--pax-color-surface-card);--paxio-border: var(--pax-color-border-subtle);--paxio-text: var(--pax-color-text-primary);--paxio-text-primary: var(--pax-color-text-primary);--paxio-text-secondary: var(--pax-color-text-secondary);--paxio-primary: var(--pax-color-ocean-accent);--paxio-primary-hover: var(--pax-color-ocean-light-blue);--paxio-light: var(--pax-color-ocean-blue-muted);--paxio-info: var(--pax-color-status-info);--paxio-success: var(--pax-color-status-success);--paxio-warning: var(--pax-color-status-warning);--paxio-error: var(--pax-color-status-error)}:root[data-theme=light]{--pax-color-surface-page: #f8fafb;--pax-color-surface-card: #ffffff;--pax-color-surface-card-elevated: #ffffff;--pax-color-surface-card-strong: #f0f7f9;--pax-color-surface-input: #fafcfd;--pax-color-border-subtle: rgba(15, 43, 70, .12);--pax-color-border-medium: rgba(15, 43, 70, .2);--pax-color-border-accent: rgba(56, 186, 196, .4);--pax-color-text-primary: #0a1f33;--pax-color-text-secondary: #2d5570;--pax-color-text-muted: #5a7a92;--pax-color-text-disabled: rgba(15, 43, 70, .4);--pax-color-overlay: rgba(15, 43, 70, .6);--pax-shadow-card: 0 2px 8px rgba(15, 43, 70, .08), 0 8px 24px rgba(15, 43, 70, .12);--pax-shadow-card-hover: 0 4px 16px rgba(15, 43, 70, .12), 0 12px 32px rgba(56, 186, 196, .15);--pax-shadow-accent: 0 8px 24px rgba(56, 186, 196, .25);--pax-shadow-primary-btn: 0 4px 12px rgba(56, 186, 196, .3);--pax-focus-glow: 0 0 0 3px rgba(56, 186, 196, .25);--pax-glass-backdrop-blur: 0;--pax-glass-card: #ffffff;--pax-glass-border: rgba(15, 43, 70, .12);--pax-gradient-card-overlay: none;--paxio-background: var(--pax-color-surface-page);--paxio-surface: var(--pax-color-surface-card);--paxio-border: var(--pax-color-border-subtle);--paxio-text: var(--pax-color-text-primary);--paxio-text-primary: var(--pax-color-text-primary);--paxio-text-secondary: var(--pax-color-text-secondary)}:root[data-theme=light] body{color:var(--pax-color-text-primary);background-color:var(--pax-color-surface-page)}html{font-size:clamp(14px,2.5vw,16px);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{line-height:1.5;color:var(--pax-color-text-primary, #fff);background:var(--pax-color-surface-page, var(--pax-gradient-background))}.pax-type-h1{margin:0;font-size:var(--pax-type-h1);line-height:1.3;font-weight:700;color:var(--pax-color-text-primary, #fff)}.pax-type-h2{margin:0;font-size:var(--pax-type-h2);line-height:1.4;font-weight:600;color:var(--pax-color-text-primary, #fff)}.pax-type-body{margin:0;font-size:var(--pax-type-body);line-height:1.5;font-weight:400;color:var(--pax-color-text-primary, #fff)}.pax-type-caption{margin:0;font-size:var(--pax-type-caption);line-height:1.6;font-weight:400;color:var(--pax-color-text-secondary, #efdbc8)}.pax-page{box-sizing:border-box;width:100%;max-width:var(--pax-page-max-width);margin-inline:auto;padding-top:calc(var(--pax-page-pad) + env(safe-area-inset-top,0));padding-bottom:calc(var(--pax-page-pad) + env(safe-area-inset-bottom,0));padding-left:calc(var(--pax-page-pad) + env(safe-area-inset-left,0));padding-right:calc(var(--pax-page-pad) + env(safe-area-inset-right,0))}.pax-page--flush-y{padding-block:0}.pax-min-w-0{min-width:0}.pax-text-break{overflow-wrap:anywhere;word-break:break-word}.pax-text-ellipsis{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pax-scroll-x{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.paxio-ocean-shell{background:var(--pax-color-surface-page);color:var(--pax-color-text-primary);min-height:100vh}.pax-card-elevated{border:1px solid var(--pax-color-border-subtle);background:var(--pax-color-surface-card);box-shadow:var(--pax-shadow-card);transition:transform .2s ease,box-shadow .2s ease}.pax-card-elevated:hover{transform:translateY(-2px);box-shadow:0 12px 32px #000000b3,0 4px 12px #00000080}@media(prefers-reduced-motion:reduce){.pax-card-elevated{transition:none}.pax-card-elevated:hover{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
