@import url('./style.css');
:root{--nb-ink:#30494d;--nb-accent:#a15843;--nb-length:14.25}
html,body{background:var(--nb-sky)!important}
body,.xp-section{height:calc(var(--nb-unit)*var(--nb-length))!important;min-height:calc(var(--nb-unit)*var(--nb-length))!important}
#nb-shell{color:var(--nb-ink);text-shadow:none}
#nb-shell:before{background:url('/assets/newbazi/welcome/paper-grain.png') center/520px;mix-blend-mode:multiply;opacity:.045;z-index:0}
.nb-night #nb-shell:before{opacity:.018}
.nb-header{top:29px;left:3.6%;right:3.6%}
.nb-brand{font-size:20px!important;gap:11px}
.nb-mark{color:var(--nb-accent);border-color:currentColor;background:transparent}
.nb-header-note{opacity:.55;letter-spacing:3px}
.nb-header-actions button{display:flex;align-items:center;gap:14px;min-height:44px}
.nb-header-actions button span{font-size:16px}
.nb-header-actions{display:flex;align-items:center;gap:22px}
.nb-auto-playing #nb-next{pointer-events:none}
.nb-copy{left:10.3%;top:40%;bottom:auto;max-width:34%;z-index:3}
.nb-kicker{color:var(--nb-accent);font-size:10px;letter-spacing:3px;margin-bottom:24px;gap:14px}
.nb-kicker i{width:24px}
#nb-line{font-size:clamp(31px,2.9vw,43px);line-height:1.78;letter-spacing:5px;white-space:pre-line;font-weight:400;text-shadow:none;text-wrap:initial}
#nb-subtitle{font:8px/1.5 Arial,sans-serif;letter-spacing:3.6px;margin:23px 0 0;opacity:.48}
.nb-bottom{bottom:29px;left:3.6%;right:3.6%}
.nb-edition,#nb-count{opacity:.55}.nb-edition{font-size:8px;letter-spacing:1.7px}
#nb-count{font-size:9px;letter-spacing:3px}
#nb-next{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;min-height:44px;padding:8px 15px!important;font:10px/1.5 "Songti SC",SimSun,serif!important;letter-spacing:2px;white-space:nowrap}
.nb-scroll-arrow{height:24px;opacity:.7;transition:transform .35s}.nb-snapping .nb-scroll-arrow{transform:translateY(5px)}
.nb-chapters{right:3.25%;gap:2px;z-index:10;padding:12px 3px;background:none}
.nb-chapters button{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:40px;min-width:44px;font:12px/1 "Songti SC",SimSun,serif!important;opacity:.38;transition:opacity .2s}
.nb-chapters button i{width:3px;height:3px;border:1px solid;border-radius:50%}
.nb-chapters button.is-active{opacity:1;color:var(--nb-accent)!important}.nb-chapters button.is-active i{background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,var(--nb-accent) 10%,transparent)}
.nb-chapters button:hover{opacity:1}
.nb-reading-progress{position:absolute;bottom:0;left:0;height:1px;background:var(--nb-accent);transform-origin:left;transform:scaleX(var(--nb-progress));width:100%;opacity:.55}
.nb-welcome-active #nb-shell{color:#544c3a;text-shadow:none}
.nb-welcome-active #nb-shell:before{opacity:0}
.nb-welcome-active .nb-copy{visibility:hidden}.nb-welcome-active .nb-header-actions{border:0;background:#f3e5c8cc;padding:0 10px;border-radius:2px}
.nb-closing{bottom:30px}.nb-fallback{z-index:-2;background:var(--nb-sky)}
.nb-fallback-cutouts{position:absolute;inset:0;z-index:0}.nb-fallback-cutouts img{position:absolute;object-fit:contain}
.nb-fallback-voyage{z-index:1}.nb-fallback-welcome{z-index:2}
.nb-fallback-cloud{position:absolute;transform:translate(-50%,-50%);object-fit:fill;pointer-events:none;z-index:3}
.nb-loader{background:#f5f0e4;color:#30494d;text-shadow:none}
.nb-loader-note{opacity:.65}.nb-loader-brand{font-size:34px}
.nb-fallback-welcome:before{background-image:url('/assets/newbazi/welcome/light-gold-paper.webp')}
.nb-corner-tl,.nb-corner-tr{top:-2px}.nb-corner-bl,.nb-corner-br{bottom:-2px}
.nb-corner-tl,.nb-corner-bl{left:-2px}.nb-corner-tr,.nb-corner-br{right:-2px}
@media(max-width:700px){
 .nb-header{left:22px;right:22px;top:max(18px,env(safe-area-inset-top))}.nb-brand{font-size:18px!important;gap:8px}
 .nb-header-actions{gap:13px}
 .nb-copy{left:8%;top:25%;bottom:auto;max-width:58%}
 #nb-line{font-size:29px;line-height:1.75;letter-spacing:3px}.nb-kicker{font-size:9px;margin-bottom:16px;letter-spacing:3px}#nb-subtitle{font-size:7px;margin-top:17px;letter-spacing:2.8px}
 .nb-chapters{left:16px;right:16px;top:max(83px,calc(env(safe-area-inset-top) + 70px));bottom:auto;transform:none;gap:2px;justify-content:center;padding:0}
 .nb-chapters button{flex-direction:column;justify-content:center;gap:8px;min-width:43px;min-height:44px;font-size:12px!important}
 .nb-bottom{left:23px;right:23px;bottom:max(24px,calc(env(safe-area-inset-bottom) + 15px))}.nb-edition{font-size:7px;letter-spacing:1px}.nb-edition i{display:none}.nb-edition{max-width:76px;flex-wrap:wrap;gap:2px}
 #nb-count{font-size:8px;letter-spacing:1.5px}#nb-next{font-size:9px!important;gap:12px;letter-spacing:1px;padding:0!important}.nb-scroll-arrow{height:19px}
 .nb-closing{font-size:10px;letter-spacing:2px;bottom:max(30px,env(safe-area-inset-bottom))}
}
@media(max-width:370px){#nb-line{font-size:25px}.nb-chapters button{min-width:40px}.nb-copy{left:22px}}
@media(max-height:540px) and (min-width:701px){.nb-header{top:12px}.nb-copy{top:31%}#nb-line{font-size:27px}.nb-kicker{margin-bottom:10px}#nb-subtitle{margin-top:10px}.nb-chapters button{min-height:29px}.nb-bottom{bottom:12px}}
@media(prefers-reduced-motion:reduce){.nb-scroll-arrow{transform:none!important}.xp-canvas{transition:none!important}}