@keyframes homeShow{to{visibility:visible}}@keyframes spin{to{transform:rotate(360deg)}}:root[data-design=hybrid] .nbc{--paper:#fff;--tint:#f2f6f3;--sand:#d9e5dd;--line:#d8e4dc;--ink:#193b30;--muted:#4f6559;--brand:#18523f;--brand-deep:#113f33;--night:#0d2f27;--accent:#cfb779;--accent-hi:#ead197;--accent-ink:#7c5e22;--on-dark:#f7f3e8;--on-dark-2:#d5e0d7;--on-dark-accent:#e6cf95;--radius:6px;--banner:url(/images/home/banner-hybrid.webp);--cta-bg:linear-gradient(115deg, #ead197, #cfb779 70%);--cta-ink:#123a2e;--cta-sweep:#f4e4b8;--ring:#e6cf95bf;--shadow:18 56 44;--dur:.85}:root[data-design=official] .nbc{--paper:#fff;--tint:#f0f7fa;--sand:#dbe6ed;--line:#d6e3ec;--ink:#17384e;--muted:#4a6274;--brand:#074572;--brand-deep:#053655;--night:#042a44;--accent:#00a4e0;--accent-hi:#7fd6f5;--accent-ink:#086e99;--on-dark:#fff;--on-dark-2:#d9eef8;--on-dark-accent:#a6e4fa;--radius:3px;--banner:url(/images/home/banner-official.webp);--cta-bg:#fff;--cta-ink:#074572;--cta-sweep:#d9f1fb;--ring:#7fd6f5cc;--shadow:7 54 90;--dur:.5}html:has(.nbc){scroll-padding-top:96px}html:has(.nbc)::view-transition-old(root){animation-duration:.8s;animation-timing-function:cubic-bezier(.4,0,.2,1)}html:has(.nbc)::view-transition-new(root){animation-duration:.8s;animation-timing-function:cubic-bezier(.4,0,.2,1)}:root[data-design] .nbc{--font:var(--body);--enter:cubic-bezier(.23, 1, .32, 1);--move:cubic-bezier(.77, 0, .175, 1);--wrap:1280px;--gutter:clamp(16px, 4vw, 48px);isolation:isolate;background:var(--paper);color:var(--ink);font:400 17px/1.9 var(--font);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;position:relative;overflow-x:clip}:root[data-design] .nbc *,:root[data-design] .nbc :before,:root[data-design] .nbc :after{box-sizing:border-box}:root[data-design] .nbc :focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px;border-radius:2px}:root[data-design] .nbc .on-dark :focus-visible{outline-color:var(--accent-hi)}:root[data-design] .nbc .wrap{width:min(100%, calc(var(--wrap) + 2 * var(--gutter)));padding-inline:var(--gutter);margin-inline:auto}:root[data-design] .nbc .lead{color:var(--muted);text-wrap:pretty;max-width:62ch;font-size:clamp(16px,1.35vw,19px)}:root[data-design] .nbc .tag{color:var(--accent-ink);align-items:center;gap:12px;font-size:15px;font-weight:600;display:inline-flex}:root[data-design] .nbc .tag:before{content:"";transform-origin:100%;background:currentColor;width:30px;height:1px}:root[data-design] .nbc .btn{--btn-bg:var(--brand);--btn-ink:#fff;--btn-line:transparent;--btn-sweep:var(--brand-deep);isolation:isolate;border:1px solid var(--btn-line);border-radius:var(--radius);background:var(--btn-bg);min-height:56px;color:var(--btn-ink);white-space:nowrap;transition:transform .14s var(--enter), box-shadow .24s var(--enter), border-color .16s linear;justify-content:center;align-items:center;gap:14px;padding-inline:28px;font-size:17px;font-weight:600;line-height:1.2;display:inline-flex;position:relative;overflow:hidden}:root[data-design] .nbc .btn:before{content:"";z-index:-1;background:var(--btn-sweep);transform-origin:100%;transition:transform .42s var(--move);position:absolute;inset:-1px;transform:scaleX(0)}:root[data-design] .nbc .btn.gold{--btn-bg:var(--cta-bg);--btn-ink:var(--cta-ink);--btn-sweep:var(--cta-sweep);box-shadow:0 10px 26px #00000029}:root[data-design] .nbc .btn.ghost{--btn-bg:transparent;--btn-ink:var(--on-dark);--btn-line:#ffffff6b;--btn-sweep:#ffffff21}:root[data-design] .nbc .btn.solid{--btn-bg:var(--brand);--btn-ink:#fff;--btn-sweep:var(--brand-deep)}:root[data-design] .nbc .btn.quiet{--btn-bg:var(--tint);--btn-ink:var(--ink);--btn-line:var(--line);--btn-sweep:var(--sand);gap:8px;min-height:44px;padding-inline:16px;font-size:15px}:root[data-design] .nbc .arr{width:22px;height:22px;display:block;position:relative;overflow:hidden}:root[data-design] .nbc .arr svg{transition:transform .34s var(--move);position:absolute;inset:0}:root[data-design] .nbc .arr svg+svg{transform:translate(120%)}@media (hover:hover) and (pointer:fine){:root[data-design] .nbc .btn:hover:before{transform:scaleX(1)}:root[data-design] .nbc .btn:hover .arr svg{transform:translate(-120%)}:root[data-design] .nbc .btn:hover .arr svg+svg{transform:translate(0)}:root[data-design] .nbc .btn.gold:hover{box-shadow:0 14px 34px #0000003d}:root[data-design] .nbc .btn.ghost:hover{--btn-line:#fffc}}:root[data-design] .nbc .btn:active{transition-duration:90ms;transform:scale(.97)}:root[data-design] .nbc .btn[disabled]{opacity:.45;pointer-events:none;box-shadow:none}:root[data-design] .nbc .hdr{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#fffffff0;position:sticky;top:0}:root[data-design] .nbc .hdr-rule{background:var(--sand);height:3px}:root[data-design=official] :is(:root[data-design] .nbc) .hdr-rule{height:5px}:root[data-design] .nbc .hdr-rule i{background:var(--accent);transform-origin:100%;height:100%;display:block;transform:scaleX(.04)}:root[data-design] .nbc .hdr-in{min-height:76px;transition:min-height .26s var(--enter);justify-content:space-between;align-items:center;gap:24px;display:flex}:root[data-design] .nbc .hdr.is-tight .hdr-in{min-height:62px}:root[data-design] .nbc .hdr-brand{color:var(--ink);align-items:center;gap:12px;transition:opacity .16s linear;display:flex}:root[data-design] .nbc .brand-logo{width:48px;height:48px;transition:transform .26s var(--enter)}:root[data-design] .nbc .hdr.is-tight .brand-logo{transform:scale(.84)}:root[data-design] .nbc .brand-lockup{width:96px;height:auto}:root[data-design] .nbc .brand-text{border-inline-start:1px solid var(--line);padding-inline-start:12px;font-size:18px;font-weight:700;line-height:1.5;display:grid}:root[data-design] .nbc .brand-text small{color:var(--muted);font-size:13px;font-weight:500}:root[data-design] .nbc .nav{align-items:center;gap:6px;display:flex;position:relative}:root[data-design] .nbc .nav a{color:var(--muted);border-radius:var(--radius);transition:color .16s linear, transform .12s var(--enter);padding:10px 14px;font-size:15.5px;font-weight:500;position:relative}:root[data-design] .nbc .nav a[aria-current=true]{color:var(--ink)}:root[data-design] .nbc .nav a:active{transform:scale(.97)}:root[data-design] .nbc .nav-ink{background:var(--accent);transform-origin:100%;opacity:0;pointer-events:none;width:1px;height:2px;position:absolute;bottom:2px;right:0}:root[data-design] .nbc .hdr-end{align-items:center;gap:14px;display:flex}:root[data-design] .nbc .hdr-v{width:74px;height:auto}:root[data-design] .nbc .burger{border-radius:var(--radius);border:1px solid var(--line);justify-content:center;align-items:center;width:44px;height:44px;display:none}@media (hover:hover) and (pointer:fine){:root[data-design] .nbc .nav a:hover{color:var(--ink)}}:root[data-design] .nbc .link{color:var(--brand);align-items:center;gap:10px;margin-top:22px;padding-block:8px;font-weight:700;display:inline-flex;position:relative}:root[data-design] .nbc .link:after{content:"";inset-inline:0;transform-origin:0;height:1px;transition:transform .36s var(--move);background:currentColor;position:absolute;bottom:2px}@media (hover:hover) and (pointer:fine){:root[data-design] .nbc .link:hover:after{transform:scaleX(.35)}:root[data-design] .nbc .link:hover .arr svg{transform:translate(-120%)}:root[data-design] .nbc .link:hover .arr svg+svg{transform:translate(0)}}:root[data-design] .nbc .link:active{transform:scale(.98)}:root[data-design] .nbc .ftr{border-top:1px solid var(--line);background:#fff}:root[data-design] .nbc .ftr-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px;min-height:96px;padding-block:18px;display:flex}:root[data-design] .nbc .ftr-links{color:var(--muted);flex-wrap:wrap;gap:4px 22px;font-size:15px;display:flex}:root[data-design] .nbc .ftr-links a{padding-block:8px;transition:color .16s linear}@media (hover:hover) and (pointer:fine){:root[data-design] .nbc .ftr-links a:hover{color:var(--ink)}}:root[data-design] .nbc .ftr-note{color:var(--muted);padding-block:8px}:root[data-design] .nbc .ftr-say{color:var(--accent-ink);font-weight:700}@media (max-width:1080px){:root[data-design] .nbc .nav{display:none}:root[data-design] .nbc .nav.is-open{top:100%;padding:8px var(--gutter) 14px;border-bottom:1px solid var(--line);box-shadow:0 16px 28px rgb(var(--shadow) / .12);background:#fff;gap:0;display:grid;position:absolute;inset-inline:0}:root[data-design] .nbc .nav.is-open a{border-bottom:1px solid var(--line);padding:14px 4px;font-size:17px}:root[data-design] .nbc .nav-ink{display:none}:root[data-design] .nbc .burger{display:inline-flex}:root[data-design] .nbc .brand-lockup{display:none}}@media (max-width:760px){:root[data-design] .nbc{font-size:16.5px}:root[data-design] .nbc .brand-text small{font-size:12px}:root[data-design] .nbc .hdr-v{display:none}:root[data-design] .nbc .brand-text{white-space:nowrap;font-size:16px}:root[data-design] .nbc .hdr-end .btn.quiet{width:44px;padding-inline:0}:root[data-design] .nbc .hdr-end .btn.quiet span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){:root[data-design] .nbc *,:root[data-design] .nbc :before,:root[data-design] .nbc :after{transition-duration:.01ms!important;transition-delay:0s!important}}:root[data-design] .nbc .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root[data-design] .nbc .btn-ring{border:2px solid var(--ring);border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:0}:root[data-design] .nbc .btn.is-busy{pointer-events:none}:root[data-design] .nbc .btn.is-busy:before{transform:scaleX(1)}:root[data-design] .nbc .spin{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex:none;width:20px;height:20px;animation:.64s linear infinite spin}:root[data-design] .nbc :where(.hdr,.ftr) img{display:block}:root[data-design] .nbc .burger{color:inherit;background:0 0}:root[data-design] .nbc.nbc-inner{font-size:16px}@media (prefers-reduced-motion:no-preference){:root[data-design] .nbc.nbc-inner:not([data-ready]) :is(.hdr-in,[data-enter]){visibility:hidden;animation:0s 2.5s forwards homeShow}}:root[data-design] .nbc .hero-media{z-index:-1;position:absolute;inset:0;overflow:hidden}:root[data-design] .nbc .hero-bg{background:var(--banner) center / cover;will-change:transform;position:absolute;inset:-6% 0}:root[data-design] .nbc .hero-shade{position:absolute;inset:0}:root[data-design=official] :is(:root[data-design] .nbc) .hero-shade{background:linear-gradient(270deg,#042a44b8,#042a4447 62%,#042a441a)}:root[data-design] .nbc .book-title-kicker{color:var(--on-dark-accent);margin-block:clamp(4px,.55vw,8px) 16px;font-size:clamp(18px,1.5vw,21px);font-weight:300;line-height:1.4;display:block}:root[data-design] .nbc .book-title{aspect-ratio:243.83/189.82;background-color:#fff;width:min(100%,372px);margin-top:4px;display:block}:root[data-design=hybrid] :is(:root[data-design] .nbc) .book-title{background-color:#f8f2df}:root[data-design] .nbc .scene-plinth{display:none}:root[data-design=official] :is(:root[data-design] .nbc) .scene-plinth{inset-inline:-39% -88%;transform-origin:100%;background:#ffffff57;height:1px;display:block;position:absolute;bottom:52px}:root[data-design=official] :is(:root[data-design] .nbc) .scene-plinth:before{content:"";background:var(--accent-hi);width:150px;height:3px;position:absolute;inset-block-start:-1px;inset-inline-end:34%}@media (max-width:760px){:root[data-design] .nbc .book-title{width:min(82%,330px)}:root[data-design=official] :is(:root[data-design] .nbc) .scene-plinth{inset-inline:-18%}}:root[data-design] .nbc .scene{--bw:clamp(232px, 21.5vw, 310px);--bt:calc(var(--bw) * .074);justify-content:center;align-items:center;min-height:480px;padding-block:clamp(20px,2.4vw,34px);display:flex;position:relative}:root[data-design] .nbc .scene-glow{pointer-events:none;will-change:transform, opacity;background:radial-gradient(closest-side,#ffeebc3d,#ffeebc12 58%,#0000);border-radius:50%;position:absolute;inset:4% -8% 0}:root[data-design=official] :is(:root[data-design] .nbc) .scene-glow{background:radial-gradient(closest-side,#7fd6f533,#0000)}:root[data-design] .nbc .bookstand{z-index:1;position:relative}:root[data-design] .nbc .book-par{position:relative}:root[data-design] .nbc .book-float{will-change:transform}:root[data-design] .nbc .book-link{width:var(--bw);color:var(--on-dark);perspective:3000px;-webkit-tap-highlight-color:transparent;justify-items:center;gap:18px;display:grid;position:relative}:root[data-design] .nbc .book-tilt{aspect-ratio:921/1300;width:100%;transform-style:preserve-3d;will-change:transform;display:block;position:relative;transform:rotate(-3deg)rotateY(-16deg)}:root[data-design=official] :is(:root[data-design] .nbc) .book-tilt{transform:rotateY(-16deg)}:root[data-design] .nbc .bk{display:block;position:absolute}:root[data-design] .nbc .bk-shadow{filter:blur(28px);transform:translateZ(calc(var(--bt) * -1.1));background:#00000085;inset:7% 2% -5% -5%}:root[data-design] .nbc .bk-back{transform:translateZ(calc(var(--bt) / -2));background:#ece6d6;border-radius:5px 2px 2px 5px;inset:0}:root[data-design] .nbc .bk-spine,:root[data-design] .nbc .bk-edge{width:var(--bt);inset-block:1px}:root[data-design] .nbc .bk-spine{right:calc(var(--bt) / -2);background:linear-gradient(90deg,#0f4f3c,#1f7d60 46%,#125a45);transform:rotateY(90deg)}:root[data-design=official] :is(:root[data-design] .nbc) .bk-spine{background:linear-gradient(90deg,#0f4f3c,#1f7d60 46%,#125a45)}:root[data-design] .nbc .bk-edge{left:calc(var(--bt) / -2);background:repeating-linear-gradient(90deg,#f3eee1 0 1px,#d3cab6 1px 2px);transform:rotateY(-90deg)}:root[data-design] .nbc .bk-top,:root[data-design] .nbc .bk-foot{height:var(--bt);background:repeating-linear-gradient(0deg,#f3eee1 0 1px,#d3cab6 1px 2px);inset-inline:2px}:root[data-design] .nbc .bk-top{top:calc(var(--bt) / -2);transform:rotateX(90deg)}:root[data-design] .nbc .bk-foot{bottom:calc(var(--bt) / -2);transform:rotateX(-90deg)}:root[data-design] .nbc .bk-leaf{transform:translateZ(calc(var(--bt) / 2 - 1px));background:#f4efe2;border-radius:3px 0 0 3px;inset:3px 0 3px 4px}:root[data-design] .nbc .bk-hinge{transform:translateZ(calc(var(--bt) / 2));transform-style:preserve-3d;inset:0}:root[data-design] .nbc .bk-turn,:root[data-design] .nbc .bk-cover{transform-origin:100%;transform-style:preserve-3d;will-change:transform;inset:0}:root[data-design] .nbc .bk-turn{color:#17493a;backface-visibility:hidden;background:linear-gradient(270deg,#46341233,#0000 14%),#fbf8ef;align-content:center;justify-items:end;gap:8px;padding-inline-end:4%;display:grid;inset:2px 0 2px 3px}:root[data-design] .nbc .bk-turn b{font-size:15px;font-weight:700;line-height:1.4}:root[data-design] .nbc .bk-turn svg{color:#7c5e22}:root[data-design=official] :is(:root[data-design] .nbc) .bk-turn{color:var(--brand)}:root[data-design=official] :is(:root[data-design] .nbc) .bk-turn svg{color:var(--accent-ink)}:root[data-design] .nbc .bk-front,:root[data-design] .nbc .bk-inner{backface-visibility:hidden;inset:0;overflow:hidden}:root[data-design] .nbc .bk-front{background:#f7f5ef;border-radius:5px 2px 2px 5px;box-shadow:inset 0 0 0 1px #fff6}:root[data-design] .nbc .bk-front:after{content:"";inset-block:0;pointer-events:none;background:linear-gradient(90deg,#0000,#00000029 48%,#ffffff38 62%,#0000);width:3%;position:absolute;right:2.6%}:root[data-design] .nbc .bk-front img{object-fit:cover;width:100%;height:100%}:root[data-design] .nbc .bk-inner{background:#efe7d3;border-radius:2px 5px 5px 2px;transform:rotateY(180deg);box-shadow:inset -22px 0 26px -20px #46341252}:root[data-design] .nbc .bk-sheen{--mx:50%;--my:30%;background:radial-gradient(circle at var(--mx) var(--my), #ffffff80, #ffffff1a 34%, transparent 62%);mix-blend-mode:soft-light;opacity:0;pointer-events:none;transition:opacity .32s linear;inset:0}:root[data-design] .nbc .book-link:is(:hover,:focus-visible) .bk-sheen{opacity:1}:root[data-design] .nbc .book-hint{min-height:40px;color:var(--on-dark);transition:transform .24s var(--enter), background-color .2s linear, color .16s linear, border-color .16s linear;background:#04181347;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:10px;padding-inline:16px;font-size:15px;font-weight:600;line-height:1.2;display:inline-flex}:root[data-design] .nbc .book-hint svg{transition:transform .3s var(--enter);flex:none}@media (hover:hover) and (pointer:fine){:root[data-design] .nbc .book-link:hover .book-hint{border-color:var(--accent-hi);background:var(--accent-hi);color:var(--cta-ink);transform:translateY(-2px)}:root[data-design] .nbc .book-link:hover .book-hint svg{transform:translate(-4px)}}:root[data-design] .nbc .book-link:active .book-hint{transition-duration:90ms;transform:scale(.97)}@media (max-width:760px){:root[data-design] .nbc .scene{--bw:min(56vw, 214px);min-height:0;padding-block:20px 26px}}@media (prefers-reduced-motion:reduce){:root[data-design] .nbc .book-tilt,:root[data-design=official] :is(:root[data-design] .nbc) .book-tilt{transform:none}}