*{box-sizing:border-box;margin:0;padding:0}body{background:#f0eee9;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:32px 16px;font-family:Outfit,system-ui,sans-serif;display:flex}.ph{background:#f7f5ef;border:1px solid #0000001a;border-radius:38px;flex:none;width:380px;height:800px;position:relative;overflow:hidden;box-shadow:0 18px 50px #0000002e}.body{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.body::-webkit-scrollbar{width:0;height:0}.body{scrollbar-width:none}.flip{perspective:1400px;cursor:pointer}.flipin{width:100%;height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.22,1.1,.36,1);position:relative}.flip.on .flipin{transform:rotateY(180deg)}.face{backface-visibility:hidden;border-radius:22px;position:absolute;inset:0;overflow:hidden}.back{transform:rotateY(180deg)}.stk{transition:background .18s,color .18s,border-color .18s}.stk:hover{color:#f7f5ef!important;background:#14140f!important;border-color:#14140f!important}.stk:hover>span{opacity:1!important}input.bare{all:unset;color:#14140f;flex:1;min-width:0;font:500 14px Outfit,sans-serif}input.bare::placeholder{color:#a5a296;font-weight:400}textarea.bare{all:unset;color:#14140f;text-wrap:pretty;resize:none;width:100%;font:400 14px/1.45 Outfit,sans-serif;display:block}.chrome{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:560px;display:flex}.chip{color:#14140f;cursor:pointer;background:#00000014;border:none;border-radius:5px;padding:5px 9px;font:600 10.5px JetBrains Mono,monospace;transition:background .15s,color .15s}.chip:hover{background:#00000029}.chip.on{color:#f7f5ef;background:#14140f}.chrome-label{color:#00000073;font:400 11px Outfit,sans-serif}