*{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}.flip-layer{position:absolute;top:0;right:0;bottom:0;left:0}.flip-from{z-index:5;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;pointer-events:none}.flip-from.dir-next{transform-origin:left center;animation:flipNext .34s cubic-bezier(.45,0,.2,1) forwards}.flip-from.dir-prev{transform-origin:right center;animation:flipPrev .34s cubic-bezier(.45,0,.2,1) forwards}.flip-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#000;opacity:0;pointer-events:none;will-change:opacity;animation:shadeIn .34s cubic-bezier(.45,0,.2,1) forwards}.flip-to{z-index:1}.flip-spine{position:absolute;top:0;bottom:0;z-index:6;pointer-events:none;opacity:0;will-change:opacity,width;animation:spineSweep .34s cubic-bezier(.45,0,.2,1) forwards}.flip-spine.dir-next{left:0;background:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.12) 55%,transparent)}.flip-spine.dir-prev{right:0;background:linear-gradient(270deg,rgba(0,0,0,.5),rgba(0,0,0,.12) 55%,transparent)}@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 shadeIn{0%{opacity:0}to{opacity:.55}}@keyframes spineSweep{0%{width:14px;opacity:0}30%{width:64px;opacity:1}70%{width:120px;opacity:.5}to{width:170px;opacity:0}}@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)}}.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}