.fluence-media-open{background:#f0f3ec!important;color:#364237!important;border-color:rgba(46,57,48,.1)!important}.fluence-media-surface{position:fixed;inset:0;z-index:2800;background:#f5f3ed;overflow:auto}.media-surface-shell{width:min(920px,100%);min-height:100vh;margin:0 auto;padding:26px 24px 42px}.media-surface-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:10px 0 20px;border-bottom:1px solid rgba(38,47,40,.1)}.media-surface-top small{text-transform:uppercase;letter-spacing:.09em;font-size:11px;color:#7c847d}.media-surface-top h1{font-size:clamp(32px,6vw,58px);line-height:1.02;max-width:760px;margin:7px 0 0;letter-spacing:-.035em}.media-surface-top>button{width:42px;height:42px;border:0;border-radius:50%;background:rgba(38,48,40,.07);font-size:26px;cursor:pointer}.media-surface-targets{display:flex;align-items:flex-start;gap:18px;padding:18px 0}.media-surface-targets>small{text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:#838a84;padding-top:7px}.media-surface-targets>div{display:flex;flex-wrap:wrap;gap:7px}.media-surface-targets span{background:#e8ede3;border:1px solid rgba(49,64,52,.08);padding:6px 9px;border-radius:999px;font-size:12px;font-weight:700}.media-surface-content{padding:18px 0 120px}.fluence-reader{max-width:720px;margin:0 auto;background:#fff;border:1px solid rgba(42,53,44,.09);border-radius:28px;padding:clamp(24px,5vw,48px);box-shadow:0 18px 60px rgba(31,40,33,.06)}.reader-meta{display:flex;gap:10px;color:#818881;font-size:12px;margin-bottom:24px}.reader-copy{font-size:clamp(19px,2.6vw,24px);line-height:1.7;color:#28312b}.reader-copy p{margin:0 0 1.2em}.reader-copy mark{background:#eef2d5;color:inherit;padding:0 .12em;border-radius:4px}.external-companion{max-width:700px;margin:30px auto;background:#fff;border:1px solid rgba(42,53,44,.09);border-radius:28px;padding:32px}.external-companion-preview small{text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:#858d86}.external-companion-preview p{font-size:20px;line-height:1.55;color:#3f4941}.external-companion>a{display:inline-flex;margin-top:10px;background:#27332a;color:#fff;text-decoration:none;font-weight:750;padding:12px 16px;border-radius:999px}.external-companion-note{font-size:12px!important;color:#7a827b!important;margin-top:18px!important}.media-surface-footer{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:min(860px,calc(100% - 28px));display:flex;justify-content:flex-end;gap:10px;background:rgba(250,249,245,.9);backdrop-filter:blur(14px);border:1px solid rgba(42,52,44,.11);border-radius:18px;padding:10px;box-shadow:0 16px 50px rgba(24,32,26,.12)}.media-surface-footer button{border:0;border-radius:12px;padding:12px 16px;font:inherit;font-weight:750;cursor:pointer}.media-surface-buddy{background:#edf1e9;color:#364238}.media-surface-complete{background:#28342b;color:#fff}.media-surface-complete.is-complete{background:#dfe9db;color:#3c533f}.mode-watch .media-surface-top{border-bottom-color:rgba(58,67,59,.12)}.mode-listen .media-surface-targets span{background:#ecebe3}@media(max-width:720px){.media-surface-shell{padding:16px 14px 34px}.media-surface-top h1{font-size:34px}.media-surface-targets{flex-direction:column;gap:8px}.fluence-reader,.external-companion{border-radius:20px;padding:22px}.reader-copy{font-size:18px}.media-surface-footer{bottom:10px}.media-surface-footer button{flex:1;padding:12px 10px}.media-surface-content{padding-bottom:100px}}