:root{--void: #0a0a0a;--void-lift: #151414;--card-bg: #3a3838;--card-mono: #2e2c2c;--paper: #fdfcfa;--paper-edge: #ece8e2;--paper-deep: #d5cfc7;--paper-int: #f2eee8;--type: #f4f1ec;--type-soft: rgba(244, 241, 236, .7);--type-faint: rgba(244, 241, 236, .4);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-flap: cubic-bezier(.42, 0, .28, 1);--ease-flip: cubic-bezier(.4, 0, .2, 1);--card-w: min(86vw, calc((100dvh - 44px)*.47) , 440px);--env-w: calc(var(--card-w) / .92);--env-settle: calc(var(--card-w) * .68);--card-raise: -49%;--card-rest: 72%;--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}@media(max-height:720px)and (orientation:portrait){:root{--card-w: min(86vw, calc((100dvh - 44px)*.51) , 440px);--env-settle: calc(var(--card-w) * .604);--card-raise: -38%}}@media(max-height:540px)and (orientation:landscape){:root{--card-w: min(calc((100dvh - 74px) * 5 / 7), 300px);--env-settle: calc(var(--card-w) * .911)}}@media(max-width:768px){:root{--noise: none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}