:root{--color-brand-50: #f0f8ff;--color-brand-100: #e0f2fe;--color-brand-200: #bae6fd;--color-brand-300: #7dd3fc;--color-sky-300: var(--color-brand-300);--color-brand-400: #38bdf8;--color-brand-500: #009fe2;--color-brand-600: #008be2;--color-brand-700: #026aa2;--color-brand-800: #075985;--color-brand-900: #0c4a6e;--color-navy-950: #090e17;--color-navy-900: #0f1c2e;--color-navy-800: #14233d;--color-navy-700: #1c2e52;--color-navy-600: #263b63;--color-ice-50: #f8fcff;--color-ice-100: #f0f7fd;--color-ice-200: #e5f0fa;--color-ice-300: #dce9f7;--color-ice-400: #b9d8f3;--color-slate-900: #0f172a;--color-slate-800: #1e293b;--color-slate-700: #334155;--color-slate-600: #475569;--color-slate-500: #64748b;--color-slate-400: #94a3b8;--color-slate-300: #cbd5e1;--color-slate-200: #e2e8f0;--color-slate-100: #f1f5f9;--color-white: #ffffff;--color-black: #000000;--color-success-dark: #065f46;--color-warning-dark: #78350f;--color-brand-text: #0369a1;--color-informer-familiar-bg: #f0f9ff;--color-destructive-dark: #991b1b;--color-destructive-icon: #dc2626;--color-emerald-50: #ecfdf5;--color-emerald-100: #d1fae5;--color-emerald-200: #a7f3d0;--color-emerald-400: #34d399;--color-emerald-500: #10b981;--color-emerald-600: #059669;--color-emerald-700: #047857;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-200: #fde68a;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-amber-700: #b45309;--color-rose-50: #fef2f2;--color-rose-100: #fee2e2;--color-rose-200: #fecaca;--color-rose-500: #ef4444;--color-rose-600: #dc2626;--color-rose-700: #b91c1c;--color-orange-50: #fff7ed;--color-orange-100: #ffedd5;--color-orange-200: #fed7aa;--color-orange-500: #f97316;--color-orange-600: #ea580c;--color-orange-700: #c2410c;--color-violet-50: #f5f3ff;--color-violet-100: #ede9fe;--color-violet-200: #ddd6fe;--color-violet-500: #8b5cf6;--color-violet-600: #7c3aed;--color-violet-700: #6d28d9;--color-teal-50: #f0fdfa;--color-teal-100: #ccfbf1;--color-teal-200: #99f6e4;--color-teal-500: #14b8a6;--color-teal-600: #0d9488;--color-teal-700: #0f766e;--color-success-surface: var(--color-emerald-50);--color-success-border: var(--color-emerald-200);--color-success-fg: var(--color-emerald-700);--color-success-solid: var(--color-emerald-500);--color-warning-surface: var(--color-amber-50);--color-warning-border: var(--color-amber-200);--color-warning-fg: var(--color-amber-700);--color-warning-solid: var(--color-amber-500);--color-danger-surface: var(--color-rose-50);--color-danger-border: var(--color-rose-200);--color-danger-fg: var(--color-rose-700);--color-danger-solid: var(--color-rose-500);--color-info-surface: var(--color-brand-50);--color-info-border: var(--color-brand-200);--color-info-fg: var(--color-brand-700);--color-info-solid: var(--color-brand-500);--color-progress-surface: var(--color-orange-50);--color-progress-border: var(--color-orange-200);--color-progress-fg: var(--color-orange-700);--color-progress-solid: var(--color-orange-500);--color-accent-surface: var(--color-violet-50);--color-accent-border: var(--color-violet-200);--color-accent-fg: var(--color-violet-700);--color-accent-solid: var(--color-violet-500);--color-neutral-surface: var(--color-slate-100);--color-neutral-border: var(--color-slate-200);--color-neutral-fg: var(--primary-text-safe);--color-neutral-solid: var(--color-teal-500);--brand-google-blue: #4285F4;--brand-google-green: #34A853;--brand-google-yellow: #FBBC05;--brand-google-red: #EA4335;--color-success: var(--color-success-fg);--color-success-bg: var(--color-success-surface);--color-warning: var(--color-warning-fg);--color-warning-bg: var(--color-warning-surface);--color-destructive: var(--color-danger-fg);--color-destructive-bg: var(--color-danger-surface);--gradient-brand-primary: linear-gradient(135deg, #009fe2 0%, #1c2e52 100%);--gradient-brand-cyan: linear-gradient(90deg, #009fe2 0%, #00c2ff 100%);--gradient-hero: linear-gradient(115deg, #009fe2 0%, #0082c9 50%, #14233d 100%);--gradient-card-subtle: linear-gradient(180deg, #ffffff 0%, #f9fcff 100%);--color-action-repeat: #ea580c;--color-action-repeat-bg: #fff7ed;--color-action-repeat-border: #fdba74;--color-action-repeat-hover-bg: #ffedd5;--color-action-familiar: #059669;--color-action-familiar-bg: #ecfdf5;--color-action-familiar-border: #6ee7b7;--color-action-familiar-hover-bg: #d1fae5;--color-action-delete: #dc2626;--color-action-delete-bg: #fef2f2;--color-action-delete-border: #fca5a5;--color-action-delete-hover-bg: #fee2e2;--cockpit-dark-bg: #070d18;--cockpit-dark-border: #1e293b;--cockpit-dark-surface: rgba(255, 255, 255, .05);--cockpit-dark-surface-hover: rgba(255, 255, 255, .1);--cockpit-dark-text-muted: #94a3b8;--cockpit-dark-text-subtle: #64748b;--cockpit-dark-text-bright: #f8fafc;--cockpit-mastered: #00d084;--cockpit-mobile-bar-h: 2.375rem;--cockpit-close-size: 2.125rem;--cockpit-mobile-title-reserve: 8.75rem;--cockpit-sheet-list-max: 12.5rem;--cockpit-sheet-shadow-blur: 2.25rem;--gradient-primary-fill: linear-gradient(180deg, #00a2ea 0%, #008ece 100%);--gradient-primary-fill-hover: linear-gradient(180deg, #028fd0 0%, #0079b2 100%);--gradient-secondary-fill: linear-gradient(180deg, #1c2e52 0%, #14233d 100%);--gradient-secondary-fill-hover: linear-gradient(180deg, #14233d 0%, #0f1c2e 100%);--gradient-success-fill: linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-warning-fill: linear-gradient(135deg, #b45309 0%, #d97706 100%);--gradient-danger-fill: linear-gradient(135deg, #b91c1c 0%, #dc2626 100%);--gradient-progress-badge: linear-gradient(135deg, #c2410c 0%, #ea580c 100%);--gradient-accent-fill: linear-gradient(135deg, #6d28d9 0%, #8b5cf6 100%);--gradient-neutral-fill: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%);--gradient-surface-selected: linear-gradient(180deg, #f3f9fe 0%, #ffffff 100%);--gradient-surface-info: linear-gradient(180deg, #f0f8ff 0%, #ffffff 100%);--gradient-progress-fill: linear-gradient(90deg, #009fe2 0%, #38bdf8 100%);--gradient-shimmer: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .45) 50%, transparent 100%);--background: var(--color-ice-50);--foreground: var(--color-slate-900);--surface-card: var(--color-white);--surface-card-hover: #ffffff;--surface-muted: var(--color-ice-100);--border-subtle: var(--color-ice-300);--border-medium: #cfe0f2;--border-strong: var(--color-ice-400);--border-accent: var(--color-brand-500);--primary: var(--color-brand-500);--primary-hover: var(--color-brand-600);--primary-foreground: var(--color-white);--secondary: var(--color-navy-800);--secondary-hover: var(--color-navy-700);--secondary-foreground: var(--color-white);--muted-text: var(--color-slate-500);--subtle-text: var(--color-slate-400);--foreground-on-dark: var(--color-ice-50);--muted-text-on-dark: var(--color-brand-200);--subtle-text-on-dark: var(--color-slate-400);--border-on-dark: var(--color-navy-600);--muted-on-dark: var(--muted-text-on-dark);--primary-text-safe: var(--color-brand-700);--primary-text-safe-hover: var(--color-brand-800);--on-primary-ink: var(--foreground);--icon-xs: .875rem;--icon-sm: 1rem;--icon-md: 1.25rem;--icon-lg: 1.5rem;--icon-xl: 2rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Plus Jakarta Sans", "Inter", sans-serif;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-body-lg: 1rem;--text-locale-switcher: .78rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-display-sm: clamp(1.5rem, 2.6vw, 1.875rem);--text-display-md: clamp(1.75rem, 3.2vw, 2.25rem);--text-display-lg: clamp(2rem, 4vw, 2.5rem);--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.7;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--measure-prose: 68ch;--measure-card: 28rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-9: 4rem;--space-10: 5rem;--grid-columns: 12;--grid-gutter: 1.5rem;--grid-margin: 2.5rem;--grid-max-width: 75rem;--tap-target-min: 2.75rem;--border-width-thin: 1px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 9999px;--shadow-subtle: 0 1px 3px rgba(15, 23, 42, .04), 0 1px 2px rgba(15, 23, 42, .02);--shadow-card: 0 4px 16px -2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .02);--shadow-card-hover: 0 16px 36px -6px rgba(0, 159, 226, .12), 0 4px 12px -2px rgba(15, 23, 42, .04);--shadow-glow: 0 0 0 1px rgba(0, 159, 226, .35), 0 8px 24px -2px rgba(0, 159, 226, .15);--motion-duration-fast: .18s;--motion-duration-productive: .32s;--motion-duration-expressive: .9s;--motion-sequence-cycle: 3s;--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-spring: cubic-bezier(.16, 1, .3, 1);--shadow-focus-glow: 0 0 0 2px rgba(0, 159, 226, .2), 0 0 24px rgba(0, 159, 226, .72);--shadow-bar-top: 0 -4px 16px -2px rgba(15, 23, 42, .06);--focus-ring: 0 0 0 3px rgba(0, 159, 226, .35);--scrim-poster-down: linear-gradient(180deg, rgba(9, 14, 23, .1) 0%, rgba(9, 14, 23, .55) 30%, rgba(9, 14, 23, .9) 55%, rgba(9, 14, 23, .97) 100%);--scrim-poster-left: linear-gradient(90deg, rgba(9, 14, 23, .94) 0%, rgba(9, 14, 23, .72) 45%, rgba(9, 14, 23, 0) 80%);--scrim-hero-left: linear-gradient(90deg, rgba(9, 14, 23, .8) 0%, rgba(9, 14, 23, .38) 55%, rgba(9, 14, 23, 0) 100%);--scrim-hero-down: linear-gradient(180deg, rgba(9, 14, 23, 0) 25%, rgba(9, 14, 23, .8) 58%, rgba(9, 14, 23, .95) 100%);--overlay-on-dark-faint: rgba(255, 255, 255, .1);--overlay-on-dark-soft: rgba(255, 255, 255, .16);--overlay-on-dark-line: rgba(255, 255, 255, .25);--overlay-on-dark-strong: rgba(255, 255, 255, .5);--scrim-today-continue-down: linear-gradient(180deg, rgba(9, 14, 23, .1) 0%, rgba(9, 14, 23, .75) 45%, rgba(9, 14, 23, .95) 100%);--scrim-today-continue-left: linear-gradient(90deg, rgba(9, 14, 23, .95) 0%, rgba(9, 14, 23, .8) 45%, rgba(9, 14, 23, .1) 100%);--scrim-poster-rich-down: linear-gradient(180deg, rgba(9, 14, 23, 0) 20%, rgba(9, 14, 23, .75) 55%, rgba(9, 14, 23, .94) 100%);--scrim-poster-rich-compact: linear-gradient(180deg, rgba(9, 14, 23, 0) 30%, rgba(9, 14, 23, .82) 58%, rgba(9, 14, 23, .96) 100%);--overlay-on-dark-pill: rgba(255, 255, 255, .22);--overlay-on-dark-pill-faint: rgba(255, 255, 255, .14);--today-continue-min-height-phone: 300px;--today-continue-min-height-desk: 380px;--today-continue-body-offset: 120px;--today-rec-min-height-phone: 360px;--today-rec-min-height-desk: 300px;--today-progress-bar-height: 6px;--today-gap-hairline: 2px;--poster-hero-height: 520px;--poster-article-hero-height: 420px;--poster-hero-height-phone: 460px;--poster-card-min-height: 300px;--poster-card-min-height-phone: 440px;--carousel-dot: 8px;--carousel-dot-active: 28px;--popover-min-width: 280px;--result-hero-height: 420px;--result-hero-height-phone: 380px;--confetti-size: 10px;--confetti-duration: 1.2s;--nav-rail-width: 232px;--shell-bar-height: 56px;--shell-bar-height-phone: 48px;--shell-nav-height: 56px;--shell-nav-gap: 2px;--shell-off-opacity: .45;--shell-muted-opacity: .5;--pick-radio-size: 14px;--pick-ring: 2px;--pick-radio-dot: 4px;--pick-hair: 2px;--pick-phone-image-width: 104px;--pick-phone-image-min-height: 120px;--pick-tag-size-phone: 9px;--font-editorial: Georgia, "Times New Roman", serif;--commit-modal-shadow: 0 28px 80px rgba(15, 35, 64, .35);--commit-ink-62: rgba(15, 23, 42, .62);--commit-ink-58: rgba(11, 23, 48, .58);--commit-ink-08: rgba(11, 23, 48, .08);--commit-ink-04: rgba(11, 23, 48, .04);--commit-on-dark-90: rgba(255, 255, 255, .9);--commit-on-dark-14: rgba(255, 255, 255, .14);--commit-on-dark-35: rgba(255, 255, 255, .35);--commit-on-dark-08: rgba(255, 255, 255, .08);--commit-on-dark-16: rgba(255, 255, 255, .16);--commit-scrim-18: rgba(11, 23, 48, .18);--commit-on-dark-24: rgba(255, 255, 255, .24);--commit-on-dark-28: rgba(255, 255, 255, .28);--commit-glow-16: rgba(0, 159, 226, .16);--commit-glow-22: rgba(0, 159, 226, .22);--commit-scrim-88: rgba(11, 23, 48, .88);--commit-on-dark-40: rgba(255, 255, 255, .4);--commit-glow-20: rgba(0, 159, 226, .2);--commit-glow-72: rgba(0, 159, 226, .72);--commit-glow-26: rgba(0, 159, 226, .26);--commit-3: 3px;--commit-28: 28px;--commit-40: 40px;--commit-52: 52px;--commit-44: 44px;--commit-820: 820px;--commit-310: 310px;--commit-2: 2px;--commit-720: 720px;--commit-76: 76px;--commit-850: 850px;--commit-116: 116px;--commit-56: 56px;--commit-88: 88px;--commit-72: 72px;--commit-270: 270px;--commit-680: 680px;--commit-24: 24px;--commit-18: 18px;--panel-max-width: 28rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--card: var(--color-white);--card-foreground: var(--color-slate-900);--popover: var(--color-white);--popover-foreground: var(--color-slate-900);--muted: var(--color-ice-100);--muted-foreground: var(--color-slate-500);--accent: var(--color-ice-200);--accent-foreground: var(--color-slate-900);--destructive: var(--color-danger-fg);--destructive-foreground: var(--color-white);--border: var(--color-ice-300);--input: var(--color-ice-300);--ring: var(--color-brand-500);--pb-card-max: 70rem;--pb-brief-max: 72rem;--pb-aside-width: 22.5rem;--pb-report-max: 74rem;--pb-dialog-width: 37.5rem;--pb-article-width: 47.5rem;--pb-thumb: 3.5rem;--pb-thumb-lg: 4.5rem;--pb-play: 4.5rem;--pb-rail-h: .375rem;--pb-hero-h: 13.5rem;--pb-hero-h-sm: 8.5rem;--shadow-story-fan: 0 18px 40px -8px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .08);--shadow-story-fan-lit: 0 0 0 1px rgba(125, 211, 252, .7), 0 0 28px 4px rgba(0, 159, 226, .55), 0 18px 40px -8px rgba(0, 0, 0, .65);--gradient-story-fan-glow: radial-gradient(120% 80% at 50% 100%, rgba(0, 159, 226, .22) 0%, transparent 60%);--pb-scrim: color-mix(in srgb, var(--color-navy-950) 62%, transparent);--pb-glass: color-mix(in srgb, var(--surface-card) 82%, transparent);--pb-ring-glow: color-mix(in srgb, var(--color-brand-400) 45%, transparent);--pb-fm-card-width: 42.5rem;--pb-toast-max: 32rem;--radius: 8px;--adm-topbar-h: 3.5rem;--adm-rail-w: 3.5rem;--adm-rail-w-open: 13.75rem;--adm-section-w: 15rem;--adm-content-max: 72rem;--adm-pop-w: 20rem;--adm-panel-w: 28rem;--adm-card-w: 28rem;--adm-qr-size: 12rem;--adm-panel-sheet-max-h: 88vh;--adm-pop-max-h: 20rem;--adm-scrim: color-mix(in srgb, var(--color-navy-950) 40%, transparent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@media(max-width:1023px){:root{--grid-columns: 8;--grid-gutter: 1.25rem;--grid-margin: 2rem}}@media(max-width:639px){:root{--grid-columns: 4;--grid-gutter: 1rem;--grid-margin: 1.25rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{scrollbar-gutter:stable}body{font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:none}.app-language-settings{position:fixed;top:.75rem;right:.75rem;z-index:30;padding:.55rem .75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--foreground);font-weight:700}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.nk-tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.nk-grid{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:var(--grid-gutter);max-width:var(--grid-max-width);margin-inline:auto;padding-inline:var(--grid-margin)}.nk-prose{max-width:var(--measure-prose);font-size:var(--text-md);line-height:var(--leading-relaxed)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-4{right:1rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.z-50{z-index:50}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mt-2{margin-top:.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2\.5{height:.625rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-9{height:2.25rem}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-px{height:1px}.max-h-96{max-height:24rem}.min-h-11{min-height:2.75rem}.min-h-\[36px\]{min-height:36px}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.w-11{width:2.75rem}.w-2\.5{width:.625rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-full{width:100%}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-lg{max-width:32rem}.shrink-0{flex-shrink:0}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}.bg-destructive{background-color:var(--destructive)}.bg-muted{background-color:var(--muted)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.fill-current{fill:currentColor}.p-1{padding:.25rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-current{color:currentColor}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-offset-background{--tw-ring-offset-color: var(--background)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.app-warmup-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-info-surface);border-bottom:1px solid var(--color-info-border);color:var(--color-info-fg);font-size:var(--text-xs);font-weight:var(--weight-medium);text-align:center}.placeholder\:text-muted-foreground::-moz-placeholder{color:var(--muted-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-95:hover{opacity:.95}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color: var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: var(--ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media(min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.onb-body{background:var(--surface-card)}.onb{background:var(--surface-card);color:var(--foreground);font-family:var(--font-sans);display:flex;justify-content:center}.onb-screen{position:relative;width:100%;max-width:calc(var(--space-10) * 9);background:var(--surface-card);padding:var(--space-2) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:640px){.onb-screen{min-height:var(--onb-screen-min,100dvh)}}@media(min-width:641px){.onb-body,.onb{background:var(--background)}.onb{padding-block:var(--space-6)}.onb-screen{border-radius:var(--radius-xl);border:var(--border-width-thin) solid var(--border-subtle);box-shadow:var(--shadow-card)}}.onb-state{align-items:center;justify-content:center;text-align:center;color:var(--muted-text)}.onb-top{display:flex;align-items:center;gap:var(--space-2);min-height:var(--space-5)}.onb-back{flex:none;margin:calc(var(--space-3) * -1) 0 calc(var(--space-3) * -1) calc(var(--space-3) * -1);color:var(--foreground)}.onb-back svg{width:var(--icon-md);height:var(--icon-md)}.onb-prog{flex:1;height:var(--space-1);border-radius:var(--radius-pill);background:var(--border-subtle);overflow:hidden}.onb-prog i{display:block;height:100%;border-radius:var(--radius-pill);background:var(--primary);transition:width .4s ease}@media(prefers-reduced-motion:reduce){.onb-prog i{transition:none}}.onb-kicker{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--primary-text-safe)}.onb-h{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xl);line-height:var(--leading-snug);margin:0;text-wrap:balance;color:var(--foreground)}.onb-p{margin:0;color:var(--muted-text);font-size:var(--text-base);line-height:var(--leading-normal)}.onb-grow{flex:1}.onb-gains-title{font-family:var(--font-display);font-size:var(--text-base)}.onb-gains-list{margin:0;padding-left:var(--space-4);display:grid;gap:var(--space-1);font-size:var(--text-base);line-height:var(--leading-normal)}.onb-lead{margin:0;font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--leading-normal);color:var(--foreground)}.onb-opts{display:grid;gap:var(--space-2)}.onb-opt{border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-base);display:flex;gap:var(--space-3);align-items:center;background:var(--surface-card);cursor:pointer;min-height:var(--tap-target-min);transition:border-color .15s,background-color .15s}.onb-opt:hover{border-color:var(--border-strong)}.onb-opt.sel{border-color:var(--primary);background:var(--surface-muted)}.onb-opt:focus-within{box-shadow:var(--focus-ring)}.onb-mark{flex:none;border-style:solid;border-width:var(--border-width-thin);border-color:var(--border-strong);background:var(--surface-card);width:var(--icon-sm);height:var(--icon-sm)}.onb-mark[data-state=checked]{border-color:var(--primary)}.onb-mark[data-slot=checkbox][data-state=checked]{background:var(--primary);color:var(--primary-foreground)}.onb-mark svg{width:var(--icon-xs);height:var(--icon-xs)}.onb-mark[data-slot=radio-group-item] svg{width:calc(var(--icon-xs) * .6);height:calc(var(--icon-xs) * .6);color:var(--primary)}.onb-field{display:grid;gap:var(--space-1);font-size:var(--text-sm);color:var(--foreground)}.onb-input{font-size:var(--text-base)}.onb-actionbar{position:sticky;bottom:0;z-index:3;margin:auto calc(var(--space-4) * -1) calc(var(--space-4) * -1);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom,0px));background:var(--surface-card);border-top:var(--border-width-thin) solid var(--border-subtle)}@media(min-width:641px){.onb-actionbar{border-radius:0 0 var(--radius-xl) var(--radius-xl)}}.onb-cta{width:100%;min-height:var(--tap-target-min);background:var(--gradient-primary-fill);color:var(--color-white);border-radius:var(--radius-md);padding:var(--space-3);font-weight:var(--weight-semibold);font-size:var(--text-md);text-align:center}.onb-cta:hover{background:var(--gradient-primary-fill-hover)}.onb-cta:disabled{opacity:.45}.onb-card{background:var(--surface-muted);border-radius:var(--radius-md);padding:var(--space-4);display:grid;gap:var(--space-2)}.onb-summary{margin:0;gap:var(--space-3)}.onb-summary-group{display:grid;gap:var(--space-1)}.onb-summary dt{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-text)}.onb-summary dd{margin:0;font-size:var(--text-base)}.onb-brandband{background:var(--color-navy-900);margin:calc(var(--space-2) * -1) calc(var(--space-4) * -1) 0;padding:var(--space-5) var(--space-4) var(--space-1);display:grid;place-items:center}.onb-screen--intro_carousel .onb-top{position:absolute;top:var(--space-2);left:var(--space-4);right:var(--space-4);z-index:2}.onb-logo{display:block;height:var(--space-8);width:auto;max-width:100%}.onb-carousel{position:relative;margin:calc(var(--space-3) * -1) calc(var(--space-4) * -1) 0;aspect-ratio:3 / 2;overflow:hidden;background:var(--color-navy-900)}.onb-carousel picture{position:absolute;top:0;right:0;bottom:0;left:0}.onb-hero{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .8s ease}.onb-hero.on{opacity:1}.onb-dots{position:absolute;left:0;right:0;bottom:var(--space-2);display:flex;gap:var(--space-2);justify-content:center}.onb-dots i{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--overlay-on-dark-line)}.onb-dots i.on{background:var(--foreground-on-dark)}.onb-form{display:flex;flex-direction:column;gap:var(--space-3);flex:1}.onb-check{display:flex;gap:var(--space-2);align-items:flex-start;font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer}.onb-check .onb-mark{margin-top:calc(var(--space-1) / 2)}.onb-legal{margin:calc(var(--space-2) * -1) 0 0 var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);font-size:var(--text-xs)}.onb-legal a,.onb-link{color:var(--primary-text-safe);font-weight:var(--weight-semibold);text-decoration:underline;text-underline-offset:var(--space-1)}.onb-links{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4)}.onb-link{padding:0;font-size:var(--text-sm)}.onb-error{margin:0;font-size:var(--text-sm);color:var(--color-danger-fg)}.onb-sent{display:flex;flex-direction:column;gap:var(--space-3)}@media(prefers-reduced-motion:reduce){.onb-hero,.onb-opt{transition:none}}.onb-alts{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.onb-alt{display:flex;gap:var(--space-3);align-items:flex-start;border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3)}.onb-alt-x{flex:none;width:var(--icon-md);height:var(--icon-md);border-radius:var(--radius-pill);display:grid;place-items:center;background:var(--color-warning-surface);color:var(--color-warning-fg)}.onb-alt-x svg{width:var(--icon-xs);height:var(--icon-xs)}.onb-otext{display:grid;gap:calc(var(--space-1) / 2);min-width:0;font-size:var(--text-base)}.onb-why{font-size:var(--text-sm);color:var(--muted-text);line-height:var(--leading-normal)}.onb-train{color:var(--primary-text-safe);font-weight:var(--weight-semibold)}.onb-answer{margin:0;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--foreground)}.onb-sits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.onb-sit{position:relative;border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-card);display:flex;flex-direction:column}.onb-sit.mine{border-color:var(--primary)}.onb-sit picture{display:block}.onb-sit-img{display:block;width:100%;aspect-ratio:3 / 2;-o-object-fit:cover;object-fit:cover;height:auto}.onb-sit-t{padding:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-snug)}[data-step=situations] .onb-sit{background:var(--color-navy-900);border-color:var(--border-on-dark)}[data-step=situations] .onb-sit.mine{border-color:var(--primary)}[data-step=situations] .onb-sit-t{color:var(--foreground-on-dark)}.onb-sit-tag{position:absolute;top:var(--space-2);left:var(--space-2);font-size:var(--text-2xs);font-weight:var(--weight-semibold);padding:calc(var(--space-1) / 2) var(--space-2);border-radius:var(--radius-pill);background:var(--primary);color:var(--primary-foreground)}.onb-technique{display:flex;flex-direction:column;gap:var(--space-3)}.onb-parts{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2);counter-reset:onb-part}.onb-parts li{counter-increment:onb-part;display:flex;gap:var(--space-3);align-items:baseline}.onb-parts li:before{content:counter(onb-part);flex:none;width:var(--icon-md);height:var(--icon-md);border-radius:var(--radius-pill);display:grid;place-items:center;font-size:var(--text-xs);font-weight:var(--weight-semibold);background:var(--primary-text-safe);color:var(--color-white)}.onb-ba{display:grid;gap:var(--space-2)}.onb-lbl{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-text)}.onb-quote{margin:0;border-left:var(--space-1) solid var(--primary);padding-left:var(--space-3);font-style:italic;font-size:var(--text-base);line-height:var(--leading-normal)}.onb-quote.before{border-left-color:var(--border-subtle);color:var(--muted-text)}.onb-gt{font-family:var(--font-display);font-size:var(--text-base)}.onb-gains{margin:0;padding-left:var(--space-4);display:grid;gap:var(--space-1);font-size:var(--text-sm)}.onb-screen--slides{background:var(--cockpit-dark-bg)}.onb-screen--slides .onb-prog{background:var(--overlay-on-dark-line)}.onb-screen--slides .onb-prog i{background:var(--primary)}.onb-screen--slides .onb-back{color:var(--foreground-on-dark)}.onb-story{position:relative;flex:1;min-height:calc(var(--space-10) * 8);margin:0 calc(var(--space-4) * -1) calc(var(--space-4) * -1);background:var(--cockpit-dark-bg);color:var(--foreground-on-dark);display:flex;flex-direction:column;overflow:clip}.onb-st-bars{position:absolute;top:var(--space-2);left:var(--space-3);right:var(--space-3);display:flex;gap:var(--space-1);z-index:3}.onb-st-bars i{flex:1;height:calc(var(--space-1) * .75);border-radius:var(--radius-pill);background:var(--overlay-on-dark-line)}.onb-st-bars i.on{background:var(--foreground-on-dark)}.onb-st-img{flex:0 0 auto;aspect-ratio:3 / 2;overflow:hidden;-webkit-mask-image:linear-gradient(var(--color-black) 70%,transparent);mask-image:linear-gradient(var(--color-black) 70%,transparent)}.onb-st-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.onb-st-fan{position:relative;display:flex;justify-content:center;align-items:center;padding:var(--space-6) var(--space-3) var(--space-1);background:var(--gradient-story-fan-glow)}.onb-st-fc{--rot:0deg;--ty:0;width:25%;margin:0 -1.4%;background:var(--color-navy-900);border-radius:var(--radius-sm);box-shadow:var(--shadow-story-fan);overflow:hidden;display:flex;flex-direction:column;transform-origin:50% 120%;transform:rotate(var(--rot)) translateY(var(--ty))}.onb-st-fc:nth-child(1){--rot:-8deg;--ty:var(--space-2)}.onb-st-fc:nth-child(2){--rot:-2.5deg;z-index:1}.onb-st-fc:nth-child(3){--rot:2.5deg;z-index:1}.onb-st-fc:nth-child(4){--rot:8deg;--ty:var(--space-2)}.onb-st-shot{aspect-ratio:9 / 14;overflow:hidden;background:var(--color-navy-950)}.onb-st-shot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0;display:block}.onb-st-fb{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-2);min-width:0}.onb-st-fb b{font-size:var(--text-2xs);line-height:var(--leading-snug);color:var(--foreground-on-dark)}.onb-st-fb span:last-child{font-size:var(--text-2xs);line-height:var(--leading-snug);color:var(--muted-text-on-dark)}.onb-st-fic,.onb-st-ic{display:grid;place-items:center;background:var(--gradient-primary-fill);color:var(--color-white)}.onb-st-fic{width:var(--icon-sm);height:var(--icon-sm);border-radius:var(--radius-xs)}.onb-st-fic svg{width:var(--icon-xs);height:var(--icon-xs);stroke-width:2.2}.onb-st-ic{width:var(--space-7);height:var(--space-7);border-radius:var(--radius-md)}.onb-st-ic svg{width:var(--icon-md);height:var(--icon-md)}.onb-st-fic.translate,.onb-st-ic.translate{background:var(--gradient-progress-badge)}.onb-st-fic.listen,.onb-st-ic.listen{background:var(--gradient-neutral-fill)}.onb-st-fic.respond,.onb-st-ic.respond{background:var(--gradient-accent-fill)}.onb-st-txt{padding:var(--space-1) var(--space-4) 0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);flex:1;position:relative;z-index:2}.onb-st-k{font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-brand-300)}.onb-st-h{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-snug);font-weight:var(--weight-bold);margin:0;color:var(--foreground-on-dark);text-wrap:balance}.onb-st-p,.onb-st-list{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--muted-text-on-dark)}.onb-st-list{padding-left:var(--space-4);display:grid;gap:var(--space-1)}.onb-st-tap{position:absolute;top:var(--space-5);bottom:calc(var(--tap-target-min) * 2.5);z-index:4;background:none;border:0;padding:0;cursor:pointer;min-height:0}.onb-st-tap.prev{left:0;width:33%}.onb-st-tap.next{right:0;width:67%}.onb-st-tap:disabled{cursor:default;opacity:1}.onb-st-act{display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));position:sticky;bottom:0;z-index:5;background:var(--cockpit-dark-bg);border-top:var(--border-width-thin) solid var(--border-on-dark)}.onb-st-hint{text-align:center;font-size:var(--text-2xs);color:var(--subtle-text-on-dark)}.onb-st-btn{position:static;box-shadow:none;background:var(--gradient-primary-fill)}.onb-st-btn:hover{background:var(--gradient-primary-fill-hover)}@media(prefers-reduced-motion:no-preference){.onb-st-fc{opacity:0;animation:onb-st-fly .7s cubic-bezier(.2,.8,.25,1) forwards,onb-st-drift 6s ease-in-out 3s infinite alternate,onb-st-glow 8s ease-in-out infinite;animation-delay:calc(var(--i) * .45s),calc(var(--i) * .7s + 2.5s),calc(var(--i) * 2s + 2.6s)}.onb-st-img img,.onb-st-txt{animation:onb-st-in .45s ease-out}}@keyframes onb-st-fly{0%{opacity:0;transform:translate(120vw) rotate(calc(var(--rot) + 18deg)) translateY(var(--ty))}to{opacity:1;transform:rotate(var(--rot)) translateY(var(--ty))}}@keyframes onb-st-drift{0%{translate:0 0}to{translate:0 calc(var(--space-1) * -1.5)}}@keyframes onb-st-glow{0%,25%,to{box-shadow:var(--shadow-story-fan)}12.5%{box-shadow:var(--shadow-story-fan-lit)}}@keyframes onb-st-in{0%{opacity:0;transform:translateY(var(--space-1))}to{opacity:1;transform:none}}.r2-band{position:relative}.r2-lang{position:absolute;bottom:0;right:var(--space-4)}@media(max-width:640px){.r2-band{place-items:center start}}.r2-lang-select{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap-target-min);padding-inline:var(--space-3);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-slate-600);font:var(--weight-semibold) var(--text-sm) var(--font-sans);cursor:pointer}.r2-lang-select svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-slate-600)}.r2-vp-q{padding:var(--space-6) var(--space-4) var(--space-4);display:grid;gap:var(--space-2)}.r2-vp-k{font:var(--weight-semibold) var(--text-2xs) var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-warning-solid)}.r2-vp-question{margin:0;font:var(--weight-bold) var(--text-xl) var(--font-display);line-height:1.25;color:var(--foreground-on-dark)}.r2-vp-media{margin:0 var(--space-4);border-radius:var(--radius-lg);overflow:hidden;border:var(--border-width-thin) solid var(--border-on-dark);background:var(--color-navy-900);aspect-ratio:16/9}.r2-vp-media img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.r2-vp-media--card{aspect-ratio:auto;border:0;background:none;border-radius:var(--radius-lg)}.r2-vp-media--card img{height:auto}.r2-vp-txt{padding:var(--space-5) var(--space-4) var(--space-4);display:grid;gap:var(--space-2);flex:1;align-content:start;justify-items:start}.r2-vp-ic{width:var(--icon-xl);height:var(--icon-xl);display:grid;place-items:center;border-radius:var(--radius-md);background:var(--gradient-primary-fill);color:var(--color-white)}.r2-vp-ic svg{width:var(--icon-md);height:var(--icon-md)}.r2-vp-n{font:var(--weight-semibold) var(--text-2xs) var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-text-on-dark)}.r2-vp-h{margin:0;font:var(--weight-bold) var(--text-2xl) var(--font-display);color:var(--foreground-on-dark)}.r2-vp-p{margin:0;font-size:var(--text-base);color:var(--muted-text-on-dark)}.r2-vp-usual{margin:0;display:flex;gap:var(--space-2);align-items:center;font-size:var(--text-xs);color:var(--subtle-text-on-dark)}.r2-vp-usual svg{flex:none;width:var(--icon-xs);height:var(--icon-xs);color:var(--color-danger-solid)}.r2-proof{list-style:none;margin:var(--space-3) 0 0;padding:var(--space-4);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--border-on-dark);color:var(--foreground-on-dark)}.r2-proof li{display:grid;gap:var(--space-1)}.r2-proof b{font:var(--weight-bold) var(--text-2xl) var(--font-display)}.r2-proof span{font-size:var(--text-xs);color:var(--muted-text-on-dark)}@media(min-width:641px){.r2-vp{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr auto;-moz-column-gap:var(--space-6);column-gap:var(--space-6)}.r2-vp .onb-st-bars{grid-column:1 / -1;grid-row:1}.r2-vp .onb-st-act{grid-column:1 / -1;grid-row:4}.r2-vp-q{grid-column:1 / -1;grid-row:2;padding-inline:var(--space-6)}.r2-vp-media{grid-column:2;grid-row:3;margin:0 var(--space-6) var(--space-4) 0;align-self:start}.r2-vp:has(.r2-vp-media--card){grid-template-columns:1fr 1fr}.r2-vp--wide{grid-template-rows:auto auto auto auto auto}.r2-vp--wide .r2-vp-media{grid-column:1 / -1;grid-row:3;margin:0 var(--space-6) var(--space-5)}.r2-vp--wide .r2-vp-txt{grid-column:1 / -1;grid-row:4}.r2-vp--wide .onb-st-act{grid-row:5}.r2-vp-txt{grid-column:1;grid-row:3;padding-inline:var(--space-6)}}.r2-google{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;min-height:var(--tap-target-min);padding:var(--space-3) var(--space-4);background:var(--surface-card);border:var(--border-width-thin) solid var(--border-strong);border-radius:var(--radius-md);color:var(--foreground);font:var(--weight-semibold) var(--text-sm) var(--font-sans);cursor:pointer}.r2-google-icon{width:var(--icon-md);height:var(--icon-md)}.r2-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--muted-text);font-size:var(--text-xs)}.r2-divider:before,.r2-divider:after{content:"";flex:1;border-top:var(--border-width-thin) solid var(--border-subtle)}