/* Landing-only styles. The shared account and workspace screens stay independent. */
    html.sosyallama-landing,.marketing { scrollbar-width:none; }
    html.sosyallama-landing::-webkit-scrollbar,.marketing::-webkit-scrollbar { display:none; width:0; height:0; }
    .marketing { --story-ink:#202026; background:#fff; }
    .marketing .site-header { position:relative; z-index:20; max-width:none; padding:22px max(32px,calc((100vw - 1208px)/2)); background:#fff; }
    .marketing .site-header nav { gap:27px; }
    .marketing .site-header .brand { font-size:25px; }
    .marketing .site-header a:hover { color:var(--accent); }
    .marketing .site-header .primary:hover { color:#fff; }
    .skip-story { position:fixed; top:10px; left:12px; transform:translateY(-150%); z-index:100; padding:12px 20px; background:#fff; color:var(--accent); }
    .skip-story:focus { transform:none; }
    .story { position:relative; }
    .story-stage { position:relative; }
    .story-scene { max-width:1208px; min-height:800px; margin:auto; padding:100px 36px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; }
    .story-scene--hero { display:block; }
    .story-scene--hero .hero { margin:0; padding:0; max-width:none; }
    .story-scene--hero .hero-intro { margin:0 0 10px; font-size:17px; line-height:1.6; font-weight:550; }
    .story-scene--hero .hero-copy { margin:10px 0; font-size:16px; line-height:1.8; }
    .story-copy { max-width:520px; }
    .scene-platform { display:flex; align-items:center; gap:12px; margin:0 0 30px; color:var(--accent); }
    .scene-platform strong { font-size:34px; font-weight:750; letter-spacing:-1.2px; line-height:1.2; }
    .scene-platform svg { flex:none; width:34px; height:34px; }
    .scene-platform > span:last-child { color:var(--muted); margin-left:6px; padding-left:16px; border-left:1px solid var(--line); font-size:11px; font-weight:500; white-space:nowrap; letter-spacing:1px; }
    .story-copy h2 { margin:0 0 25px; font-size:clamp(48px,6vw,84px); line-height:1.02; letter-spacing:-4.5px; font-weight:720; }
    .story-copy h2 em { color:var(--accent); font-style:normal; }
    .story-copy > p:not(.scene-platform) { max-width:345px; margin:0; font-size:17px; line-height:1.8; color:var(--muted); }
    .story-copy .copy-aside { margin-top:32px!important; color:var(--story-ink)!important; font-size:13px!important; }
    .copy-aside::before { content:''; display:inline-block; width:26px; height:2px; background:var(--pink); vertical-align:middle; margin-right:12px; }
    .story-visual { display:flex; align-items:center; justify-content:center; position:relative; min-width:0; }
    .demo-post { width:370px; flex:none; background:#fff; border:1px solid #dfdfe4; border-radius:18px; box-shadow:0 24px 70px -26px #25242b40; overflow:hidden; color:var(--story-ink); }
    .post-profile { display:flex; align-items:center; gap:10px; padding:15px 17px; font-size:13px; }
    .post-avatar { height:33px; width:33px; border-radius:50%; object-fit:cover; }
    .post-profile strong { display:block; font-size:13px; font-weight:650; }
    .post-profile small { display:block; font-size:10px; margin-top:3px; color:#777; }
    .post-profile .post-more { margin-left:auto; letter-spacing:2px; font-size:20px; }
    .verified { display:inline-grid; place-items:center; width:14px; height:14px; border-radius:50%; background:var(--accent); color:white; font-size:9px; vertical-align:1px; }
    .ig-art { aspect-ratio:1; background:var(--accent); position:relative; overflow:hidden; }
    .ig-art img { display:block; width:75%; margin:-8px auto 0; }
    .ig-art .art-caption { position:absolute; bottom:24px; left:25px; right:25px; color:white; font-weight:800; font-size:37px; line-height:.96; letter-spacing:-1.5px; }
    .ig-art .art-caption span { color:#fff; background:var(--pink); padding:0 6px 3px; display:inline-block; transform:rotate(-3deg); }
    .ig-art .art-corner { position:absolute; top:18px; left:20px; color:#fff; font-size:9px; font-weight:600; letter-spacing:1px; writing-mode:vertical-rl; }
    .post-actions { display:flex; gap:16px; padding:15px 17px 10px; }
    .post-actions svg { width:23px; height:23px; }
    .post-actions svg:last-child { margin-left:auto; }
    .post-caption { margin:0; padding:0 17px 17px; font-size:12px; line-height:1.65; }
    .post-caption b { margin-right:4px; }
    .mock-caption { display:block; margin-top:10px; color:#777; font-size:9px; letter-spacing:.6px; text-transform:uppercase; }
    .x-post { width:465px; padding:9px 10px; border-radius:18px; }
    .x-post .post-profile { padding:15px 15px 8px; }
    .x-post .post-avatar { width:42px; height:42px; }
    .x-post .post-profile strong { font-size:15px; }
    .x-post .post-profile small { font-size:12px; }
    .x-brand { margin-left:auto; width:21px; height:21px; }
    .x-content { font-size:25px; letter-spacing:-.65px; line-height:1.5; padding:12px 16px 20px; margin:0; }
    .x-content span { color:var(--accent); }
    .x-media { margin:0 15px 12px; border-radius:12px; background:var(--accent); height:186px; display:flex; align-items:center; gap:14px; padding:8px 20px; color:white; overflow:hidden; }
    .x-media img { width:155px; height:155px; object-fit:cover; flex:none; }
    .x-media strong { font-size:32px; line-height:1; letter-spacing:-1px; }
    .x-meta { font-size:10px; color:var(--muted); margin:0 16px; padding:0 0 13px; border-bottom:1px solid var(--line); }
    .x-actions { display:flex; justify-content:space-between; padding:14px 17px 10px; color:#73737a; }
    .x-actions svg { width:19px; height:19px; }
    .youtube-post { width:500px; border-radius:16px; }
    .youtube-top { display:flex; align-items:center; gap:7px; padding:15px 18px; font-size:18px; letter-spacing:-.6px; }
    .youtube-top svg { width:27px; height:23px; color:var(--accent); }
    .youtube-top > span { margin-left:auto; color:var(--muted); letter-spacing:2px; }
    .youtube-thumbnail { position:relative; aspect-ratio:16/9; overflow:hidden; background:var(--accent); color:#fff; }
    .youtube-episode { position:absolute; left:24px; top:23px; z-index:1; font-size:9px; letter-spacing:1.8px; font-weight:600; }
    .youtube-thumbnail > strong { position:absolute; left:24px; top:72px; z-index:1; font-size:36px; letter-spacing:-1.5px; line-height:1.03; font-weight:800; }
    .youtube-thumbnail em { display:inline-block; background:var(--pink); padding:3px 5px; margin:3px 0; font-style:normal; transform:rotate(-3deg); }
    .youtube-thumbnail img { position:absolute; width:57%; right:-18px; bottom:-2px; }
    .youtube-play { position:absolute; display:grid; place-items:center; width:50px; height:36px; border-radius:10px; left:calc(50% - 25px); top:calc(50% - 18px); z-index:2; background:#202026cc; color:#fff; font-size:18px; padding-left:3px; }
    .youtube-duration { position:absolute; right:12px; bottom:11px; padding:4px 6px; border-radius:4px; font-size:10px; background:#202026; color:#fff; }
    .youtube-details { display:flex; align-items:flex-start; gap:11px; padding:19px 18px 12px; }
    .youtube-details .post-avatar { width:37px; height:37px; }
    .youtube-details h3 { font-size:16px; line-height:1.4; letter-spacing:-.3px; margin:0 0 8px; }
    .youtube-details p { margin:0 0 4px; font-size:12px; color:var(--muted); }
    .youtube-details > div > span { font-size:11px; color:var(--muted); }
    .youtube-disclaimer { margin:0; padding:0 18px 18px 66px; font-size:9px; color:var(--muted); }
    .tiktok-device { width:288px; border:6px solid #202026; border-radius:38px; background:#202026; color:#fff; padding:0; box-shadow:0 28px 70px -24px #20202655; overflow:hidden; }
    .tiktok-screen { position:relative; height:522px; border-radius:30px; overflow:hidden; background:var(--accent); }
    .tiktok-top { position:relative; z-index:2; display:flex; align-items:center; justify-content:center; gap:18px; padding:38px 15px 0; font-size:12px; }
    .tiktok-top span { opacity:.65; }
    .tiktok-top strong { border-bottom:2px solid white; padding-bottom:7px; font-weight:650; }
    .tiktok-notch { position:absolute; top:9px; left:50%; transform:translateX(-50%); width:70px; height:17px; border-radius:20px; background:#202026; z-index:3; }
    .tiktok-llama { position:absolute; top:115px; left:3%; width:94%; }
    .tiktok-title { position:absolute; top:93px; left:18px; z-index:1; transform:rotate(-5deg); font-size:27px; line-height:1.04; letter-spacing:-1px; font-weight:800; }
    .tiktok-title span { display:inline-block; color:#202026; background:#fff; padding:5px 8px; }
    .tiktok-title span+span { background:var(--pink); color:#fff; margin:3px 0 0 15px; }
    .tiktok-side { position:absolute; right:12px; top:240px; display:grid; gap:22px; justify-items:center; }
    .tiktok-side svg { width:25px; height:25px; filter:drop-shadow(0 2px 2px #0003); }
    .tiktok-side .post-avatar { border:2px solid white; }
    .tiktok-bottom { position:absolute; bottom:16px; left:17px; right:44px; text-shadow:0 1px 4px #0002; }
    .tiktok-bottom strong { font-size:13px; }
    .tiktok-bottom p { font-size:11px; line-height:1.6; margin:9px 0; }
    .tiktok-bottom small { font-size:10px; }
    .tiktok-navigation { display:flex; justify-content:space-around; align-items:center; height:48px; font-size:15px; }
    .tiktok-navigation .tt-create { border:1px solid #fff; border-radius:5px; padding:0 10px; font-size:20px; line-height:22px; }
    .tiktok-navigation svg { width:19px; height:19px; }
    .video-sticker { position:absolute; top:75%; left:-22px; background:#fff; border:1px solid var(--line); border-radius:8px; padding:15px 18px; font-size:13px; font-weight:650; transform:rotate(-7deg); box-shadow:0 8px 28px #20202615; }
    .visual-disclaimer { position:absolute; bottom:-25px; left:0; right:0; text-align:center; font-size:9px; color:var(--muted); }
    .web-stack { width:500px; height:475px; position:relative; }
    .browser-card { position:absolute; width:390px; background:#fff; border:1px solid #dedee3; border-radius:13px; overflow:hidden; box-shadow:0 18px 55px -30px #20202666; }
    .browser-bar { height:34px; display:flex; align-items:center; gap:10px; background:#f9f9fa; border-bottom:1px solid #ededf0; padding:0 12px; font-size:10px; color:#696974; }
    .browser-dots { display:flex; gap:4px; }
    .browser-dots i { width:5px; height:5px; border-radius:50%; background:#c8c8ce; }
    .browser-address { margin:auto; }
    .browser-content { height:173px; padding:19px 23px; position:relative; overflow:hidden; }
    .browser-content b { display:block; font-size:15px; letter-spacing:-.5px; }
    .browser-content h3 { font-size:29px; line-height:1.05; letter-spacing:-1px; margin:18px 0 12px; position:relative; z-index:1; }
    .browser-content p { font-size:9px; margin:0; position:relative; z-index:1; }
    .web-maltavents { top:0; left:2px; transform:rotate(-7deg); }
    .web-maltavents .browser-content { background:#f3eee7; }
    .web-artitek { top:129px; right:0; transform:rotate(5deg); }
    .web-artitek .browser-content { background:#e8edeb; }
    .web-upsilon { top:259px; left:22px; transform:rotate(-3deg); }
    .web-upsilon .browser-content { background:#25242b; color:#fff; }
    .web-shape { width:110px; height:110px; position:absolute; right:22px; top:43px; }
    .web-maltavents .web-shape { border:1px solid #bdb0a0; border-radius:55px 55px 0 0; box-shadow:12px -12px 0 -1px #f3eee7,12px -12px 0 #bdb0a0; }
    .web-artitek .web-shape { border:1px solid #9aaca2; transform:rotate(30deg); box-shadow:12px 12px 0 -1px #e8edeb,12px 12px 0 #9aaca2; }
    .web-upsilon .web-shape { border:1px solid #777; border-radius:50%; box-shadow:inset 0 0 0 18px #25242b,inset 0 0 0 19px #777; }
    .web-owner { position:absolute; right:-5px; top:35px; z-index:4; display:flex; align-items:center; gap:8px; padding:7px 13px 7px 7px; border:1px solid var(--line); border-radius:28px; background:white; font-size:11px; transform:rotate(5deg); box-shadow:0 7px 20px #0000000b; }
    .web-owner img { width:30px; height:30px; border-radius:50%; }
    .story-controls { display:none; }
    .story-ready .site-header { position:absolute; inset:0 0 auto; }
    .story-ready .story { height:770svh; }
    .story-ready .story-stage { position:sticky; top:0; height:100svh; overflow:clip; }
    .story-ready .story-scene { position:absolute; inset:0; min-height:0; width:100%; padding:95px 36px 92px; visibility:hidden; pointer-events:none; }
    .story-ready .story-scene--hero { display:flex; align-items:center; }
    .story-ready .story-scene--hero .hero { width:100%; }
    .story-ready .story-copy { opacity:var(--copy-opacity,0); transform:translateY(var(--copy-y,20px)); }
    .story-ready .story-visual { transform:translate3d(0,var(--visual-y,110vh),0) rotate(var(--visual-rotate,0deg)) scale(var(--visual-scale,1)); opacity:var(--visual-opacity,0); will-change:transform,opacity; }
    .story-ready .story-scene--hero .hero { opacity:var(--copy-opacity,1); transform:translateY(var(--copy-y,0px)); }
    .story-ready .story-scene--hero .hero-art { transform:translateY(var(--hero-y,0px)); }
    .story-ready .story-controls { position:absolute; bottom:24px; left:max(36px,calc((100vw - 1136px)/2)); right:max(36px,calc((100vw - 1136px)/2)); display:flex; gap:24px; align-items:center; z-index:10; border-top:1px solid var(--line); padding-top:17px; }
    .story-scroll-hint { display:flex; gap:12px; align-items:center; font-size:11px; color:var(--muted); margin-right:auto; white-space:nowrap; }
    .story-scroll-hint span { color:var(--accent); font-size:21px; }
    .story-chapters { display:flex; gap:24px; }
    .story-chapters a { color:var(--muted); text-decoration:none; font-size:12px; font-weight:600; display:flex; gap:7px; padding:7px 0; transition:color .2s; }
    .story-chapters a span { font-size:9px; align-self:center; }
    .story-chapters a[aria-current="step"] { color:var(--accent); }
    .story-progress { position:absolute; top:-1px; left:0; height:2px; width:100%; background:var(--accent); transform:scaleX(var(--story-progress,0)); transform-origin:left; }
    .story-demo-label { font-size:9px; color:#8b8992; margin-left:14px; }
    .landing-plans { position:relative; max-width:1208px; margin:auto; padding:100px 36px 110px; scroll-margin-top:20px; }
    .landing-plans:focus { outline:none; }
    .plans-heading { max-width:700px; margin-bottom:45px; }
    .plans-heading .eyebrow { color:var(--accent); }
    .plans-heading h2 { margin:15px 0 22px; font-size:clamp(36px,4.6vw,60px); letter-spacing:-2.7px; line-height:1.08; }
    .plans-heading h2 em { font-style:normal; color:var(--accent); }
    .plans-heading > p:last-child { color:var(--muted); font-size:15px; line-height:1.7; }
    .landing-plans .plan-card { display:flex; flex-direction:column; padding:28px; border-radius:16px; }
    .landing-plans .plan-card.featured { padding:27px; }
    .landing-plans .plan-card.featured > span { color:var(--pink); }
    .landing-plans .plan-card h3 { font-size:32px; margin-top:22px; }
    .landing-plans .plan-card > strong { font-size:21px; letter-spacing:-.5px; margin:20px 0 4px; }
    .landing-plans .plan-card ul { flex:1; margin:18px 0 14px; line-height:2.4; font-size:12px; }
    .landing-plans .plan-card .pill:hover { border-color:var(--accent); }
    .plans-note { max-width:650px; margin:26px auto 0; text-align:center; color:var(--muted); font-size:12px; line-height:1.8; }
    .marketing .story-footer { background:var(--accent); color:#fff; padding:80px max(32px,calc((100vw - 1136px)/2)) 27px; position:relative; }
    .footer-top { display:flex; align-items:center; justify-content:space-between; gap:50px; padding-bottom:70px; }
    .footer-top .footer-kicker { font-size:12px; margin:0 0 18px; }
    .footer-top h2 { font-size:clamp(40px,5.5vw,74px); font-weight:700; letter-spacing:-3px; line-height:1.03; margin:0; }
    .footer-top h2 span { display:inline-block; position:relative; }
    .footer-top h2 span:after { content:''; position:absolute; height:4px; background:var(--pink); left:0; right:0; bottom:-10px; transform:rotate(-2deg); }
    .footer-top .pill { white-space:nowrap; padding:18px 26px; }
    .footer-bottom { border-top:1px solid #ffffff45; padding-top:25px; display:flex; justify-content:space-between; align-items:center; gap:25px; }
    .footer-bottom .brand { font-size:22px; letter-spacing:-.8px; }
    .footer-bottom p { font-size:10px; opacity:.8; }
    .footer-links { display:flex; flex-wrap:wrap; gap:22px; font-size:11px; }
    .footer-links a { text-decoration:none; }
    .footer-links a:hover { text-decoration:underline; }
    .landing-dialog { border:1px solid var(--line); border-radius:20px; width:min(1060px,calc(100vw - 32px)); max-height:85svh; padding:38px; color:var(--ink); }
    .landing-dialog::backdrop { background:#20202670; backdrop-filter:blur(6px); }
    .dialog-heading { display:flex; align-items:start; justify-content:space-between; gap:25px; margin-bottom:30px; }
    .dialog-heading h2 { font-size:30px; line-height:1.15; letter-spacing:-1px; margin:8px 0; }
    .dialog-heading p { font-size:13px; color:var(--muted); line-height:1.7; }
    .dialog-close { border:1px solid var(--line); background:#fff; color:var(--ink); border-radius:50%; width:36px; height:36px; flex:none; font-size:22px; }
    .landing-dialog details { padding:20px 0; border-bottom:1px solid var(--line); }
    .landing-dialog summary { font-weight:600; font-size:15px; cursor:pointer; }
    .landing-dialog details p { font-size:14px; line-height:1.8; color:var(--muted); }
    body:has(.landing-dialog[open]) { overflow:hidden; }
    .story-symbols { position:absolute; width:0; height:0; overflow:hidden; }
    .lama-portrait { position:relative; width:100%; aspect-ratio:1; border-radius:35% 35% 22% 22%; transform:translateY(var(--headphone-pull,0px)) rotate(3deg); transition:transform .35s cubic-bezier(.2,.8,.2,1); }
    .lama-portrait > img { display:block; width:100%; height:100%; object-fit:cover; border-radius:inherit; user-select:none; -webkit-user-drag:none; }
    .headphone-pull { position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; background:transparent; color:var(--pink); border-radius:inherit; cursor:grab; touch-action:none; user-select:none; -webkit-tap-highlight-color:transparent; }
    .headphone-pull:focus-visible { outline:3px dashed #fff; outline-offset:5px; }
    .headphone-grip { position:absolute; right:18%; bottom:45%; display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:white; font-size:18px; box-shadow:0 2px 12px #20202620; opacity:0; transform:translateY(-4px); transition:opacity .2s,transform .2s; }
    .headphone-pull:hover .headphone-grip,.headphone-pull:focus-visible .headphone-grip,.hero-art.is-pulling .headphone-grip { opacity:1; transform:translateY(0); }
    .hero-art.is-pulling .lama-portrait { transition:none; }
    .hero-art.is-pulling .headphone-pull { cursor:grabbing; }
    .music-invitation { color:var(--ink); cursor:pointer; }
    .music-invitation:hover { color:var(--accent); }
    .music-invitation:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
    .music-player { position:fixed; inset:auto 0 0; z-index:50; display:grid; grid-template-columns:minmax(160px,1fr) minmax(260px,2fr) minmax(160px,1fr); align-items:center; gap:24px; padding:8px 24px calc(8px + env(safe-area-inset-bottom)); border-top:2px solid var(--pink); background:#fff; color:var(--ink); box-shadow:0 -5px 30px #2020260d; transform:translateY(100%); }
    .music-player[hidden],.music-player [hidden],.headphone-pull[hidden],.music-invitation[hidden] { display:none; }
    .music-player.is-open { transform:translateY(0); animation:music-player-enter .4s cubic-bezier(.2,.8,.2,1) both; }
    .music-player.is-pulling { transform:translateY(max(0px,calc(100% - var(--music-pull,0px)))); }
    .music-player-header { display:flex; gap:11px; align-items:center; min-width:0; }
    .music-cover { display:block; flex:none; width:40px; height:40px; border-radius:7px; object-fit:cover; }
    .music-track-info { min-width:0; }
    .music-track-title { margin:0; font-size:13px; line-height:1.6; font-weight:650; letter-spacing:-.15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .music-status { margin:1px 0 0; color:var(--muted); font-size:11px; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .music-center { width:100%; max-width:600px; justify-self:center; min-width:0; }
    .music-transport { display:flex; gap:12px; align-items:center; justify-content:center; }
    .music-player button { display:grid; place-items:center; background:none; color:var(--accent); border:0; width:30px; height:30px; padding:0; border-radius:50%; flex:none; cursor:pointer; }
    .music-player button:hover:not(:disabled) { background:var(--soft); }
    .music-player svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
    .music-transport .music-play { width:30px; height:30px; background:var(--accent); color:#fff; }
    .music-transport .music-play:hover:not(:disabled) { background:var(--accent); transform:scale(1.06); }
    .music-play .music-play-icon { fill:currentColor; stroke:none; width:18px; height:18px; }
    .music-play .music-pause-icon { stroke-width:3; }
    .music-player button[aria-pressed="true"],.music-player button[aria-expanded="true"] { color:var(--pink); }
    .music-timeline { display:flex; align-items:center; gap:8px; height:20px; }
    .music-timeline > span { flex:none; min-width:28px; text-align:center; font-size:9px; color:var(--muted); font-variant-numeric:tabular-nums; }
    .music-player input[type="range"] { appearance:none; -webkit-appearance:none; display:block; min-width:0; height:16px; padding:0; border:0; border-radius:0; background:transparent; cursor:pointer; }
    .music-seek { flex:1; width:100%; margin:0; }
    .music-player input[type="range"]::-webkit-slider-runnable-track { height:3px; border-radius:3px; background:var(--line); }
    .music-player input[type="range"]::-moz-range-track { height:3px; border-radius:3px; background:var(--line); }
    .music-player input[type="range"]::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:8px; height:8px; margin-top:-2.5px; border-radius:50%; background:var(--pink); }
    .music-player input[type="range"]::-moz-range-thumb { width:8px; height:8px; border:0; border-radius:50%; background:var(--pink); }
    .music-tools { display:flex; align-items:center; justify-content:flex-end; gap:12px; }
    .music-volume-label { display:flex; align-items:center; gap:8px; color:var(--accent); }
    .music-volume { width:64px; margin:0; }
    .music-player .music-close { color:var(--muted); }
    .music-player button:disabled { opacity:.4; cursor:not-allowed; }
    .music-player input:disabled { cursor:not-allowed; }
    .music-player button:focus-visible,.music-player input:focus-visible { outline:2px solid var(--pink); outline-offset:3px; }
    .music-queue { position:absolute; right:24px; bottom:calc(100% + 12px); width:320px; max-width:calc(100vw - 32px); padding:20px; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:0 10px 40px #20202614; }
    .music-queue-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
    .music-queue-heading h3 { margin:0; font-size:15px; letter-spacing:-.3px; }
    .music-track-count { color:var(--muted); font-size:11px; }
    .music-queue-empty { margin:20px 0 4px; color:var(--muted); font-size:12px; line-height:1.6; }
    .music-track-list { list-style:none; padding:0; margin:14px 0 0; max-height:min(240px,40svh); overflow:auto; }
    .music-track-list button { display:flex; align-items:center; gap:12px; width:100%; height:auto; border-top:1px solid var(--line); border-radius:0; color:var(--ink); padding:12px 4px; text-align:left; font-size:12px; }
    .music-track-list button > span { flex:none; width:18px; color:var(--muted); font-variant-numeric:tabular-nums; }
    .music-track-list button[aria-current="true"] { color:var(--accent); font-weight:600; }
    .story-ready.music-player-open .story-controls { bottom:88px; }
    @keyframes music-player-enter { from { transform:translateY(100%); } to { transform:translateY(0); } }
    .lyrics-panel { position:fixed; inset:0 auto 0 0; z-index:40; width:20vw; min-width:260px; max-width:420px; height:100dvh; display:flex; flex-direction:column; padding:22px 24px calc(90px + env(safe-area-inset-bottom)); background:rgb(16 16 20 / 82%); color:#fff; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-right:1px solid #ffffff18; box-shadow:10px 0 40px #00000015; animation:lyrics-enter .35s cubic-bezier(.2,.8,.2,1) both; }
    .lyrics-panel[hidden],.lyrics-panel [hidden] { display:none; }
    .lyrics-toolbar { display:flex; align-items:center; justify-content:flex-end; gap:9px; flex:none; }
    .lyrics-languages { display:flex; padding:3px; gap:2px; border:1px solid #ffffff30; border-radius:9px; }
    .lyrics-languages button { border:0; border-radius:6px; padding:7px 9px; background:transparent; color:#ffffffb3; font-size:11px; font-weight:600; cursor:pointer; }
    .lyrics-languages button[aria-pressed="true"] { background:#fff; color:var(--accent); }
    .lyrics-languages button:hover:not([aria-pressed="true"]) { color:#fff; }
    .lyrics-close { width:27px; height:32px; flex:none; border:0; padding:0; background:none; color:#ffffffb3; font-size:24px; cursor:pointer; }
    .lyrics-close:hover { color:#fff; }
    .lyrics-panel button:focus-visible,.lyrics-viewport:focus-visible { outline:2px solid var(--pink); outline-offset:3px; }
    .lyrics-heading { padding:35px 0 15px; flex:none; }
    .lyrics-heading > p { font-size:9px; letter-spacing:1.7px; color:#ffffff80; font-weight:650; margin:0 0 12px; }
    .lyrics-heading h2 { font-size:22px; letter-spacing:-.7px; line-height:1.25; margin:0 0 8px; overflow-wrap:anywhere; }
    .lyrics-artist { font-size:11px; color:#ffffff99; }
    .lyrics-viewport { position:relative; min-height:0; flex:1; overflow:auto; overscroll-behavior:contain; scrollbar-width:none; }
    .lyrics-viewport::-webkit-scrollbar { display:none; }
    .lyrics-lines { list-style:none; padding:16px 0 28svh; margin:0; }
    .lyrics-lines li { color:#ffffff66; font-size:clamp(19px,1.55vw,26px); font-weight:650; line-height:1.5; letter-spacing:-.35px; padding:0; margin:0 0 28px; white-space:pre-line; overflow-wrap:anywhere; transition:color .25s; }
    .lyrics-lines li.is-past { color:#ffffffa6; }
    .lyrics-lines li[aria-current="true"] { color:#fff; }
    .lyrics-lines li.lyrics-missing { font-size:14px; font-weight:400; }
    .lyrics-empty { min-height:100%; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:25px 0; }
    .lyrics-empty > span { color:var(--pink); font-size:36px; margin-bottom:12px; }
    .lyrics-empty p { font-size:22px; font-weight:650; line-height:1.35; letter-spacing:-.6px; margin:0 0 12px; }
    .lyrics-empty small { color:#ffffff99; font-size:12px; line-height:1.8; }
    .lyrics-footer { display:flex; align-items:center; gap:8px; flex:none; padding-top:18px; color:#ffffff80; font-size:10px; }
    .lyrics-playing-dot { width:5px; height:5px; border-radius:50%; background:var(--pink); }
    .lyrics-panel[data-playing="true"] .lyrics-playing-dot { animation:lyrics-pulse 1.4s ease-in-out infinite; }
    @keyframes lyrics-enter { from { transform:translateX(-100%); } to { transform:translateX(0); } }
    @keyframes lyrics-pulse { 50% { opacity:.35; } }
    .lama-guide { position:fixed; right:0; top:30svh; bottom:auto; transform:translateY(-70%); z-index:30; width:500px; height:220px; max-width:100%; overflow:clip; pointer-events:none; }
    .lama-guide[hidden],.lama-guide [hidden] { display:none; }
    .lama-guide-bubble { position:absolute; right:260px; bottom:18px; width:224px; z-index:1; background:#fff; border:1px solid var(--line); border-radius:17px 17px 4px 17px; padding:12px 18px; box-shadow:0 8px 35px #25242b14; pointer-events:auto; }
    .lama-guide-bubble::after { content:''; position:absolute; right:-7px; bottom:21px; width:12px; height:12px; background:#fff; border-top:1px solid var(--line); border-right:1px solid var(--line); transform:rotate(45deg); }
    .lama-guide-name { display:block; margin-bottom:6px; font-size:10px; font-weight:700; color:var(--accent); }
    .lama-guide-message { margin:0; color:var(--ink); font-size:12px; line-height:1.6; }
    .lama-guide-close { position:absolute; right:4px; top:4px; width:28px; height:28px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--muted); font-size:18px; line-height:1; }
    .lama-guide-close:hover { background:var(--soft); color:var(--ink); }
    .lama-guide-avatar { position:absolute; right:-80px; bottom:-20px; width:160px; height:240px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; transform-origin:50% 100%; transform:rotate(-55deg); transition:transform .55s cubic-bezier(.2,.7,.2,1); pointer-events:auto; -webkit-tap-highlight-color:transparent; }
    .lama-guide-avatar img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 3px 3px #25242b18); }
    .lama-guide-avatar:hover { transform:rotate(-59deg); }
    .lama-guide-avatar:focus-visible { outline:none; }
    .lama-guide-avatar:focus-visible img { filter:drop-shadow(0 0 3px var(--pink)); }
    .lama-guide[data-collapsed="true"] .lama-guide-avatar { transform:translateX(76px) rotate(-48deg); }
    .story-ready .story-controls { right:max(520px,calc((100vw - 1136px)/2)); }
    .story-ready .story-demo-label { display:none; }
    .marketing .story-footer { padding-bottom:130px; }
    @media(min-width:701px) and (max-width:1050px) {
      .story-scroll-hint { display:none; }
      .story-chapters { justify-content:space-between; width:100%; }
      .story-chapters a span { display:none; }
      .story-ready .story-controls { right:450px; }
      .lama-guide { width:430px; height:190px; }
      .lama-guide-avatar { width:124px; height:186px; right:-62px; bottom:-20px; }
      .lama-guide-bubble { right:210px; width:204px; }
    }
    @media(min-width:701px) and (max-height:760px) {
      .story-ready .story-scene { padding-top:85px; padding-bottom:80px; }
      .story-scene--hero .hero-art { max-width:360px; margin:auto; }
      .story-scene--hero .hero h1 { font-size:64px; }
      .story-visual > .demo-post,.story-visual > .tiktok-device,.story-visual > .web-stack { zoom:.87; }
      .story-copy h2 { font-size:68px; }
    }
    @media(min-width:701px) and (max-height:620px) {
      .story-visual > .demo-post,.story-visual > .tiktok-device,.story-visual > .web-stack { zoom:.71; }
      .story-scene--hero .hero-art { max-width:275px; }
      .story-scene--hero .hero h1 { font-size:46px; margin:15px 0; }
      .story-scene--hero .hero-copy { font-size:14px; }
      .story-scene--hero .hero-actions { margin:18px 0 10px; }
      .story-copy h2 { font-size:56px; }
      .scene-platform { margin-bottom:20px; }
    }
    @media(max-width:1050px) {
      .story-scene { gap:30px; }
      .story-copy h2 { font-size:64px; letter-spacing:-3px; }
      .x-post { width:390px; }
      .x-content { font-size:22px; }
      .x-media { gap:8px; padding:8px 10px; }
      .x-media strong { font-size:29px; }
      .web-stack { zoom:.85; }
      .story-demo-label { display:none; }
      .story-chapters { gap:15px; }
    }
    @media(max-width:700px) {
      .marketing .site-header { padding:19px 20px; gap:12px; }
      .marketing .site-header .brand { font-size:20px; gap:8px; flex-shrink:0; }
      .marketing .site-header nav { display:none; }
      .marketing .header-actions { gap:10px; font-size:11px; }
      .marketing .header-actions a { white-space:nowrap; }
      .marketing .header-actions .pill { padding:11px 10px; font-size:11px; }
      .headphone-grip { width:20px; height:20px; font-size:14px; opacity:1; transform:none; }
      .headphone-pull { min-height:44px; }
      .music-player { grid-template-columns:minmax(0,1fr) auto; gap:5px 12px; padding:10px 16px calc(8px + env(safe-area-inset-bottom)); }
      .music-player-header { gap:9px; }
      .music-cover { width:34px; height:34px; }
      .music-track-title { font-size:12px; }
      .music-status { font-size:10px; }
      .music-tools { grid-column:2; grid-row:1; gap:8px; }
      .lyrics-panel { width:min(86vw,340px); min-width:0; max-width:none; padding:18px 23px calc(110px + env(safe-area-inset-bottom)); }
      .lyrics-heading { padding-top:24px; }
      .lyrics-lines li { font-size:22px; }
      .music-volume-label { display:none; }
      .music-center { grid-column:1 / -1; grid-row:2; display:flex; align-items:center; gap:14px; max-width:none; }
      .music-transport { gap:4px; }
      .music-transport button { width:32px; height:32px; }
      .music-transport .music-shuffle,.music-transport .music-repeat { display:none; }
      .music-timeline { flex:1; min-width:0; gap:5px; }
      .music-queue { right:16px; }
      .story-ready.music-player-open .story-controls { bottom:112px; }
      .lama-guide { width:100%; height:130px; }
      .lama-guide-avatar { right:-45px; bottom:-20px; width:90px; height:135px; }
      .lama-guide[data-collapsed="true"] .lama-guide-avatar { transform:translateX(32px) rotate(-48deg); }
      .lama-guide-bubble { right:142px; bottom:12px; width:calc(100% - 158px); padding:11px 29px 11px 13px; border-radius:13px 13px 3px 13px; }
      .lama-guide-name { display:none; }
      .lama-guide-message { font-size:11px; line-height:1.6; }
      .lama-guide-close { top:3px; right:2px; width:26px; height:26px; }
      .story-scene { padding:55px 24px; min-height:0; display:flex; flex-direction:column; gap:30px; align-items:stretch; }
      .story-scene--hero .hero { margin:0; }
      .story-copy h2 { font-size:46px; line-height:1.02; letter-spacing:-2.3px; margin-bottom:14px; }
      .scene-platform { gap:9px; margin:0 0 14px; }
      .scene-platform strong { font-size:25px; letter-spacing:-.8px; }
      .scene-platform svg { width:27px; height:27px; }
      .scene-platform > span:last-child { font-size:9px; padding-left:10px; margin-left:2px; letter-spacing:.4px; }
      .story-copy > p:not(.scene-platform) { font-size:13px; line-height:1.7; max-width:280px; }
      .story-copy .copy-aside { display:none; }
      .story-ready .story { height:740svh; }
      .story-ready .story-scene { padding:31px 24px 124px; gap:22px; justify-content:center; }
      .story-ready .story-scene--hero { padding:88px 24px 124px; }
      .story-scene--hero .hero { display:flex; flex-direction:column; gap:12px; align-items:stretch; }
      .story-scene--hero .eyebrow { font-size:8px; letter-spacing:1px; margin-top:0; }
      .story-scene--hero .hero h1 { font-size:49px; margin:13px 0; letter-spacing:-2.8px; }
      .story-scene--hero .hero-copy { font-size:13px; line-height:1.7; margin:12px 0; }
      .story-scene--hero .hero-intro { font-size:13px; margin:0 0 8px; }
      .story-scene--hero .hero-actions { gap:8px; margin:17px 0 9px; flex-wrap:nowrap; }
      .story-scene--hero .hero-actions .pill { font-size:10px; padding:12px 11px; }
      .story-scene--hero .micro { font-size:10px; margin:9px 0; }
      .story-scene--hero .hero-art { width:170px; margin:7px auto 0; padding:8px 0; }
      .story-scene--hero .orbit-label { font-size:10px; padding:10px 13px; border-radius:10px; }
      .story-scene--hero .label-top { left:-40px; }
      .story-scene--hero .label-bottom { right:-40px; }
      .story-scene--hero .pink-dot { width:7px; height:7px; }
      .story-visual > .ig-post { zoom:.66; }
      .story-visual > .x-post { zoom:.81; }
      .story-visual > .youtube-post { zoom:.62; }
      .story-visual > .tiktok-device { zoom:.67; }
      .story-visual > .web-stack { zoom:.64; }
      .video-sticker { font-size:10px; left:4%; top:75%; padding:10px; }
      .story-ready .story-controls { left:24px; right:24px; bottom:88px; padding-top:8px; flex-wrap:wrap; gap:3px; }
      .story-scroll-hint { display:none; font-size:9px; gap:6px; }
      .story-scroll-hint span { font-size:16px; }
      .story-chapters { gap:10px; margin-left:0; justify-content:space-between; width:100%; }
      .story-chapters a { font-size:11px; gap:3px; padding:5px 0; }
      .story-chapters a span { display:none; }
      .marketing .story-footer { padding:55px 25px 125px; }
      .footer-top { display:block; padding-bottom:45px; }
      .footer-top h2 { font-size:47px; letter-spacing:-2px; }
      .footer-top .pill { margin-top:40px; }
      .footer-bottom { align-items:start; flex-direction:column; gap:18px; }
      .footer-bottom p { margin:0; }
      .footer-links { gap:18px; }
      .landing-dialog { padding:25px; }
      .dialog-heading h2 { font-size:25px; }
      .landing-plans { padding:65px 24px 75px; scroll-margin-top:0; }
      .plans-heading { margin-bottom:28px; }
      .plans-heading h2 { font-size:38px; letter-spacing:-1.9px; }
      .plans-heading > p:last-child { font-size:13px; }
      .landing-plans .plan-grid { grid-template-columns:1fr; gap:16px; }
      .landing-plans .plan-card { padding:25px; }
      .landing-plans .plan-card.featured { padding:24px; }
      .landing-plans .plan-card p { min-height:0; }
    }
    @media(max-width:700px) and (max-height:730px) {
      .story-scene--hero .hero-art { width:125px; margin-top:0; }
      .story-scene--hero .hero h1 { font-size:43px; margin:10px 0; }
      .story-scene--hero .hero-copy { font-size:12px; }
      .story-scene--hero .hero-intro { font-size:12px; }
      .story-scene--hero .micro { display:none; }
      .story-copy h2 { font-size:39px; }
      .story-ready .story-scene { gap:17px; }
      .story-visual > .ig-post { zoom:.55; }
      .story-visual > .tiktok-device { zoom:.55; }
      .story-visual > .x-post { zoom:.69; }
      .story-visual > .youtube-post { zoom:.54; }
      .story-visual > .web-stack { zoom:.55; }
    }
    @media(max-width:380px) {
      .story-visual > .youtube-post { zoom:.54; }
      .marketing .site-header { padding:17px 16px; gap:10px; }
      .marketing .site-header .brand { font-size:18px; gap:6px; }
      .marketing .site-header .brand img { width:28px; height:28px; }
      .marketing .header-actions { gap:8px; font-size:10px; }
      .marketing .header-actions .pill { font-size:10px; padding:11px 8px; }
    }
    @media(prefers-reduced-motion:reduce) {
      .lama-portrait,.headphone-grip { transition:none; }
      .music-player.is-open { animation:none; }
      .lyrics-panel,.lyrics-panel[data-playing="true"] .lyrics-playing-dot { animation:none; }
      .lyrics-lines li { transition:none; }
      .lama-guide-avatar { transition:none; }
      .story-ready .story { height:auto; }
      .story-ready .story-stage { position:relative; height:auto; overflow:visible; }
      .story-ready .story-scene { position:relative; min-height:100svh; visibility:visible!important; pointer-events:auto!important; }
      .story-ready .story-copy,.story-ready .story-visual,.story-ready .story-scene--hero .hero,.story-ready .story-scene--hero .hero-art { opacity:1!important; transform:none!important; }
      .story-ready .story-controls { display:none; }
    }