.quest-theme{--accent:#9335aa;--accent-ink:#4d155d;--tint:#f8f5fa;--q-ink:#241b28;--q-soft:#615766;font-family:var(--font-learn), ui-sans-serif, system-ui, sans-serif;font-variant-ligatures:no-common-ligatures}.quest-theme :is(.captured-story-shell,.audible-story-shell,.labor-story-shell){background:radial-gradient(60% 420px at 0 0,#9335aa24,#0000 70%),radial-gradient(50% 380px at 100% 0,#db53881a,#0000 70%),#fff}.quest-theme :is(.captured-story-shell,.audible-story-shell,.labor-story-shell):before{display:none}.quest-theme :is(.captured-story-topbar,.audible-story-topbar,.labor-story-topbar),.quest-theme :is(.captured-story-controls,.audible-story-controls,.labor-story-controls){background:#ffffffe6;border-color:#ece6ef}.quest-theme :is(.captured-story-topbar,.audible-story-topbar,.labor-story-topbar) strong{color:var(--q-ink);font-family:var(--font-pixel), var(--font-learn), sans-serif;letter-spacing:0;font-size:17px;font-weight:700}.quest-theme :is(.captured-story-topbar,.audible-story-topbar,.labor-story-topbar)>span{color:var(--q-soft);font-family:var(--font-pixel), var(--font-learn), sans-serif;letter-spacing:0;border:2px solid #ece6ef;border-radius:8px;padding:4px 10px;font-size:14px;font-weight:500}.quest-theme :is(.captured-back-link,.audible-back-link,.labor-back-link){font-size:13px;font-weight:700}.quest-theme :is(.captured-orbit,.audible-orbit,.labor-orbit){display:none}.quest-theme :is(.captured-phone-label,.audible-phone-label,.labor-phone-label){border:2px solid var(--accent-ink);color:var(--accent-ink);letter-spacing:0;text-transform:none;box-shadow:0 3px 0 var(--accent-ink);background:#fff;border-radius:8px;font-size:12px;font-weight:700}.quest-theme :is(.captured-lesson-card,.audible-lesson-card,.labor-lesson-card){background:#fffffff0;border:1px solid #ece6ef;border-radius:24px;box-shadow:0 1px 2px #4d155d0a,0 30px 60px -30px #4d155d4d}.quest-theme :is(.captured-lesson-card,.audible-lesson-card,.labor-lesson-card):before,.quest-theme :is(.captured-final-card,.audible-final-card,.labor-final-card):before{display:none}.quest-theme :is(.captured-kicker,.audible-kicker,.labor-kicker){color:var(--accent);letter-spacing:0;text-transform:none;background:#f8eefb;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.quest-theme :is(.captured-lesson-card,.audible-lesson-card,.labor-lesson-card) h1,.quest-theme :is(.captured-final-copy,.audible-final-copy,.labor-final-copy) h1{max-width:16ch;font-family:var(--font-pixel), var(--font-learn), sans-serif;letter-spacing:0;font-size:clamp(28px,3vw,44px);font-weight:700;line-height:1.05}.quest-theme :is(.captured-lesson-card,.audible-lesson-card,.labor-lesson-card) p{color:var(--q-soft);font-weight:500}.quest-theme :is(.captured-lesson-note,.audible-lesson-note,.labor-lesson-note){background:var(--tint);border:0;border-radius:16px}.quest-theme :is(.captured-lesson-note,.audible-lesson-note,.labor-lesson-note) span{color:#3d1049;font-family:var(--font-pixel), var(--font-learn), sans-serif;letter-spacing:0;text-transform:none;background:var(--zyx-yellow,#ffee71);border:2px solid #3d1049;border-radius:8px;justify-self:start;padding:3px 9px;font-size:13px;font-weight:500}.quest-theme :is(.captured-story-controls,.audible-story-controls,.labor-story-controls) button{border:2px solid var(--accent-ink);color:#fff;background:var(--accent);box-shadow:0 3px 0 var(--accent-ink);border-radius:10px}.quest-theme :is(.captured-story-controls,.audible-story-controls,.labor-story-controls) button:hover:not(:disabled){background:var(--accent);transform:translateY(-1px)}.quest-theme :is(.captured-story-controls,.audible-story-controls,.labor-story-controls) button:active:not(:disabled){box-shadow:0 1px 0 var(--accent-ink);transform:translateY(2px)}.quest-theme :is(.captured-progress-meta,.audible-progress-meta,.labor-progress-meta){color:var(--q-ink);font-family:var(--font-pixel), var(--font-learn), sans-serif;letter-spacing:0;text-transform:none;font-size:14px;font-weight:500}.quest-theme :is(.captured-progress-track,.audible-progress-track,.labor-progress-track){background:#fff;border:2px solid #ece6ef;border-radius:6px;height:14px}.quest-theme :is(.captured-progress-track,.audible-progress-track,.labor-progress-track) i{background:repeating-linear-gradient(90deg, var(--accent) 0 14px, #b75bcc 14px 16px);border-radius:3px}.quest-theme :is(.captured-final-card,.audible-final-card,.labor-final-card){background:#fff;border:1px solid #ece6ef;border-radius:28px;box-shadow:0 30px 60px -30px #4d155d4d}.quest-theme :is(.captured-final-brand,.audible-final-brand,.labor-final-brand) span{letter-spacing:0;text-transform:none;font-size:13px;font-weight:600}.quest-theme :is(.captured-final-action,.audible-final-action,.labor-final-action) a{border:2px solid var(--accent-ink);font-family:var(--font-pixel), var(--font-learn), sans-serif;box-shadow:0 4px 0 var(--accent-ink);border-radius:10px;font-weight:500}.quest-complete-banner{color:#3d1049;background:linear-gradient(90deg, #ffee71f5, #ffee71d1), var(--world-art) center / cover;border:2px solid #3d1049;border-radius:16px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:14px;padding:14px 16px;display:flex;box-shadow:0 4px #3d1049}.quest-complete-banner>div{flex:1;min-width:180px}.quest-complete-title{font-family:var(--font-pixel), var(--font-learn), sans-serif;margin:0;font-size:22px;font-weight:700}.quest-complete-sub{margin:2px 0 0;font-size:14px;font-weight:600}.quest-theme .btn-pixel{border:2px solid var(--accent-ink);color:#fff;font-family:var(--font-pixel), var(--font-learn), sans-serif;white-space:nowrap;background:var(--accent);box-shadow:0 3px 0 var(--accent-ink);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:15px;line-height:1;text-decoration:none;display:inline-flex}.reward-coin{animation:.9s cubic-bezier(.22,1,.36,1) coin-spin}@keyframes coin-spin{0%{transform:rotateY(0)scale(.6)}to{transform:rotateY(720deg)scale(1)}}@media (prefers-reduced-motion:reduce){.reward-coin{animation:none}}.quest-theme :is(.captured-cta-stage,.audible-cta-stage,.labor-cta-stage){place-items:start center}.quest-theme :is(.captured-final-card,.audible-final-card,.labor-final-card){margin-block:auto}
.px-read{--accent:#9335aa;--accent-ink:#4d155d;--deep:#2a1433;--ink:#241b28;--soft:#615766;--tint:#f8f5fa;--ease:cubic-bezier(.22, 1, .36, 1);min-height:100dvh;color:var(--ink);background-color:var(--stage-bg,#f6effd);transition:background-color .7s}.px-read-top{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-bottom:1px solid #ece6ef;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:60px;padding:0 20px;display:grid;position:sticky;top:0}.px-read-top .px-xp{justify-self:end}.px-read-progress{background:repeating-linear-gradient(90deg, var(--accent) 0 14px, #b75bcc 14px 16px);transform-origin:0;height:4px;transition:transform .3s var(--ease);position:absolute;bottom:-1px;left:0;right:0}.px-back{color:var(--accent);align-items:center;gap:6px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.px-title{font-family:var(--font-pixel), sans-serif;margin:0;font-size:19px;font-weight:700}.px-xp{border:2px solid var(--deep);color:var(--deep);font-family:var(--font-pixel), sans-serif;background:var(--zyx-yellow,#ffee71);box-shadow:0 2px 0 var(--deep);border-radius:9px;align-items:center;gap:5px;padding:5px 10px;font-size:14px;display:inline-flex}.px-chip{color:var(--accent);background:#f8eefb;border-radius:999px;margin:0;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.px-body{color:var(--soft);margin:0;font-size:17px;font-weight:500;line-height:1.6}.px-intro{justify-items:start;gap:16px;width:min(100% - 40px,820px);margin:0 auto;padding:clamp(40px,7vw,88px) 0 clamp(24px,4vw,40px);display:grid}.px-intro h1{font-family:var(--font-pixel), sans-serif;margin:0;font-size:clamp(38px,5vw,60px);font-weight:700;line-height:1}.px-intro-lede{max-width:60ch;color:var(--soft);margin:0;font-size:19px;line-height:1.55}.px-intro-meta{flex-wrap:wrap;gap:8px;display:flex}.px-intro-meta span{color:var(--soft);background:#fff;border:1px solid #ece6ef;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.px-learn{border:3px solid var(--deep);width:100%;box-shadow:0 5px 0 var(--deep);background:#fffbe0;border-radius:14px;padding:18px 20px}.px-learn-title{font-family:var(--font-pixel), sans-serif;margin:0 0 10px;font-size:18px;font-weight:700}.px-learn ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.px-learn li{gap:8px;font-size:15px;font-weight:600;line-height:1.4;display:flex}.px-learn svg{color:var(--accent);flex:none;margin-top:2px}.px-scroll-hint{color:var(--soft);margin:4px 0 0;font-size:14px}.px-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);width:min(100% - 40px,1180px);margin:0 auto;display:grid}.px-sticky{isolation:isolate;order:2;align-content:center;justify-items:center;gap:14px;height:calc(100dvh - 100px);display:grid;position:sticky;top:80px}.px-step-count{color:var(--soft);font-family:var(--font-pixel), sans-serif;margin:0;font-size:15px}.px-devices{animation:px-swap .38s var(--ease) both;justify-content:center;gap:clamp(16px,3vw,32px);padding-top:36px;display:flex}@keyframes px-swap{0%{opacity:0}}.px-steps{margin:0;padding:0 0 10vh;list-style:none;display:grid}.px-step{opacity:.12;min-height:0;transition:opacity .45s var(--ease), background-color .45s, border-color .45s, box-shadow .45s;border:3px solid #0000;border-radius:16px;align-content:center;align-self:center;gap:12px;margin:30vh 0;padding:24px 26px;display:grid;position:relative}.px-step.is-active{border-color:var(--deep);opacity:1;box-shadow:0 6px 0 var(--deep);background:#fff}.px-step.is-correction.is-active{border-color:#134a28;box-shadow:0 6px #134a28}.px-step.is-active:before{content:"";background:var(--deep);clip-path:polygon(0 0,100% 50%,0 100%);width:16px;height:22px;position:absolute;top:40px;right:-18px}.px-step.is-correction.is-active:before{background:#134a28}.px-step-num{color:#cdbfd4;font-family:var(--font-pixel), sans-serif;margin:0;font-size:44px;font-weight:700;line-height:1}.px-step.is-active .px-step-num{color:var(--accent)}.px-step.is-correction.is-active .px-step-num{color:#15803d}.px-step h2{font-family:var(--font-learn), sans-serif;letter-spacing:-.02em;margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:800;line-height:1.15}.px-takeaway{border:3px solid var(--deep);box-shadow:0 4px 0 var(--deep);background:#fffbe0;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.px-step.is-correction .px-takeaway{background:#eafbe9;border-color:#134a28;box-shadow:0 4px #134a28}.px-takeaway svg{color:#b45309;flex:none;margin-top:2px}.px-takeaway p{margin:0;font-size:16px;font-weight:600;line-height:1.45}.px-takeaway strong{color:var(--deep);font-family:var(--font-pixel), sans-serif;margin-bottom:2px;font-size:15px;display:block}.px-step-mobile-device{display:none}.px-recap{gap:20px;width:min(100% - 40px,900px);margin:0 auto;padding:24px 0 96px;display:grid}.px-recap h2{font-family:var(--font-pixel), sans-serif;margin:0;font-size:clamp(28px,3.2vw,40px);font-weight:700}.px-recap-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.px-recap-list li{background:#fff;border:2px solid #e3d8e9;border-radius:14px;gap:6px;padding:16px;font-size:15px;font-weight:600;line-height:1.45;display:grid}.px-recap-eyebrow{color:var(--accent);font-size:12.5px;font-weight:700}.px-recap .quest-complete-banner{grid-column:auto}.px-cta{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-ink));border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.px-cta h3{font-family:var(--font-pixel), sans-serif;margin:0 0 6px;font-size:22px}.px-cta p{color:#ffffffe0;max-width:56ch;margin:0;line-height:1.5}.px-cta .btn-pixel{color:#3d1049;background:var(--zyx-yellow,#ffee71);border-color:#3d1049;box-shadow:0 4px #3d1049}.px-handheld{filter:drop-shadow(0 8px 0 var(--deep)) drop-shadow(0 24px 30px #2a143340);margin:0;position:relative}.px-bezel{--n:8px;background:linear-gradient(160deg, #3b1d47, var(--deep));width:min(clamp(240px,22vw,320px),46.2dvh - 93.98px);clip-path:polygon(0 calc(var(--n) * 2), var(--n) calc(var(--n) * 2), var(--n) var(--n), calc(var(--n) * 2) var(--n), calc(var(--n) * 2) 0, calc(100% - var(--n) * 2) 0, calc(100% - var(--n) * 2) var(--n), calc(100% - var(--n)) var(--n), calc(100% - var(--n)) calc(var(--n) * 2), 100% calc(var(--n) * 2), 100% calc(100% - var(--n) * 2), calc(100% - var(--n)) calc(100% - var(--n) * 2), calc(100% - var(--n)) calc(100% - var(--n)), calc(100% - var(--n) * 2) calc(100% - var(--n)), calc(100% - var(--n) * 2) 100%, calc(var(--n) * 2) 100%, calc(var(--n) * 2) calc(100% - var(--n)), var(--n) calc(100% - var(--n)), var(--n) calc(100% - var(--n) * 2), 0 calc(100% - var(--n) * 2));gap:12px;padding:22px 16px 16px;display:grid}.px-handheld.is-corrected .px-bezel{background:linear-gradient(160deg,#1f6b3a,#134a28)}.px-devices.is-comparison .px-bezel{width:min(clamp(190px,17vw,250px),46.2dvh - 98.6px)}.px-speaker{background:repeating-linear-gradient(90deg,#6d4a7d 0 6px,#0000 6px 10px);justify-self:center;width:56px;height:6px}.px-screen{aspect-ratio:624/1350;background:#fff;border:4px solid #120a17;position:relative;overflow:hidden}.px-screen-img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.px-power{justify-content:space-between;align-items:center;padding:0 6px;display:flex}.px-power:before,.px-power:after{content:"";clip-path:polygon(33% 0,67% 0,67% 33%,100% 33%,100% 67%,67% 67%,67% 100%,33% 100%,33% 67%,0 67%,0 33%,33% 33%);background:#6d4a7d;width:22px;height:22px}.px-power i{background:var(--zyx-yellow,#ffee71);width:12px;height:12px}.px-device-label{z-index:2;border:2px solid var(--deep);color:var(--deep);font-family:var(--font-pixel), sans-serif;white-space:nowrap;background:#fff;border-radius:8px;padding:4px 10px;font-size:14px;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.px-handheld.is-corrected .px-device-label{color:#134a28;background:#e9fbe9;border-color:#134a28}.px-cursor{z-index:5;pointer-events:none;transition:transform .9s cubic-bezier(.65,0,.35,1),opacity .3s;position:absolute;top:0;left:0}.px-cursor.is-hidden{opacity:0}.px-cursor.is-static{transition:none;top:auto;left:auto}.px-arrow{filter:drop-shadow(3px 3px #2a143359);display:block}.px-cursor-label{border:2px solid var(--deep);color:var(--deep);font-family:var(--font-pixel), sans-serif;white-space:nowrap;background:var(--zyx-yellow,#ffee71);box-shadow:0 2px 0 var(--deep);border-radius:6px;padding:4px 9px;font-size:14px;animation:.36s steps(3,end) .7s both px-label-in;position:absolute;top:44px;left:18px}.px-cursor.is-static .px-cursor-label{animation:none}@keyframes px-label-in{0%{opacity:0;transform:translateY(-4px)}}@media (max-width:900px){.px-story{grid-template-columns:1fr}.px-sticky{display:none}.px-steps{gap:56px;padding:16px 0 40px}.px-step{opacity:1;border-color:var(--deep);box-shadow:0 6px 0 var(--deep);background:#fff;margin:0}.px-step:before,.px-step.is-active:before{display:none}.px-step-mobile-device{display:block}.px-learn ul,.px-recap-list{grid-template-columns:1fr}.px-read-top{grid-template-columns:auto 1fr auto;padding:0 12px}.px-title{text-align:center;font-size:15px}.px-bezel{width:min(76vw,280px)}.px-devices.is-comparison{flex-direction:column;align-items:center;gap:48px}.px-devices.is-comparison .px-bezel{width:min(70vw,240px)}}@media (prefers-reduced-motion:reduce){.px-devices,.px-cursor-label{animation:none}.px-cursor,.px-read,.px-step{transition:none}}.px-step .px-chip{justify-self:start}.px-changes{background:#eafbe9;border-radius:12px;padding:12px 14px}.px-changes-title{color:#14532d;font-family:var(--font-pixel), sans-serif;margin:0 0 6px;font-size:15px;font-weight:700}.px-changes ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.px-changes li{gap:8px;font-size:15px;font-weight:600;line-height:1.4;display:flex}.px-changes svg{color:#15803d;flex:none;margin-top:3px}.px-insight{border:2px dashed #d9cfde;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.px-insight svg{color:var(--accent);flex:none;margin-top:2px}.px-insight p{color:var(--soft);margin:0;font-size:14px;line-height:1.5}.px-insight strong{color:var(--ink);margin-bottom:2px;display:block}.px-source{color:var(--soft);margin:0;font-size:13px;line-height:1.5}.px-source a{color:var(--accent);font-weight:600}.px-handheld.is-monitor .px-bezel{width:min(100%,560px);padding:14px 14px 12px}.px-devices.is-comparison .px-handheld.is-monitor .px-bezel{width:min(100%,300px)}.px-devices.is-comparison:has(.is-monitor){flex-direction:column;align-items:center;gap:48px}.px-handheld.is-monitor .px-screen{aspect-ratio:auto}.px-handheld.is-monitor .px-screen-img{object-fit:contain;height:auto;max-height:calc(100dvh - 330px)}.px-handheld.is-monitor .px-speaker{display:none}