:root{--signal-orange: #F54900;--deep-black: #0D0D0D;--canvas-white: #F2F1EE;--mid-gray: #8A8A85;--border-gray: #D8D6D0;--warm-amber: #F5A623;--warm-amber-dark: #C4841C;--vivid-teal: #15A898;--vivid-teal-dark: #0C7269;--cobalt-blue: #2B7BB5;--cobalt-blue-dark: #1C5987;--forest-green: #2D9973;--forest-green-dark: #1F6E52;--bg: var(--canvas-white);--fg: var(--deep-black);--primary: var(--signal-orange);--primary-fg: #ffffff;--secondary: oklch(.93 .004 80);--secondary-fg: var(--deep-black);--accent: var(--signal-orange);--accent-fg: #ffffff;--muted: oklch(.942 .005 80);--muted-fg: oklch(.52 .008 80);--overlay: #ffffff;--overlay-fg: var(--deep-black);--success: var(--forest-green);--success-fg: #ffffff;--warning: var(--warm-amber);--warning-fg: var(--deep-black);--danger: oklch(.577 .245 27.325);--danger-fg: #ffffff;--info: var(--cobalt-blue);--info-fg: #ffffff;--border: var(--border-gray);--input: var(--border-gray);--ring: var(--signal-orange);--navbar: var(--canvas-white);--navbar-fg: var(--deep-black);--sidebar: var(--canvas-white);--sidebar-fg: var(--deep-black);--chart-1: var(--signal-orange);--chart-2: var(--warm-amber);--chart-3: var(--vivid-teal);--chart-4: var(--cobalt-blue);--chart-5: var(--forest-green)}.dark{--bg: var(--deep-black);--fg: var(--canvas-white);--primary: var(--signal-orange);--primary-fg: #ffffff;--secondary: oklch(.18 .004 80);--secondary-fg: var(--canvas-white);--accent: var(--signal-orange);--accent-fg: #ffffff;--muted: oklch(.16 .004 80);--muted-fg: oklch(.56 .008 80);--overlay: oklch(.13 .004 80);--overlay-fg: var(--canvas-white);--border: oklch(.22 .005 80);--input: oklch(.24 .005 80);--ring: var(--signal-orange);--navbar: var(--deep-black);--navbar-fg: var(--canvas-white);--sidebar: oklch(.11 .004 80);--sidebar-fg: var(--canvas-white)}:root{--signal-orange-10: color-mix(in srgb, var(--signal-orange) 10%, var(--canvas-white));--signal-orange-20: color-mix(in srgb, var(--signal-orange) 20%, var(--canvas-white));--warm-amber-20: color-mix(in srgb, var(--warm-amber) 20%, transparent);--vivid-teal-15: color-mix(in srgb, var(--vivid-teal) 15%, transparent);--cobalt-blue-15: color-mix(in srgb, var(--cobalt-blue) 15%, transparent);--forest-green-15: color-mix(in srgb, var(--forest-green) 15%, transparent)}:root{--font-display: "Outfit", ui-sans-serif, system-ui, sans-serif;--font-serif: "calluna", "Georgia", "Times New Roman", serif;--font-sans: "Lexend Deca", ui-sans-serif, system-ui, sans-serif;--font-mono: "GeistMono", ui-monospace, "SFMono-Regular", "Menlo", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--leading-loose: 2;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .04em;--tracking-widest: .12em;--type-hero-font: var(--font-display);--type-hero-size: var(--text-6xl);--type-hero-weight: var(--font-semibold);--type-hero-leading: var(--leading-tight);--type-hero-tracking: var(--tracking-tight);--type-display-font: var(--font-display);--type-display-size: var(--text-4xl);--type-display-weight: var(--font-semibold);--type-display-leading: var(--leading-tight);--type-display-tracking: var(--tracking-tight);--type-heading-font: var(--font-display);--type-heading-size: var(--text-2xl);--type-heading-weight: var(--font-medium);--type-heading-leading: var(--leading-snug);--type-subheading-font: var(--font-display);--type-subheading-size: var(--text-xl);--type-subheading-weight: var(--font-medium);--type-subheading-leading: var(--leading-snug);--type-body-font: var(--font-sans);--type-body-size: var(--text-base);--type-body-weight: var(--font-normal);--type-body-leading: var(--leading-relaxed);--type-label-font: var(--font-sans);--type-label-size: var(--text-sm);--type-label-weight: var(--font-medium);--type-label-leading: var(--leading-none);--type-caption-font: var(--font-sans);--type-caption-size: var(--text-xs);--type-caption-weight: var(--font-light);--type-caption-leading: var(--leading-normal);--type-eyebrow-font: var(--font-display);--type-eyebrow-size: var(--text-xs);--type-eyebrow-weight: var(--font-medium);--type-eyebrow-tracking: var(--tracking-widest);--type-quote-font: var(--font-serif);--type-quote-size: var(--text-3xl);--type-quote-weight: var(--font-normal);--type-quote-style: italic;--type-quote-leading: var(--leading-snug);--type-code-font: var(--font-mono);--type-code-size: var(--text-sm);--type-code-weight: var(--font-normal);--type-code-leading: var(--leading-relaxed)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}.app{display:flex;height:100vh;width:100vw;background-color:var(--canvas-white);background-image:url(/uploads/noise-bg.jpg);background-size:cover;background-position:center;color:var(--deep-black);overflow:hidden;position:relative;transition:background-color .25s ease,color .25s ease;font-family:var(--font-sans)}.app.dark{background-color:var(--deep-black);background-image:none;color:var(--canvas-white)}.app.dark .tagline-text{color:#ffffff73}.app.dark .beat-sm{color:#ffffff8c}.col-left{width:calc(33% + 100px);flex-shrink:0;height:100%;display:flex;flex-direction:column;padding:66px 56px 76px 102px;position:relative;overflow:hidden;transition:transform .4s ease-out,opacity .4s ease-out;z-index:1}.col-left.dim{transform:translate(-28px);opacity:.45;pointer-events:none}.col-left.dim:hover{transform:none;opacity:1;pointer-events:auto;transition:transform .3s ease-out,opacity .3s ease-out}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-bottom:14px}.logo svg{height:28px;width:auto}.logo-text{font-family:var(--font-display);font-weight:600;font-size:28px;letter-spacing:-.03em;color:currentColor;line-height:1}.logo-ai{color:var(--signal-orange)}.tagline{display:flex;align-items:center;flex-shrink:0;margin-bottom:23px;margin-top:-10px;padding-left:33px;opacity:0;transform:translateY(10px);transition:opacity .5s cubic-bezier(0,0,.2,1),transform .5s cubic-bezier(0,0,.2,1)}.tagline.on{opacity:1;transform:none}.tagline-bar{width:3px;height:14px;background:var(--signal-orange);border-radius:2px;flex-shrink:0}.tagline-text{font-family:var(--font-serif);font-size:15px;font-weight:400;font-style:italic;color:var(--mid-gray)}.convo-zone{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.beat{font-family:var(--font-display);letter-spacing:-.04em;line-height:1.1;opacity:0;transform:translateY(22px);transition:opacity 1.1s cubic-bezier(0,0,.2,1),transform 1.1s cubic-bezier(0,0,.2,1),font-size .55s ease-out,margin-bottom .55s ease-out;flex-shrink:0;text-wrap:pretty;transform-origin:top left}.beat.on{opacity:1;transform:none}.beat-slow{transform:translateY(30px);transition:opacity 2s cubic-bezier(.16,1,.3,1),transform 2s cubic-bezier(.16,1,.3,1),font-size .7s ease-out,margin-bottom .7s ease-out}.beat.gone{animation:beatOut .7s cubic-bezier(.4,0,.6,1) forwards;pointer-events:none}@keyframes beatOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.28) translateY(-32px)}}.beat-xl{font-size:40px;font-weight:500;margin-bottom:20px}.beat-lg{font-size:40px;font-weight:400;margin-bottom:20px}.beat-md{font-size:26px;font-weight:400;line-height:1.22;margin-bottom:8px}.beat-sm{font-family:var(--font-sans);font-size:15px;font-weight:400;color:var(--mid-gray);line-height:1.65;letter-spacing:-.005em;margin-top:4px;margin-bottom:0}.beat-cta{margin-top:24px;margin-bottom:0}.beat-xl.age-1.on,.beat-lg.age-1.on{opacity:.5;font-size:32px;margin-bottom:16px}.beat-xl.age-2.on,.beat-lg.age-2.on{opacity:.26;font-size:22px;margin-bottom:10px}.beat-xl.age-3.on,.beat-lg.age-3.on{opacity:.12;font-size:14px;margin-bottom:6px}.beats-flow{display:flex;flex-direction:column;flex:0 1 auto;min-height:0;overflow:hidden}.beats-flow.clipped{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 110px),transparent calc(100% - 8px));mask-image:linear-gradient(180deg,#000 calc(100% - 110px),transparent calc(100% - 8px))}.pills-wrap{flex-shrink:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .45s cubic-bezier(0,0,.2,1),opacity .38s ease}.pills-wrap.on{max-height:340px;opacity:1}.pills{display:flex;flex-wrap:wrap;gap:8px;padding-top:0}.pill{padding:8px 18px;border:.5px solid var(--border-gray);border-radius:100px;font-family:var(--font-sans);font-size:13px;font-weight:400;color:currentColor;background:#d8d6d080;cursor:pointer;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease}.pill:hover{background:var(--deep-black);border-color:var(--deep-black);color:var(--signal-orange)}.app.dark .pill{border-color:#fff3;background:#ffffff14}.app.dark .pill:hover{background:var(--canvas-white);border-color:var(--canvas-white);color:var(--signal-orange)}.ghost-mark{position:absolute;bottom:-160px;left:102px;width:300px;opacity:.06;pointer-events:none;color:currentColor}.app.dark .ghost-mark{opacity:.09}.col-right{flex:1;height:100%;position:relative;overflow:visible;z-index:2}.card-rail{position:absolute;top:0;right:0;width:196px;bottom:0;display:flex;flex-direction:column;gap:6px;pointer-events:auto;padding:24px 0 24px 40px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;z-index:5}.card-rail::-webkit-scrollbar{display:none}.card-item{flex-shrink:0;height:220px;border-radius:16px 0 0 16px;overflow:hidden;border:.5px solid rgba(245,166,35,.45);box-shadow:0 8px 32px #f5a62317,0 2px 8px #0000000a;cursor:pointer;transform:translate(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1),border-radius .32s ease}.card-rail .card-item:hover{transform:translate(-18px);border-radius:16px}.app.dark .card-item{border-color:#f5a62340;box-shadow:0 8px 32px #f5a62312,0 2px 8px #00000038}.card-teal{background:radial-gradient(ellipse 120px 160px at 44% 40%,rgba(255,255,255,.92) 0%,transparent 62%),radial-gradient(ellipse 160px 90px at 22% 80%,rgba(120,185,188,.72) 0%,transparent 55%),radial-gradient(ellipse 80px 130px at 82% 18%,rgba(190,228,230,.88) 0%,transparent 52%),linear-gradient(148deg,#a4d2d4,#beeaea 42%,#88c0c2 82%,#aedada)}.card-blue{background:radial-gradient(circle 90px at 54% 44%,rgba(255,255,255,.96) 0%,rgba(188,222,255,.4) 38%,transparent 60%),radial-gradient(circle 55px at 26% 68%,rgba(148,198,248,.82) 0%,transparent 50%),radial-gradient(circle 30px at 76% 20%,rgba(255,255,255,.7) 0%,transparent 44%),linear-gradient(140deg,#a8cae8,#b8d9ff 36%,#8cb8ea 70%,#acd0ff)}.card-marble{background:radial-gradient(ellipse 200px 65px at 48% 52%,rgba(255,255,255,.97) 0%,transparent 48%),radial-gradient(circle 80px at 72% 28%,rgba(216,214,210,.75) 0%,transparent 46%),repeating-linear-gradient(-22deg,rgba(178,176,171,.055) 0px,rgba(178,176,171,.055) 2.5px,transparent 2.5px,transparent 15px),linear-gradient(162deg,#eceae6,#e0deda 32%,#efeeeb 62%,#e3e1dc)}.content-panel{position:absolute;top:16px;left:0;right:160px;bottom:172px;background:#fff;border-left:.5px solid var(--signal-orange);border-top:.5px solid var(--border-gray);border-bottom:.5px solid var(--border-gray);border-radius:12px 0 0 12px;padding:36px 40px;overflow-y:auto;transform:translateY(calc(100% + 200px));transition:transform .5s cubic-bezier(0,0,.2,1);z-index:10}.content-panel.on{transform:none}.app.dark .content-panel{background:#ffffff0a;border-top-color:#ffffff14;border-bottom-color:#ffffff14}.panel-line{opacity:0;transform:translateY(12px);transition:opacity .3s ease-out,transform .3s ease-out}.panel-line.on{opacity:1;transform:none}.content-panel::-webkit-scrollbar{width:3px}.content-panel::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:2px}.input-bar{position:absolute;bottom:100px;left:0;width:500px;height:48px;display:flex;align-items:center;gap:10px;padding:0;border-bottom:.5px solid var(--border-gray);background:transparent;z-index:30;transition:background-color .25s ease}.app.dark .input-bar{background:transparent;border-bottom-color:#ffffff1a}.input-field{flex:1;background:none;border:none;outline:none;font-family:var(--font-sans);font-size:14px;font-weight:400;color:currentColor}.input-field::placeholder{color:var(--mid-gray)}.input-icon{display:flex;align-items:center;color:var(--mid-gray);cursor:pointer;background:none;border:none;padding:4px;transition:color .2s ease;flex-shrink:0}.input-icon:hover{color:var(--signal-orange)}.input-send{color:var(--signal-orange);flex-shrink:0}.input-mark{flex-shrink:0}.listening .input-icon.mic{animation:pulseMic .8s ease-in-out infinite}@keyframes pulseMic{0%,to{opacity:.4}50%{opacity:1}}.cs-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0d0d0d2e;opacity:0;pointer-events:none;transition:opacity .4s ease-out;z-index:140}.cs-backdrop.open{opacity:1;pointer-events:auto;cursor:pointer}.cs-overlay{position:fixed;top:0;right:0;bottom:0;width:min(62vw,880px);background:#fff;border-radius:16px 0 0 16px;border-left:.5px solid var(--border-gray);z-index:150;transform:translate(103%);transition:transform .4s ease-out;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.cs-overlay.open{transform:translate(0)}.cs-close{position:fixed;top:18px;right:calc(min(62vw,880px) + 18px);width:40px;height:40px;border-radius:50%;background:#fff;border:.5px solid var(--border-gray);display:flex;align-items:center;justify-content:center;color:var(--deep-black);cursor:pointer;z-index:151;opacity:0;pointer-events:none;transition:opacity .3s ease-out .2s}.cs-close.open{opacity:1;pointer-events:auto}.cs-doc{padding:48px 56px 64px;max-width:820px;margin:0 auto;color:var(--deep-black)}.cs-header{display:grid;grid-template-columns:232px 1fr;gap:32px;align-items:start;margin-bottom:36px}.cs-hero{width:232px;height:232px;border-radius:20px;object-fit:cover;display:block}.cs-eyebrow{font-family:var(--font-display);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--signal-orange);margin-bottom:12px}.cs-title{font-family:var(--font-display);font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1.12;margin-bottom:16px}.cs-accent{color:var(--signal-orange)}.cs-intro{font-family:var(--font-sans);font-size:15px;line-height:1.65;color:#3a3a37}.cs-video{height:340px;border:.5px solid var(--border-gray);border-radius:12px;background:#0d0d0d04;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:14px;color:var(--mid-gray);margin-bottom:44px}.cs-section{margin-bottom:44px}.cs-section h3{font-family:var(--font-display);font-size:20px;font-weight:600;margin-bottom:10px}.cs-section p{font-family:var(--font-sans);font-size:15px;line-height:1.65;color:#3a3a37;margin-bottom:12px}.cs-section ul{margin:0;padding-left:20px;font-family:var(--font-sans);font-size:15px;line-height:1.9;color:#3a3a37}.cs-impact{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.cs-tile{background:#f549000f;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:4px}.cs-stat{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--signal-orange)}.cs-tile-label{font-family:var(--font-sans);font-size:14px;color:#3a3a37}.cs-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.cs-card{border:.5px solid var(--border-gray);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}.cs-card-title{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--signal-orange)}.cs-card-label{font-family:var(--font-sans);font-size:13.5px;line-height:1.5;color:#3a3a37}.cs-rule{border:none;border-top:.5px solid var(--border-gray);margin:8px 0 32px}.cs-quote{font-family:var(--font-serif);font-style:italic;font-size:22px;line-height:1.45;margin:0 0 52px}.cs-quote footer{font-family:var(--font-sans);font-style:normal;font-size:14px;color:var(--mid-gray);margin-top:14px}.cs-next-title{font-family:var(--font-display);font-size:30px;font-weight:600;letter-spacing:-.02em;margin-bottom:22px}.cs-ctas{display:flex;gap:12px;flex-wrap:wrap}.cs-cta{font-family:var(--font-sans);font-size:14px;font-weight:500;padding:12px 24px;border-radius:100px;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.cs-cta.outline{background:transparent;border:1px solid var(--signal-orange);color:var(--signal-orange)}.cs-cta.outline:hover{background:#f5490012}.cs-cta.filled{background:var(--signal-orange);border:1px solid var(--signal-orange);color:#fff}.cs-cta.filled:hover{background:#d63e00}.app.dark .cs-overlay{background:#161614;border-left-color:#ffffff1f;color:var(--canvas-white)}.app.dark .cs-doc{color:var(--canvas-white)}.app.dark .cs-intro,.app.dark .cs-section p,.app.dark .cs-section ul,.app.dark .cs-tile-label,.app.dark .cs-card-label{color:#ffffffb8}.app.dark .cs-close{background:#1d1d1b;border-color:#ffffff26;color:var(--canvas-white)}.app.dark .cs-tile{background:#f549001f}.app.dark .cs-card{border-color:#ffffff24}.app.dark .cs-video{border-color:#ffffff24;background:#ffffff08}.app.dark .cs-rule{border-top-color:#ffffff24}.app.dark .cs-backdrop{background:#00000073}@media (max-width: 1099px){.cs-overlay{width:100vw;border-radius:0;border-left:none}.cs-close{right:auto;left:16px;top:16px}.cs-doc{padding:76px 24px 56px}.cs-header{grid-template-columns:1fr;gap:20px}.cs-hero{width:168px;height:168px}.cs-title{font-size:28px}.cs-video{height:220px}.cs-outcomes{grid-template-columns:1fr}}@media (max-width: 480px){.cs-impact{grid-template-columns:1fr 1fr;gap:10px}}.theme-toggle{position:fixed;bottom:24px;left:102px;display:flex;gap:2px;background:#0000000d;border:.5px solid var(--border-gray);border-radius:100px;padding:4px;z-index:100;transition:background .25s ease,border-color .25s ease}.app.dark .theme-toggle{background:#ffffff14;border-color:#ffffff26}.toggle-btn{width:32px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:100px;cursor:pointer;border:none;background:none;color:var(--mid-gray);transition:background .2s ease,color .2s ease}.toggle-btn.on{background:#fff;color:var(--deep-black)}.app.dark .toggle-btn.on{background:#ffffff24;color:var(--canvas-white)}.book-call-btn{display:inline-flex;align-items:center;gap:6px;background:var(--signal-orange);color:#fff;font-family:var(--font-sans);font-size:14px;font-weight:500;padding:11px 22px;border:none;border-radius:4px;cursor:pointer;letter-spacing:-.01em;transition:opacity .2s ease}.book-call-btn:hover{opacity:.88}.sign-off{margin-top:14px;font-family:var(--font-sans);font-size:12px;font-weight:300;color:var(--mid-gray);line-height:1.65}@media (max-width: 767px){html,body,#root{overflow:hidden;height:100vh}.app{flex-direction:row;height:100vh;overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none}.app::-webkit-scrollbar{display:none}.col-left{width:100vw;min-width:100vw;height:100vh;flex-shrink:0;scroll-snap-align:start;overflow-y:auto;padding:48px 68px 80px 28px;-webkit-overflow-scrolling:touch}.col-left.dim{transform:none;opacity:1;pointer-events:auto}.col-right{display:none!important}.mobile-cards-panel{width:100vw;min-width:100vw;height:100vh;flex-shrink:0;scroll-snap-align:start;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:56px 20px 80px;display:flex;flex-direction:column;gap:10px}.mobile-cards-back{display:flex;align-items:center;gap:6px;background:none;border:none;font-family:var(--font-sans);font-size:14px;color:var(--mid-gray);cursor:pointer;padding:0;margin-bottom:16px;flex-shrink:0}.mobile-card-item{flex-shrink:0;height:calc((100vh - 160px)*.4);border-radius:16px;border:.5px solid rgba(245,166,35,.45);box-shadow:0 8px 32px #f5a62317}.ghost-mark{position:fixed;bottom:-36px;left:0;width:260px;opacity:.06}.beat-xl{font-size:clamp(24px,7vw,36px);margin-bottom:16px}.beat-lg{font-size:clamp(22px,6.5vw,34px);margin-bottom:16px}.beat-xl.age-1.on,.beat-lg.age-1.on{font-size:clamp(18px,5vw,26px);margin-bottom:12px}.beat-xl.age-2.on,.beat-lg.age-2.on{font-size:clamp(13px,3.5vw,18px);margin-bottom:8px}.beat-xl.age-3.on,.beat-lg.age-3.on{font-size:12px;margin-bottom:5px}.pills{flex-wrap:wrap;gap:8px;padding-top:16px}.pills-wrap{display:none}.pinned-pills.on{display:flex;position:fixed;bottom:60px;left:0;right:0;padding:8px 28px;flex-wrap:wrap;gap:8px;z-index:40}.theme-toggle{top:20px;right:20px;bottom:auto;left:auto}.mobile-input{position:fixed;bottom:0;left:0;right:0;height:60px;display:flex;align-items:center;gap:10px;padding:0 28px;background:transparent;border-top:.5px solid var(--border-gray);z-index:50}.app.dark .mobile-input{border-top-color:#ffffff1a}.mobile-card-rail,.mobile-cards-panel{display:none!important}}@media (min-width: 1100px){.mobile-input,.mobile-card-rail,.mobile-cards-panel{display:none}.compact-card-strip,.pinned-pills{display:none!important}}.pinned-pills{display:none}.compact-card-strip{display:flex;position:fixed;top:0;right:0;width:80vw;bottom:60px;flex-direction:column;gap:10px;padding:20px 0 20px 20px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;z-index:10;transform:translate(calc(80vw - 50px));transition:transform .42s cubic-bezier(.42,0,.58,1);cursor:pointer}.compact-card-strip::-webkit-scrollbar{display:none}.compact-card-strip.revealed{transform:translate(-10vw);cursor:default}.compact-card-strip .card-item{flex-shrink:0;height:calc((100vh - 80px)*.4);border-radius:16px 0 0 16px;transform:none!important;transition:none!important}.compact-back-btn{position:absolute;top:20px;left:20px;background:#ffffffd9;border:.5px solid var(--border-gray);border-radius:100px;padding:6px 14px;font-family:var(--font-sans);font-size:13px;color:var(--deep-black);cursor:pointer;display:none;z-index:2}.compact-card-strip.revealed .compact-back-btn{display:flex;align-items:center;gap:6px}.compact-card-strip.revealed .card-item{border-radius:16px}@media (min-width: 768px) and (max-width: 1099px){html,body,#root{overflow:hidden;height:100vh}.app{flex-direction:row;width:100vw;height:100vh;overflow:hidden}.col-left{width:100%;height:100vh;flex-shrink:1;overflow-y:auto;padding:48px 80px 150px 48px;-webkit-overflow-scrolling:touch}.col-left.dim{transform:none;opacity:1;pointer-events:auto}.col-right,.mobile-cards-panel,.mobile-card-rail{display:none!important}.ghost-mark{left:48px;bottom:-36px;position:fixed}.theme-toggle{top:20px;right:20px;bottom:auto;left:auto}.beat-xl{font-size:clamp(26px,3.5vw,34px);margin-bottom:16px}.beat-lg{font-size:clamp(24px,3.2vw,32px);margin-bottom:16px}.beat-xl.age-1.on,.beat-lg.age-1.on{font-size:clamp(20px,2.6vw,26px);margin-bottom:12px}.beat-xl.age-2.on,.beat-lg.age-2.on{font-size:clamp(15px,2vw,20px);margin-bottom:8px}.beat-xl.age-3.on,.beat-lg.age-3.on{font-size:13px;margin-bottom:5px}.pinned-pills.on{display:flex;position:fixed;bottom:60px;left:0;right:60px;padding:8px 28px;flex-wrap:wrap;gap:8px;z-index:40}.pills-wrap{display:none}.mobile-input{display:flex;position:fixed;bottom:0;left:0;right:60px;height:60px;padding:0 28px;background:transparent;border-top:.5px solid var(--border-gray);z-index:50;align-items:center;gap:10px}}@media (max-width: 1099px){.col-left{transition:transform .42s cubic-bezier(.42,0,.58,1),opacity .3s ease}.app.compact-cards-open .col-left{transform:translate(-60%);opacity:0;pointer-events:none}.pinned-pills{transition:transform .42s cubic-bezier(.42,0,.58,1),opacity .3s ease}.app.compact-cards-open .pinned-pills{transform:translate(-60%);opacity:0;pointer-events:none}.compact-overlay{position:fixed;top:0;left:0;right:0;bottom:60px;z-index:9;cursor:pointer}}