.live-shell button,.live-shell a,.live-shell select{outline-offset:5px}.live-shell button{cursor:pointer}.live-shell button:disabled{opacity:.5;cursor:wait}.live-button{color:#052e24;background:#a7f3d0;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;font-weight:700;display:inline-flex}.live-secondary{border:1px solid #52796d;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;display:inline-flex}.live-container{padding-top:max(72px, calc(env(safe-area-inset-top,0px) + 24px));padding-bottom:calc(env(safe-area-inset-bottom,0px) + 28px)}.live-header{border-bottom:1px solid #ffffff26;padding-bottom:20px}.live-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 32px;display:grid}.live-nav a{color:#ecfdf5;text-align:center;background:linear-gradient(#235d49 0%,#123d30 100%);border:1px solid #579b83;border-radius:13px;justify-content:center;align-items:center;min-height:52px;padding:10px 6px;font-size:14px;font-weight:650;line-height:1.3;text-decoration:none;display:flex;box-shadow:inset 0 1px #ffffff2e,0 4px #05231b,0 7px 12px #0000004d}.live-nav a:hover{background:linear-gradient(#2d7058,#194b3a)}.live-nav a:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff26,0 2px #05231b}.live-nav a:focus-visible{outline-offset:5px;outline:2px solid #a7f3d0}@media (min-width:640px){.live-nav{gap:16px;max-width:640px}.live-nav a{font-size:16px}}.live-shell button,.live-shell .live-secondary,.live-shell .live-button{border:1px solid #579b83;box-shadow:inset 0 2px #ffffff26,0 4px #031910,0 9px 15px #0004}.live-shell .live-button{background:linear-gradient(#c6f9de,#8ee3b9)}.live-shell .live-secondary{background:linear-gradient(#235d49,#123d30)}.live-shell button:not(:disabled):active,.live-shell a.live-secondary:active,.live-shell a.live-button:active{transform:translateY(3px);box-shadow:inset 0 1px 3px #0003,0 1px #031910}.live-shell button:disabled{box-shadow:0 1px #031910}