*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:Inter,sans-serif;overflow:hidden;background:#111}#root{height:100%;display:flex;justify-content:center;align-items:stretch}.shell{width:100%;max-width:430px;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column}@media (min-width:900px){#root{align-items:center}.shell{height:100vh;max-height:900px;border-radius:24px;box-shadow:0 32px 80px #0009,0 0 0 1px #ffffff12}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.screen::-webkit-scrollbar,.nb-body::-webkit-scrollbar{display:none}textarea,input{font-family:inherit;-webkit-appearance:none;outline:none}button{font-family:inherit;border:none;cursor:pointer;-webkit-appearance:none}.fade{animation:fadeIn .22s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.pp:active{transform:scale(.96);opacity:.85}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{background:#fdfaf3;border-radius:22px 22px 0 0;width:100%;max-width:430px;padding-bottom:28px;max-height:90vh;overflow-y:auto}.sheet::-webkit-scrollbar{display:none}.wipe-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.wipe-over{z-index:5;will-change:clip-path;pointer-events:none;clip-path:inset(0 100% 0 0)}.wipe-secondary-overlay{z-index:9}.wipe-transitioning{pointer-events:none}@keyframes splashDotWiggle{0%{transform:translate(0) scale(1)}10%{transform:translate(1.4px,-2.2px) scaleY(.8)}20%{transform:translate(-1.6px,-3px) scale(.9,1.1)}30%{transform:translate(1px,-1.2px) scale(1)}40%{transform:translate(-2px,-2.6px) scaleY(.85)}50%{transform:translate(1.6px,-3.6px) scale(.85,1.15)}60%{transform:translate(-1.2px,-1px) scale(1)}70%{transform:translate(2px,-2.2px) scale(.9,1.1)}80%{transform:translate(-1px,-.5px) scale(1)}90%{transform:translate(.5px,-1px) scaleY(.9)}to{transform:translate(0) scale(1)}}@keyframes splashRingPop{0%{transform:scale(0)}55%{transform:scale(1.25)}75%{transform:scale(.9)}to{transform:scale(1)}}@keyframes splashBlink{50%{opacity:0}}@keyframes navFloatIn{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes flipNext{0%{transform:perspective(1500px) rotateY(0)}to{transform:perspective(1500px) rotateY(-98deg)}}@keyframes flipPrev{0%{transform:perspective(1500px) rotateY(0)}to{transform:perspective(1500px) rotateY(98deg)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes onceFlame1{0%,to{transform:scale(1) rotate(-1deg)}50%{transform:scale(1.055) rotate(1.5deg)}}@keyframes onceFlame2{0%,to{transform:scale(1) rotate(-1deg)}50%{transform:scale(1.06) rotate(2deg)}}@keyframes onceFlame3{0%,to{transform:scale(1) rotate(-1.5deg)}50%{transform:scale(1.09) rotate(3deg)}}@keyframes onceFlame4{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.12) rotate(3.5deg)}}@keyframes onceFlame5{0%,to{transform:scale(1) rotate(-2.5deg)}50%{transform:scale(1.15) rotate(4deg)}}.mb-flip-layer{position:absolute;top:0;right:0;bottom:0;left:0}.mb-flip-from{z-index:5;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;pointer-events:none}.mb-flip-from.dir-next{transform-origin:left center;animation:flipNext .3s cubic-bezier(.45,0,.2,1) forwards}.mb-flip-from.dir-prev{transform-origin:right center;animation:flipPrev .3s cubic-bezier(.45,0,.2,1) forwards}.mb-flip-to{z-index:1}@keyframes book3dTilt{0%,to{transform:rotateX(30deg) rotateY(-26deg)}50%{transform:rotateX(27deg) rotateY(-21deg)}}.book3dIdle{animation:book3dTilt 6s ease-in-out infinite}