*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}:root{--ff-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--ff-serif:"Lora", Georgia, "Times New Roman", serif;--fs:1rem;--lh:1.7;--accent:#2f7e79;--accent-deep:#235e5a;--accent-2:#c77f55;--accent-2-deep:#a8623c;--radius:16px;--radius-sm:10px;--shadow-1:0 1px 2px #14181c0a, 0 6px 18px #14181c0f;--shadow-2:0 10px 40px #14181c1f;--maxw:640px}:root[data-theme=light]{--bg:#efeae0;--bg-2:#e7e1d4;--surface:#fbf9f4;--surface-2:#f3efe6;--ink:#2b2b2e;--ink-soft:#5d5a55;--ink-faint:#8b877f;--line:#2b2b2e1f;--line-strong:#2b2b2e38;--art-accent:#3a8e88;--art-accent-deep:#266b66;--art-accent-2:#d28a60;--art-accent-2-deep:#b06b44;--art-soft:#ece6da;--art-soft-deep:#ddd5c5;--art-ink:#3a3a3e;--art-line:#2b2b2e2e}:root[data-theme=dark]{--bg:#141619;--bg-2:#0f1113;--surface:#1e2127;--surface-2:#262a31;--ink:#e7e3da;--ink-soft:#a9a59b;--ink-faint:#76736b;--line:#e7e3da1f;--line-strong:#e7e3da38;--accent:#4fb3ac;--accent-deep:#2f7e79;--accent-2:#e0976a;--accent-2-deep:#c77f55;--art-accent:#4fb3ac;--art-accent-deep:#347e79;--art-accent-2:#e0976a;--art-accent-2-deep:#bd784f;--art-soft:#2a2e35;--art-soft-deep:#20242a;--art-ink:#cfcabf;--art-line:#e7e3da29}:root[data-size=sm]{--fs:.94rem;--lh:1.68}:root[data-size=md]{--fs:1.06rem;--lh:1.72}:root[data-size=lg]{--fs:1.2rem;--lh:1.76}:root[data-font=serif]{--ff-body:var(--ff-serif)}:root[data-font=sans]{--ff-body:var(--ff-sans)}body{font-family:var(--ff-body,var(--ff-serif));background:var(--bg);color:var(--ink);transition:background .4s,color .4s}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{flex-direction:column;height:100%;display:flex}.stage{flex:1;position:relative;overflow:hidden}.stage__inner{height:100%}.toolbar{background:color-mix(in srgb, var(--surface) 78%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--line);z-index:30;justify-content:space-between;align-items:center;gap:16px;padding:12px clamp(14px,4vw,30px);display:flex}.toolbar__brand{align-items:center;gap:10px;min-width:0;display:flex}.toolbar__dot{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:11px;height:11px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:50%}.toolbar__title{font-family:var(--ff-sans);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;font-size:1.04rem;font-weight:800}.toolbar__controls{align-items:center;gap:10px;display:flex}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:flex}.seg__btn{font-family:var(--ff-sans);color:var(--ink-soft);border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:.86rem;font-weight:600;transition:color .2s,background .2s;display:flex}.seg__btn.is-active{color:var(--accent-deep);background:var(--surface);box-shadow:var(--shadow-1)}:root[data-theme=dark] .seg__btn.is-active{color:var(--accent)}.seg__label{line-height:1}.iconbtn{width:40px;height:40px;color:var(--ink-soft);border:1px solid var(--line);background:var(--surface-2);border-radius:12px;place-items:center;transition:color .2s,border-color .2s,transform .15s;display:grid}.iconbtn:hover{color:var(--ink);transform:translateY(-1px)}.iconbtn.is-active{color:var(--accent-deep);border-color:var(--accent)}.popwrap{position:relative}.pop-scrim{z-index:40;position:fixed;inset:0}.pop{z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:230px;box-shadow:var(--shadow-2);transform-origin:100% 0;padding:14px;position:absolute;top:calc(100% + 10px);right:0}.pop__label{font-family:var(--ff-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin:6px 2px 8px;font-size:.72rem;font-weight:700}.pop__row{gap:8px;margin-bottom:6px;display:flex}.chip{border-radius:var(--radius-sm);background:var(--surface-2);font-family:var(--ff-sans);color:var(--ink-soft);border:1.5px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 8px;font-size:.9rem;font-weight:600;transition:border-color .18s,color .18s,background .18s;display:flex}.chip:hover{color:var(--ink)}.chip.is-active{border-color:var(--accent);color:var(--accent-deep);background:color-mix(in srgb, var(--accent) 9%, var(--surface))}:root[data-theme=dark] .chip.is-active{color:var(--accent)}.chip--size{padding:6px}.chip__a{font-weight:800;line-height:1}.chip__a--sm{font-size:.8rem}.chip__a--md{font-size:1rem}.chip__a--lg{font-size:1.25rem}.bookstage{background:radial-gradient(120% 80% at 50% -10%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 60%), var(--bg);place-items:center;height:100%;padding:clamp(8px,2vh,18px) clamp(56px,6vw,96px);display:grid;position:relative}.bookstage__center{perspective:2400px}.flipbook{margin:0 auto}.flipbook .page{background:0 0}.leaf{background:linear-gradient(90deg, color-mix(in srgb, var(--ink) 5%, transparent), transparent 6%, transparent 94%, color-mix(in srgb, var(--ink) 5%, transparent)), var(--surface);height:100%;box-shadow:inset 0 0 60px color-mix(in srgb, var(--ink) 3%, transparent);position:relative;overflow:hidden}.leaf__inner{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;justify-content:center;height:100%;padding:clamp(22px,4.5%,40px);display:flex;overflow:hidden auto}.leaf__inner::-webkit-scrollbar{width:6px}.leaf__inner::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.leaf__folio{text-align:center;font-family:var(--ff-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);pointer-events:none;font-size:.68rem;font-weight:600;position:absolute;bottom:12px;left:0;right:0}.leaf--cover,.leaf--section{background:linear-gradient(160deg, var(--surface), var(--surface-2))}.nav-arrow{z-index:20;width:48px;height:48px;color:var(--ink-soft);background:color-mix(in srgb, var(--surface) 80%, transparent);border:1px solid var(--line);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;place-items:center;transition:transform .18s,color .18s,opacity .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.nav-arrow:hover:not(:disabled){color:var(--accent-deep);transform:translateY(-50%)scale(1.08)}.nav-arrow:disabled{opacity:0;pointer-events:none}.nav-arrow--left{left:clamp(8px,2vw,24px)}.nav-arrow--right{right:clamp(8px,2vw,24px)}.book-progress{z-index:20;background:color-mix(in srgb, var(--surface) 82%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:12px;padding:8px 14px;display:flex;position:absolute;bottom:clamp(10px,2.4vh,22px);left:50%;transform:translate(-50%)}.book-progress__track{background:var(--line);border-radius:4px;width:130px;height:4px;overflow:hidden}.book-progress__fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:4px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.book-progress__label{font-family:var(--ff-sans);color:var(--ink-soft);font-size:.74rem;font-weight:600}.comic{background:var(--bg);scroll-behavior:smooth;height:100%;position:relative;overflow-y:auto}.comic__progress{transform-origin:0;z-index:25;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:3px;position:sticky;top:0;left:0}.comic__chapterbadge{z-index:24;font-family:var(--ff-sans);letter-spacing:.02em;color:var(--ink-soft);background:color-mix(in srgb, var(--surface) 84%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-1);border-radius:999px;padding:6px 16px;font-size:.74rem;font-weight:700;position:fixed;top:76px;left:50%;transform:translate(-50%)}.comic__scroll{max-width:var(--maxw);margin:0 auto;padding:64px clamp(18px,5vw,32px) 40px}.comic__panel{margin-bottom:26px}.comic__panelinner{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:clamp(24px,5vw,40px)}.comic__panel--cover .comic__panelinner,.comic__panel--section .comic__panelinner{background:linear-gradient(160deg, var(--surface), var(--surface-2))}.comic__end{text-align:center;color:var(--ink-faint);font-family:var(--ff-sans);padding:30px 0 10px;font-size:.8rem;font-weight:600}.page-content{flex-direction:column;gap:16px;width:100%;max-width:56ch;margin:0 auto;display:flex}.page-content--cover,.page-content--section{text-align:center;align-items:center;gap:18px}.block-wrap{width:100%}.b-kicker{font-family:var(--ff-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);font-size:.74rem;font-weight:700}:root[data-theme=dark] .b-kicker{color:var(--accent)}.b-heading{font-family:var(--ff-sans);letter-spacing:-.02em;color:var(--ink);font-weight:800;line-height:1.12;font-size:calc(var(--fs) * 2.1)}.page-content--cover .b-heading{font-size:calc(var(--fs) * 2.6)}.b-subheading{font-family:var(--ff-sans);font-weight:500;font-size:calc(var(--fs) * 1.12);color:var(--ink-soft);line-height:1.4}.b-paragraph{font-size:var(--fs);line-height:var(--lh);color:var(--ink)}.page-content:not(.page-content--cover) .b-paragraph{text-align:left}.b-divider{justify-content:center;align-items:center;gap:8px;padding:4px 0;display:flex}.b-divider span{background:var(--accent-2);opacity:.7;border-radius:50%;width:5px;height:5px}.b-divider span:nth-child(2){opacity:1}.b-illustration{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.b-illustration__art{border-radius:var(--radius);background:radial-gradient(120% 100% at 50% 0%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 70%);width:100%;max-width:380px;padding:10px}.art-svg{width:100%;height:auto;filter:drop-shadow(0 8px 18px color-mix(in srgb, var(--ink) 10%, transparent))}.b-illustration figcaption{font-family:var(--ff-sans);color:var(--ink-soft);text-align:center;max-width:42ch;font-size:.82rem;line-height:1.5}.b-fig{flex-direction:column;gap:2px;margin:6px 0;display:flex}.b-fig__value{font-family:var(--ff-sans);letter-spacing:-.02em;font-weight:800;font-size:calc(var(--fs) * 2.4);color:var(--accent-deep);line-height:1}:root[data-theme=dark] .b-fig__value{color:var(--accent)}.b-fig__label{font-family:var(--ff-sans);color:var(--ink-soft);font-size:.88rem;line-height:1.45}.b-quote{border-left:3px solid var(--accent-2);padding:4px 0 4px 18px}.b-quote p{font-size:calc(var(--fs) * 1.18);color:var(--ink);font-style:italic;line-height:1.5}.b-quote cite{font-family:var(--ff-sans);color:var(--ink-faint);margin-top:8px;font-size:.82rem;font-style:normal;font-weight:600;display:block}.b-aside{text-align:left;border-left:2px solid var(--cl-fg);padding-left:16px}.b-aside__label{font-family:var(--ff-sans);text-transform:uppercase;letter-spacing:.09em;color:var(--cl-fg);align-items:center;gap:6px;margin-bottom:4px;font-size:.74rem;font-weight:700;display:inline-flex}.b-aside__text{font-size:var(--fs);line-height:var(--lh);color:var(--ink)}.b-aside--myth{--cl-fg:#b4524e}.b-aside--fact{--cl-fg:var(--accent-deep)}.b-aside--tip{--cl-fg:var(--accent-2-deep)}.b-aside--warn{--cl-fg:#b9772e}:root[data-theme=dark] .b-aside--myth{--cl-fg:#e08884}:root[data-theme=dark] .b-aside--fact{--cl-fg:var(--accent)}:root[data-theme=dark] .b-aside--tip{--cl-fg:var(--accent-2)}:root[data-theme=dark] .b-aside--warn{--cl-fg:#e0a866}.b-pov{text-align:left;border-left:2px solid var(--accent);padding-left:16px}.b-pov__label{font-family:var(--ff-sans);text-transform:uppercase;letter-spacing:.09em;color:var(--accent-deep);align-items:center;gap:6px;margin-bottom:4px;font-size:.74rem;font-weight:700;display:inline-flex}:root[data-theme=dark] .b-pov__label{color:var(--accent)}.b-pov__text{font-size:var(--fs);line-height:var(--lh);color:var(--ink);font-style:italic}.toc-scrim{z-index:60;background:color-mix(in srgb, var(--bg-2) 60%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:fixed;inset:0}.toc{z-index:70;background:var(--surface);border-right:1px solid var(--line);width:min(340px,86vw);box-shadow:var(--shadow-2);flex-direction:column;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0}.toc__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.toc__eyebrow{font-family:var(--ff-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-deep);font-size:.72rem;font-weight:700}:root[data-theme=dark] .toc__eyebrow{color:var(--accent)}.toc__book{font-family:var(--ff-sans);letter-spacing:-.02em;color:var(--ink);margin-top:2px;font-size:1.3rem;font-weight:800}.toc__list{flex-direction:column;flex:1;gap:4px;margin:0 -8px;padding:0 8px;display:flex;overflow-y:auto}.toc__item{border-radius:var(--radius-sm);text-align:left;color:var(--ink-soft);align-items:center;gap:14px;padding:13px 14px;transition:background .18s,color .18s;display:flex;position:relative}.toc__item:hover{background:var(--surface-2);color:var(--ink)}.toc__item.is-active{background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--accent-deep)}:root[data-theme=dark] .toc__item.is-active{color:var(--accent)}.toc__num{font-family:var(--ff-sans);color:var(--ink-faint);min-width:22px;font-size:.82rem;font-weight:700}.toc__item.is-active .toc__num{color:inherit}.toc__title{font-family:var(--ff-sans);font-size:.98rem;font-weight:600;line-height:1.3}.toc__marker{background:linear-gradient(var(--accent), var(--accent-2));border-radius:3px;width:3px;position:absolute;top:18%;bottom:18%;left:0}.toc__foot{border-top:1px solid var(--line);font-family:var(--ff-sans);color:var(--ink-faint);margin-top:16px;padding-top:14px;font-size:.74rem;font-weight:600}.toast{z-index:80;font-family:var(--ff-sans);color:var(--surface);background:var(--ink);box-shadow:var(--shadow-2);border-radius:999px;padding:11px 20px;font-size:.86rem;font-weight:600;position:fixed;bottom:28px;left:50%}.iconbtn--ghost{background:0 0;border-color:#0000}.iconbtn--ghost:hover{background:var(--surface-2)}.iconbtn:active,.seg__btn:active,.chip:active,.nav-arrow:active{transform:scale(.94)}.nav-arrow:active{transform:translateY(-50%)scale(.94)}.b-paragraph strong,.b-aside__text strong,.b-pov__text strong,.b-subheading strong,.b-quote p strong,.b-illustration figcaption strong{color:var(--ink);font-weight:700}.b-illustration__art{transition:transform .5s cubic-bezier(.22,1,.36,1)}.b-illustration__art:hover{transform:translateY(-3px)}.art-svg{transition:filter .5s}.b-illustration__art:hover .art-svg{filter:drop-shadow(0 16px 30px color-mix(in srgb, var(--accent) 26%, transparent))}.art-svg .mi-spin,.art-svg .mi-pulse,.art-svg .mi-bob,.art-svg .mi-twinkle,.art-svg .mi-sway,.art-svg .mi-pop,.art-svg .mi-rise,.art-svg .mi-flow,.art-svg .mi-wave{transform-box:fill-box;transform-origin:50%}.art-svg .mi-rise{transform-origin:bottom}.art-svg .mi-wave{transform-origin:0 100%}.art-svg .mi-orbit-globe{transform-box:view-box;transform-origin:118px 124px}.art-svg .mi-dial,.art-svg .mi-needle{transform-box:view-box;transform-origin:180px 128px}@keyframes mi-spin{to{transform:rotate(360deg)}}@keyframes mi-spin-r{to{transform:rotate(-360deg)}}@keyframes mi-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}@keyframes mi-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes mi-twinkle{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.12)}}@keyframes mi-sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes mi-wave{0%,to{transform:rotate(-8deg)}50%{transform:rotate(7deg)}}@keyframes mi-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes mi-rise{0%{transform:scaleY(.15)}60%{transform:scaleY(1.08)}to{transform:scaleY(1)}}@keyframes mi-flow{0%{opacity:.2;transform:translate(-6px)}50%{opacity:1}to{opacity:.2;transform:translate(8px)}}@keyframes mi-march{to{stroke-dashoffset:-22px}}.b-illustration__art:hover .mi-spin{animation:9s linear infinite mi-spin}.b-illustration__art:hover .mi-orbit-globe{animation:16s linear infinite mi-spin}.b-illustration__art:hover .mi-dial{animation:22s linear infinite mi-spin-r}.b-illustration__art:hover .mi-needle{animation:3.4s ease-in-out infinite mi-sway}.b-illustration__art:hover .mi-pulse{animation:1.9s ease-in-out infinite mi-pulse}.b-illustration__art:hover .mi-bob{animation:2.6s ease-in-out infinite mi-bob}.b-illustration__art:hover .mi-twinkle{animation:1.7s ease-in-out infinite mi-twinkle}.b-illustration__art:hover .mi-sway{animation:2.8s ease-in-out infinite mi-sway}.b-illustration__art:hover .mi-wave{animation:1.4s ease-in-out infinite mi-wave}.b-illustration__art:hover .mi-pop{animation:.6s cubic-bezier(.34,1.56,.64,1) both mi-pop}.b-illustration__art:hover .mi-rise{animation:.8s cubic-bezier(.34,1.56,.64,1) both mi-rise}.b-illustration__art:hover .mi-flow{animation:1.6s ease-in-out infinite mi-flow}.b-illustration__art:hover .mi-march{animation:.9s linear infinite mi-march}.b-illustration__art:hover .mi-d1{animation-delay:.12s}.b-illustration__art:hover .mi-d2{animation-delay:.24s}.b-illustration__art:hover .mi-d3{animation-delay:.36s}.b-illustration__art:hover .mi-d4{animation-delay:.48s}.b-illustration__art:hover .mi-d5{animation-delay:.6s}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.page-content--cover .b-illustration__art .art-svg{animation:6s ease-in-out infinite floaty}@media (width<=560px){.seg__label{display:none}.seg__btn{padding:8px 11px}.toolbar__title{font-size:.96rem}.toolbar__controls{gap:6px}.bookstage{padding:8px 46px}.nav-arrow{width:40px;height:40px}}