.intro-stage{--is-ink: #15132e;--is-muted: #5b5876;--is-line: rgba(21, 19, 46, .09);--is-accent: #6a4cf0;--is-soft: rgba(106, 76, 240, .09);position:fixed;inset:auto 24px 24px auto;z-index:400;width:420px;max-width:calc(100vw - 32px);font-family:inherit;color:var(--is-ink)}.intro-stage[hidden],.intro-stage-backdrop{display:none}.intro-stage-panel{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-height:calc(100vh - 48px);overflow-x:hidden;overflow-y:auto;padding:14px;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:linear-gradient(160deg,#ffffffc7,#f6f3ffa8);box-shadow:0 1px #ffffffe6 inset,0 0 0 1px #15132e0f,0 28px 64px -22px #1e145a6b,0 8px 20px -10px #1e145a2e;opacity:0;transform:translateY(16px) scale(.98);transform-origin:bottom right;transition:opacity .2s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.intro-stage-panel:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.intro-stage-panel{background:#fff}}.intro-stage.is-open .intro-stage-panel{opacity:1;transform:none}.intro-stage-handle{display:none}.intro-stage.is-placed{inset:auto}.intro-stage-head{cursor:grab;touch-action:none;user-select:none}.intro-stage.is-dragging .intro-stage-head{cursor:grabbing}.intro-stage.is-dragging iframe{pointer-events:none}.intro-stage.is-dragging .intro-stage-panel{box-shadow:0 40px 90px -24px #15132e8c;transition:none}.intro-stage-grip{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#9a96b3;font-size:16px}.intro-stage-head:hover .intro-stage-grip{background:var(--is-soft);color:var(--is-accent)}.intro-stage-head{display:flex;align-items:center;gap:10px;min-width:0}.intro-stage-avatar{flex:none;display:grid;place-items:center;width:40px;height:40px;overflow:hidden;border-radius:50%;background:var(--is-soft);color:var(--is-accent);font-weight:800;font-size:14px}.intro-stage-avatar img{width:100%;height:100%;object-fit:cover}.intro-stage-who{display:grid;min-width:0;flex:1}.intro-stage-who strong{overflow:hidden;font-size:16px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis}.intro-stage-meta{overflow:hidden;color:var(--is-muted);font-size:12.5px;white-space:nowrap;text-overflow:ellipsis}.intro-stage-meta:empty{display:none}.intro-stage-close{flex:none;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:#ffffffb8;color:var(--is-ink);font-size:18px;cursor:pointer;box-shadow:0 1px 3px #15132e1f;transition:background .15s ease,transform .15s ease}.intro-stage-close:hover{background:#fff;transform:rotate(90deg)}.intro-stage-screen{overflow:hidden;aspect-ratio:16 / 9;border-radius:16px;background:#0b0a1e;box-shadow:0 10px 26px -12px #0b0a1e8c}.intro-stage-screen :is(iframe,video){display:block;width:100%;height:100%;border:0}.intro-stage-paused{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:-4px;padding:8px 12px;border:0;border-radius:10px;background:var(--is-soft);color:var(--is-accent);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.intro-stage-paused[hidden]{display:none}.intro-stage-chapters{display:flex;flex-wrap:wrap;gap:6px}.intro-stage-chapters[hidden],.intro-stage-chapters button[hidden]{display:none}.intro-stage-chapters button{padding:6px 12px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:#ffffffb3;color:var(--is-ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.intro-stage-chapters button:hover{border-color:var(--is-accent);color:var(--is-accent)}.intro-stage-deal{display:grid;gap:10px;padding-top:2px}.intro-stage-price{font-size:13.5px;color:var(--is-muted)}.intro-stage-price p{margin:0}.intro-stage-price strong{color:var(--is-ink);font-size:20px;font-weight:800;letter-spacing:-.02em}.intro-stage-price .price-unit-short{display:none}.intro-stage-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.intro-stage-actions>*{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:42px;padding:0 12px;border-radius:13px;font:inherit;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.intro-stage-book{grid-column:1 / -1;min-height:46px!important;font-size:15px!important}.intro-stage-actions>[hidden]{display:none}.intro-stage-book{border:0;background:linear-gradient(135deg,#7b5cff,#5a3ce0);color:#fff!important;box-shadow:0 10px 22px -10px #5a3ce0b3}.intro-stage-book:hover{filter:brightness(1.08)}.intro-stage-save,.intro-stage-profile{border:1px solid rgba(255,255,255,.85);background:#ffffffb3;color:var(--is-ink)!important;box-shadow:0 1px 2px #15132e14}.intro-stage-save:hover,.intro-stage-profile:hover{border-color:var(--is-accent)}.intro-stage-save[aria-pressed=true]{border-color:#f3b9cf;background:#fff0f5;color:#c2185b!important}.intro-stage-save[aria-pressed=true] .icon{fill:currentColor}.intro-stage-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--is-line)}.intro-stage-nav button:last-child{justify-self:end}.intro-stage-nav button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intro-stage-nav button .icon{flex:none}.intro-stage-nav[hidden]{display:none}.intro-stage-nav button{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;min-height:38px;padding:0 10px;border:0;border-radius:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none;color:var(--is-accent);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.intro-stage-nav button:hover:not(:disabled){background:var(--is-soft)}.intro-stage-nav button:disabled{color:#c3c0d6;cursor:default}.intro-stage-count{color:var(--is-muted);font-size:13px;font-variant-numeric:tabular-nums}.intro-stage :is(button,a):focus-visible{outline:3px solid color-mix(in srgb,var(--is-accent) 45%,transparent);outline-offset:2px}.is-intro-current{position:relative;outline:3px solid #6a4cf0;outline-offset:4px}.is-intro-current[data-intro-now]:before{content:attr(data-intro-now);position:absolute;z-index:3;left:18px;top:-13px;padding:3px 10px;border-radius:999px;background:#6a4cf0;color:#fff;font-size:12px;font-weight:800;letter-spacing:.02em;pointer-events:none}.is-intro-flip{animation:intro-flip .38s cubic-bezier(.4,0,.2,1)}@keyframes intro-flip{0%{transform:perspective(1200px) rotateY(0)}50%{transform:perspective(1200px) rotateY(88deg) scale(.96)}to{transform:perspective(1200px) rotateY(0)}}@media (max-width: 720px){.intro-stage{inset:0;width:auto;max-width:none;display:flex;flex-direction:column;justify-content:flex-end}.intro-stage[hidden]{display:none}.intro-stage-backdrop{display:block;position:absolute;inset:0;background:#15132e80;opacity:0;transition:opacity .2s ease}.intro-stage.is-open .intro-stage-backdrop{opacity:1}.intro-stage-panel{position:relative;max-height:92vh;padding:10px 16px calc(16px + env(safe-area-inset-bottom));border:0;border-radius:24px 24px 0 0;transform:translateY(40px);transform-origin:bottom center}.intro-stage-handle{display:block;justify-self:center;width:44px;height:5px;border-radius:99px;background:#d7d3e6}.intro-stage-head{cursor:auto}.intro-stage-grip{display:none}.intro-stage-book{min-height:48px!important}.is-intro-current{outline:none}}html.intro-stage-lock,html.intro-stage-lock body{overflow:hidden}.home-sticker .intro-stage-panel,.eb-sticker .intro-stage-panel{border:2.5px solid var(--is-ink);background:#fff;box-shadow:6px 6px #3a3289}.home-sticker .intro-stage-panel:before,.eb-sticker .intro-stage-panel:before{display:none}.home-sticker .intro-stage-book,.eb-sticker .intro-stage-book{background:var(--is-accent)}.home-sticker .intro-stage-close,.eb-sticker .intro-stage-close,.home-sticker .intro-stage-chapters button,.eb-sticker .intro-stage-chapters button,.home-sticker .intro-stage-save,.eb-sticker .intro-stage-save,.home-sticker .intro-stage-profile,.eb-sticker .intro-stage-profile{border:2px solid var(--is-ink);box-shadow:2px 2px #3a3289}.home-sticker .intro-stage-book,.eb-sticker .intro-stage-book{border:2px solid var(--is-ink);box-shadow:3px 3px #3a3289}.home-sticker .intro-stage-screen,.eb-sticker .intro-stage-screen{border:2px solid var(--is-ink)}.home-sticker .intro-stage-chapters button:nth-child(1),.eb-sticker .intro-stage-chapters button:nth-child(1){background:#7fd6ff}.home-sticker .intro-stage-chapters button:nth-child(2),.eb-sticker .intro-stage-chapters button:nth-child(2){background:#ffd84d}.home-sticker .intro-stage-chapters button:nth-child(3),.eb-sticker .intro-stage-chapters button:nth-child(3){background:#8ee6c4}.home-sticker .intro-stage-chapters button:hover,.eb-sticker .intro-stage-chapters button:hover{color:var(--is-ink);translate:-1px -1px}.eb-sticker .is-intro-current{outline:3px solid var(--is-ink, #15132e);outline-offset:5px}.eb-sticker .is-intro-current[data-intro-now]:before{border:2px solid #15132e;background:#ffd84d;color:#15132e;box-shadow:2px 2px #3a3289}@media (max-width: 720px){.home-sticker .intro-stage-panel,.eb-sticker .intro-stage-panel{border-width:2.5px 0 0;box-shadow:none}}@media (prefers-reduced-motion: reduce){.intro-stage-panel,.intro-stage-backdrop,.intro-stage-close{transition:none}.is-intro-flip{animation:none}}